Lemonliyi的博客

本文介绍了原型设计中变量与条件判断原理，涵盖高级交互原型工具选择指南，通过实战案例“3步实现APP原型重置密码动态交互”，展示了变量控制和条件判断功能使用教程，一起来看看吧。

墨刀制做的灵动岛效果，了解一下~

优秀的人都懂得用“巧劲儿”

你有一份原型设计素材待查收！

有关产品设计的干货分享

今年我们出了很多新的功能，比如表格组件、版本管理、图片裁切、页面文件夹、PRD、箭头组件等等。有不少刀友们反馈，这些功能让他们在工作的时候，结结实实感受到了效率的提升。但是，我们没有骄傲，依然兢兢业业，努力工作，埋头苦干。所以在今天，又要隆重的宣布，一个非常极其特别有用的功能上线了——设计系统。什么是设计系统？「设计系统」这个词对于很多设计师朋友们来说，应该都不陌生。每一个企业在自己的产品设计上都有一些自己的设计标准，对字号、字体大小、行高、间距、配色、风格之类的有着严格的规定。基于这样的设计

上周，我们邀请了一票设计师和产品经理聊了聊自己工作中困扰。经过一番激烈地讨论后，我们发现大部分刀友们都在面临这些问题：沟通困难、交接不顺畅、同事甩锅、工具来回切换、资源难以整合…针对这些问题，在即将上线的墨刀6.0中，我们为刀友们提供了完美的解决方案。接下来，就请跟随我一同走进「墨刀6.0」吧。沟通无间隙，办事更高效为了加强沟通的效率，提高效率，我们对墨刀 6.0 做了相关产品功能的升级。1.一站式解决产品想法从诞生到呈现在墨刀 6.0 中，我们不再只是一个单纯的原型工具，我们旗下还有设计

今天没有什么特定的主题，我们搜集了本月素材广场中点赞最多的几个新原型分享给刀友们。它们包含小程序、活动APP、管理后台、管理中台、电商平台等等，每一个原型设计都很厉害，应用场景也非常广泛，不愧是近日最佳！话不多说，直接开始看吧。社区电商平台加粗样式...

混迹在城市中，让人最幸福的是，生活的便利。无论是吃饭、娱乐，还是生活、出行，我们一个手机就可以搞定，不用被时间、地点所限制，而这些都是因为本地生活服务类软件的支撑。今天，我们就将要跟刀友们分享关于生活、关于服务的一些产品设计。智能充电桩作者：熊猫妖作品链接：https://org.modao.cc/square/mtkb3idmsngjeqyk现在电动汽车可太火了，科技又环保，就是需要经常充电。这款智能充电桩小程序就是在这个背景下应运而生的，目的是为了方便车企/个人车主使用，它包含着所有好产品

作为simplesite设计团队的负责人，我最近参与并制定了一组产品的的设计原则。在这个过程中我有去了解产品设计相关的原理，学习各大成功的案例，并得到了很多启发。其实不论我们学习了多少原则理论，最重要的还是要结合实践，毕竟实践出真知。因此想在这里分享一下自己的学习成果，同时与大家进行交流，以便完善自己的知识~主要包括以下两点：最佳产品设计原则的4个特征产品设计最佳原则集合如果通过这篇文章，你能学到最佳产品设计原则的共同点，还是只是从一些具体示例中获得一点启发，都是我希望达到的效果。最佳产品设.

上一周，全国人民都知道北京要下一场大雨。有多大呢？微博是这样发的：短信是这样发的：这浩浩荡荡的声势，大有天快破了的感觉。结果你们也知道了，不能说完全不对吧，可以说是毫不相关。外地的刀友们可能不知道，第二天北京天晴的那个样子，显得特别的黑色幽默。天气这个东西，简直是薛定谔定律的集大成者，连那只猫都比不上。虽然天气始终让人类捉摸不透，但是我们人类就喜欢知难而上，认真琢磨它。不止琢磨，还通过很多天气类产品与众人共享成果。今天，我们就想跟刀友们一起聊聊关于天气的那些个产品。墨*天气

9 月马上就要来临，家长们终于可以解放啦，熊孩子们可以回归校园啦！虽然学生们都很难过，但是大人们应该多半都很快乐，其中最快乐的当属与学生相关的产品们。今天，就想跟刀友们分享一些学生类产品设计，请看下去吧～01 简历编辑APP原型作者：爱玩的酷奇原型链接：https://modao.cc/square/mtkb3i8wqd2i9lwc对于即将毕业的大四学生而言，开学就是战场，秋招代表着自己职场生涯的第一步，而好的简历就是成功的敲门砖。这款原型就是服务求职者的简历编辑工具，用户可以通过它来制作出排

是的，你没有看错～呼声很高的图片裁切功能已经上线啦～来通过两个动图，了解下：是不是没太看明白？！那就让我来为刀友们解读一下～如何进入图片裁切模式将图片拖入工作区中，双击即可进入图片裁切模式，点击空白处即可退出图片裁切模式。图片裁切支持什么效果图片裁切现在支持两种效果，一种是方形，一种是圆形，在这里即可切换：一秒变圆的效果是这样的：如果，不满意也不要紧，我们也支持恢复：当然，图片裁切还支持等比例缩放哦～没用过的刀友，赶紧去工作区体验一下吧～用过的刀友，可以在评论区写下你的使

管理型产品，是每个公司都在使用的产品，重要性都不言而喻。它可以作用于前台信息管理，确保信息的正确呈现；亦可以对用户的管理，福利发放、用户召回都不在话下；也能够帮助人们更好的操作业务层面的各种问题…所以，在设计一个管理型产品需要思考这些内容：用途、特点、页面简洁度、效率提升度等等，确保它能够梳理业务逻辑，并对业务起到反激励的效果。话不多说，那就来看看今天分享的作品吧～办公管理APP作者：夜魔办公管理软件是最常见的一种管理型产品，主流的软件有钉钉、企业微信等等。而这款办公管理的APP软件，在一定

最近，互联网圈子完全被抖音霸屏了，似乎每个人都在关心它的海外业务该何去何从。或者，想吃瓜它跟特朗普谁才是最后赢家？！说实在，抖音2016年9月才上线，四年不到的时间成为了国民软件，风靡全球，真的很厉害。看看其他国家用户沉迷激动的样子：它开创了很多短视频的新玩法，并渗透到了大家的娱乐生活方式当中。说真的，论洗脑没有谁能比得过抖音。这样厉害的产品，也难怪其他国家这么恐惧了。不过，一个产品如果做的不好，就算市场营销再厉害也依然扶不起来。所以，抖音能走到今天，还是产品过硬。那么今天我们就来一

产品经理和开发的关系，从来都不简单。有人说，像是矛和盾，对立又统一；有人说，像伴侣，凑合过还能离咋地；有人又说，明明就是秀才遇上兵，有多少理都抵不过一句没时间…但我觉得，他们其实是鱼和水，谁也离不开谁。一个负责绘制美好蓝图，一个负责将蓝图变成现实，永远不分离。也像是我们和 CODING 。CODING 是什么CODING（https://coding.net/） 是国内首个一站式云端软件服务平台，涵盖了软件开发从构想到交付的一切所需。从产品需求构想开始，即可在 CODING 发起并进行全过

生而为人，要想过的有趣，必须要有很多朋友，然后就可以过上“五花马,千金裘,呼儿将出换美酒,与尔同销万古愁”的快乐。但是，如果没有很多的朋友怎么办呢？那就需要很多很多的社交娱乐产品了。那这方面的产品设计上应该考虑什么呢？怎么做呢？别担心，我们已经为刀友们准备了一些案例，请看吧～约会社交作者：程安明交友是社交产品永恒不变的旋律。现在人们工作繁忙、社交圈子窄，也的确很需要这样的产品。但是我们今天分享的这个原型，不是一般约会社交，是针对特殊人群的约会社交类产品，适合社交类小众细分市场。虽然它体

本期是「素材播报」的第15期，从开播到现在，我们把各个行业的基础产品原型差不多都分享了一遍。今天就想来给刀友们整点新鲜玩意，这些原型不管是产品创意还是交互动效都可圈可点，希望借此给刀友们带来一些新的灵感～今天吃啥-美食原型作者：mia当代上班族最大的困扰就是：“早上吃啥？中午吃啥？晚上吃啥？”市面上大多数的软件，只是提供附近有什么，只能让人更加的纠结，而这个产品就不一样了。首先，以食物本身为出发点，先解决「吃什么」的问题。再解决「在哪里」，「怎么去」的问题。最后还提供了菜谱，后续还可

视频创作有多难？策划、脚本、拍摄、剪辑…如果可以像画原型一样做视频是不是挺爽的？！这就是【来画】一直在做的事！那来画究竟是什么呢？先说几个关键句：全球领先的在线视频协同创作平台继 Google 后，全球第二家掌握手绘动画路径识别能力的技术驱动型互联网公司可以像做PPT一样做出创意短视频新华社战略合作伙伴…是不是更好奇了～简而言之，他们是一家致力于提升视频制作的效率、有实力、有创意的在线动画视频制作平台。为了让刀友们更能深入地了解，我们今天邀请到了来画产品总监，与我们一起聊聊关于来

上周我们分享了一些关于小程序相关的内容，包括点击弹窗设计的方法、基础组件和一些原型分享，错过的点击这里。本周，我们将继续专题路线，分享一些关于后台的产品设计。后台产品虽不如前台产品那样被大众所熟知，但其重要性丝毫不比前台产品弱。一方面来说，它是公司业务的支撑，运用它可以优化工作流程，提升工作的效率；另一方面，它能够让我们获取到用户和服务相关的数据，并因此进行分析，从而推动前台的优化。好了，话不多说，赶紧进入正题吧～后台组件原型搭建第一步——获取组件素材。我们素材广场也给刀友们准备了丰富的后

年初，刀刀哥在 Medium 上读到了一篇关于 2020 年流行趋势预测的文章，作者从八个角度有理有据的分析了很多。现在 2020 已过半，杠精如我，决定来检验一下，作者说的到底对不对。作者说：插图虽说在产品设计中已经存在很长时间了。不过，近几年才高速发展，逐渐被人们喜爱，成为最流行的设计元素之一，在产品中加入插图设计，不经意间就能给人产生一种非常自然，非常人性化的感觉。插图非常能够吸睛，为我们产品增加了更多的细节，更加个性化，也可以让用户产生意愿与产品进行互动。同时，让我们产品“活”了起来，

2020年前半年的微博热搜，简直是一部史诗级的灾难大片。但李国庆老师却是其中的逆流，为这个灰调的世界贡献了一丝欢乐的色彩。据微博的统计，热搜条目数达到了 757 条，共 38 页：包括以下内容：他在创业老板和喜剧大师的边缘来回试探，还是中国「离婚难」受害第一人。他作为一个体验派的艺术大师，用行为艺术向世人表现现实的荒诞。虽然嘴巴上说着自己净身出户，甚至开发了新的产品——“早晚读书”，身体上却一直不愿对当当放手。我想他一定循环着一首歌《放开》。好了，八卦就到这。我们现在来聊聊“当

协作是创建以用户为中心的产品的基本要素，这适用于从设计师到开发人员的任何岗位。无论你是在办公室还是在家工作，你都需要高效的工具来分享想法、维持创作和考验洞察力。所以，本文将分享一些可以帮你提高 UX 远程协作效率的工具，排名不分先后。Miro它是一个在线协作白板，正式名称叫 Realtime Board（实时白板），它的作用是让团队随时随地聚在一起。我们的设计人员、开发人员和项目经理老用它来进行远程会议和研讨会，分享各自的想法和解决问题，效果非常不错。它不仅仅是一款全面的构思平台，提供的一站式高

小程序自 2017 年 1 月正式上线至今已三年半了，它改变了移动软件的实现形式，开发变得更为简单快捷，依托于大平台的流量，也减少了一部分的宣传费用，产品变得灵活又多变。今天，我们就要分享一些关于小程序原型设计方法以及一些素材原型，帮助刀友们快速上手小程序的产品设计。本期目录小程序点击弹窗设计的方法小程序基础组件小程序「商城」小程序「教育机构管理平台」小程序「认识自己」如何复用小程序原型小程序点击弹窗设计的方法在正式分享素材之前，我们先来学习一个小程序里的常

人在江湖飘了，哪能不工作职场生活，难免会有一些，光和灰暗的时刻今日就为刀友们盘点一下，互联网人的这些职场瞬间设计师0102产品经理0102运营0102程序员0102测试0102市场01墨刀0102产品设计协作墨刀陪你一起走过～...

延迟了一个月的高考，终于结束啦～老实说，现在的高考题我连作文题目都看不懂了！咋，那么难！只能庆幸还好不是自己高考。虽然高考没有什么发言权，但是选专业，我们还是可以聊一聊。昨天，网上盛传了这样一个调查结果图：为此，墨墨姐采访了同事和部分刀友来现身说法，到底有没有因为选专业后悔过。结果不问不知道，一问吓一跳，没想到跟我朝夕相处的他们，居然学的专业那么高大上，结果嘛…还是你自己看吧～PART 01 专业对口首先，出场的就是专业对口的同学，他们表示后悔是不可能后悔的，开心嘛倒是很开心。「墨刀扛把

今天想做一个爱学习的人，所以给大家分享一些关于交互设计的书，它们可以在一定程度上提升交互思维。而且，对产品经理、交互设计师，或是只是想要获得一些交互设计的灵感的刀友，都非常友好。01 点石成金《点石成金》的作者是 Steve krug ，本身就是一个用户体验专家，有一家咨询公司。这本书就是根据他的经验总结而成，用诙谐幽默的语句来说明用户使用的模式、为浏览进行设计、导航设计、主页布局、可用性测试等方面的独特观点，并给出了大量简单、易行的可用性设计的建议。在众多描述移动产品的书籍中，它另辟蹊径说了一

真是，有多少的期待，就有多少失望。海航，当之无愧。紧跟东航出随心飞方案，早早就开始宣传，价格跟福利都远超之前，我还以为他们是营销界鬼才。这价格，这福利，这使用期限，谁看了不得说一句心动呢？！而且不管是官博，还是官方APP写的购买攻略，都感觉到了他们服务的细致与贴心。官博倒计时造势购买攻略页面一切都放佛朝着美好的方向前进着，直到正式发售的那一天…那一天，天气晴朗的不像话。11:20分，我偷偷摸摸的在厕所打开 APP，准备测试一下手速，结果我收获到的只是这个页面：说好的 banner 页

前不久苹果开了发布会，宣布 iOS 14 和 macOS Big Sur 的推出。其中，全新的UI改变，绝对是未来的趋势。今天素材播报就分析一下，这次的变化有哪些，并准备好了相关组件，一起看下去吧～从平面变立体过去，产品设计大多都是一些扁平化的设计。但从去年 iOS13 开始，苹果就在试图变革，想要在 UI 设计上呈现的更具象，比如备忘录的画图工具。今年，iOS14 则更进一步的强化了这样的风格，在新的 Apple 操作系统里，可以看到很多地方的外观有了更多的阴影、纹理和 3D 形状。苹果人

民那桑，好久不见呀～在这个6月购物季，做原型有没有感到头疼呀？有没有怀念我们栏目呀～不管想不想，反正我强势回归了，还带着六个电商原型一起！话不多说，赶紧来看看吧。电商基本原型作者：曾玲随着科技与移动设备的进步，我们的生活早就跟互联网绑定在一起了，购物方式也因它产生了变化，主流方式从最初的实体购物转变成网上购物。网上 shopping 怎么离得开电商APP呢？！那你知道，电商产品的设计有一些基本法吗？今天，第一个要分享的原型，就是一个完美演绎电商产品设计基本法的 APP 原型。它展示出了经典

Chrome作为浏览器扛把子，其极简的页面、流畅的速度、简易的操作都令人为之称道。但我喜欢的原因是它拥有的众多插件，无需下载软件占用内存，直接储存于浏览器中即可使用，不要太方便。今天就来给大家推荐几个设计师常用的Chrome插件吧。1）Full Page Screen Capture作用：收集整理设计参考资料链接：https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoa

上周播出的《乘风破浪的姐姐》都看了吧？！姐姐们 30+ 的状态真的太好了，要颜值有颜值，要才艺有才艺，气质这块拿捏死了～节目因角度清奇，从企划开始就备受关注，一播出果然就爆了。我觉得，不仅仅是角度好，名字也取得好，谁不想拥有「乘风破浪」的气势呢？！所以，为了帮助刀友们能在职场里乘风破浪，墨刀上线了一大波超级实用的功能。今天，就让我来介绍一下吧！01.管理大师——页面文件夹还在为你超多页面管理而烦恼吗？请 Look at me！！！我，页面文件夹，工作区管理大师，能帮你有效梳理页面逻辑，

你是否正在为设计一个 Web 产品而感到不知所措？因为字体选择、颜色搭配、功能整合、模块分布等等有太多可以选择，并且它们自身有无数种排列组合的方式。如果你正在被困扰，不妨看看这个：你是否对现阶段的旅行产品不太满意？厌倦了观看视频、购票、做景点功课需要在多产品之间切换？想要一劳永逸的完成旅行？来看看这个作品吧。旅行购票旅行功课酒店设置看电影以上就是这次「墨刀产品素材设计大赛最佳潜力作品奖」的获奖作品。如果你想要了解它们的幕后故事，请看下去吧。客户智能营销平台栗子不二枣点击

虽然移动应用已经有十多年的历史了，但它在很多方面仍然与网页或桌面产品不同。在这篇文章中，我想根据自己在这个领域15年+的经验，来分享一下我对移动设计和开发的思考。并将讨论移动用户体验设计的本质。从UI、UX、用户体验、用户场景四个维度中，说明相比于桌面应用来说，移动端的用户体验的不同的。下面，我们就来深入了解一下吧。1.将平面设计作为优先事项这是一个战场，数以百万计的 APP 都在争夺用户的注意力。如今，人们有了更高的标准，尤其是 iPhone 和高端 Android 用户。用户将他们的智能

本文转自墨刀公众号，个人十分十分喜欢这样的风格~

看到那些超牛的产品，我们总会好奇：这些作品到底是如何制作的？以及大佬们到底有什么独特的产品搭建技巧？！今天，我们就邀请了本次大赛的最强王者——黑客企鹅（诗仪），让她来分享自己的作品和一些产品心得，赶紧来看看吧～Hi ，我是黑客企鹅，本名叫诗仪，是一位专注于用户体验的设计师～赛前，应该有很多人都看到我老在群里口出狂言，说要拿第一。幸好，没有被打脸，维持住了嚣张狂傲的人设～废话不多说了，先跟刀友们聊聊本次的获奖作品——《摄图APP》吧。点击此处体验完整原型关于作品灵感二三事艺术来源于生

本文转自墨刀公众号，这篇文章较为详细介绍了产品经理最爱的功能~值得一读！最近这两年，墨刀上线了许多实用的功能，有些被产品经理夸奖不已，有些让设计师解放双手。今天就跟刀友们一起来盘点盘点那些常用的功能，快来看看你爱的有没有上榜呢～1 方便快捷——自动标注上线时间：2018.1.24标注功能是帮助产品经理与设计师、开发快速进行工作交付的功能。上线已有两年多了，深受刀友们追捧，堪称团队协作利器。原因很简单，产品经理、设计师只需传递原型链接交付开发，点击进入标注模式，即可查看元素详细位置、大小、原型。

简要：揭开设计师，产品经理，客户和利益相关者如何更快地设计可交付成果的神秘面纱。设计师、PM、客户和利益相关者，如何高效设计产出成果？在担任产品设计师的过程中，我不得不从事不同强度（Android，iOS，用户仪表板、管理仪表板、电子邮件模板等），不同领域的项目（健康、金融、加密货币、数据、旅行等），团队规模各异（我+共同创始人，5+或50+），即使他们之间有这么多不同，但有一个共同点是我们都会面临这个问题：如何将需求传达给产品设计师？这将会影响问题的解决。看看这种情况假设，刚刚你和一个客户进行了超

本文转自墨刀公众号，已允许转载。可以看看大佬们的作品，学习学习哇！注：本文含有较多产品原型作品，建议先马，用电脑端打开原型链接将获得更好的查看效果。精于原型设计的墨刀，在上个月邀请所有精于产品搭建的刀友们报名参加「墨刀产品设计素材大赛」，分享他们的创意，展现自己的才华。经过整整一个月的作品征集期，我们从报名的 501 名刀友手中收集到了 246 份有效作品，这些作品横跨了多个行业，包含了原型、页面、组件这三类，有移动产品，也有后台 Web类。我们惊于刀友们的创造力，也为刀友们的用心而感动。

本文转自墨刀公众号，已允许转载。刀友们看到墨刀产品素材设计大赛的获奖结果了吗？恭喜获奖的刀友哦，未来你们的作品将上架素材广场被更多的人所熟知。没有获奖的刀友，也不要气馁，下次再来吧～认真追栏目的刀友们，应该已经发现了，我们接连更了三期的「APP常见功能模块页面」，今天就是这个系列的最后一期了。再做一个预告，刀友们求了很久的小程序组件库，已经安排上了。话不多说，一起看看这次的实用页面吧。1.钱包页面随着科技发展和移动设备的普及，可以说离“无现金社会”是越来越近了。我们可以利用手机进行支付，也