沟通

今天菜心要分享的内容是关于切图命名的规范，由于最近正在总结这一部分内容，所以拿出来和大家一起分享探讨一下。组件_类别_功能_状态@2x.png模块_类别_功能_状态@2x.png

当技术发展发现一定程度， 你会发现，没有什么东西是永恒的。

了解和使用多媒体制作H5已经成为前端工程师的必备技能。

随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用，那么问题就来了，为什动效越来越吃香？它有哪些优势呢？

精细而恰当的动画效果可以传达状态，增强用户对于直接操纵的感知，通过视觉化的方式向用户呈现操作结果。

著名的艺术家 Edgar Degas 曾经说过，艺术并不是你所看到的东西，而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受，在这一点上，它和艺术是共通的。作为目前设计的大趋势，扁平化设计，无疑也具备着同样的特征。

此文主要适读人群：梦想成为“全栈设计师”的你（偏向移动端产品）！当然设计都是相通的，即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看，相信你也可以有所收获！1、对app基础控件的认知
2、字体
3、配色
4、图标设计
5、标注与切图规范
6、排版的基础原则
7、简单的动效设计
8、走察规范
9、交互常识
10、项目文件管理
11、个人素材、资源库
12、开发常识
13、数据分析能力
14、产品常识
15、用研常识

手势本是能够帮助用户更好的使用产品，但手势交互常被隐藏起来，因此用户如果没有发现隐藏手势，便失去了设计这些隐藏手势的功能作用。那么到底该如何向用户传达APP中的隐藏手势呢？看看这篇文章，或许你就知晓。

此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助，但对响应式web设计也有帮助。与一般的设计指南相比，此文更适合一边设计一边阅读。

今天分享一下2017年交互设计的趋势，希望能够对你有所启发。

去倾听用户真正的心声，才能设计出一款既能解决用户所担心的问题，又能让他印象深刻的产品。

从接收需求到产出？这过程中到底经历了什么？不妨来阅读本文作者的文字，一起来了解了解吧～【需求概述】
商品，增加商品类型，分为普通、赠品两种。赠品可下单购买，也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别，设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品，配赠条件满足时，在支付订单前提供选择赠品操作，代理可选择配赠金额范围内的任意赠品，也可不选择；选择赠品，并支付成功后，对应订单增加配赠商品信息。
注：配赠金额=订单面价金额×对应等级配赠率。目标用户：某护肤品牌微商代理
年龄：18-40占绝大多数
性别：女性占98%
职业：微商
设备：iphone及以上
场景描述：某天，代理a在清点仓库库存的时候，发现最近热销的某品牌商品库存都不多了，想着，到时候缺货会影响自己的销售及客户的满意度，暗想着，要再进些货才行，于是她对库存不足的商品进行了一下盘点，盘点完毕后，她拿出手机，将需要订货的商品一一加入购物车，加入完毕后，她核对了一下商品的金额，正准备点“支付“按钮进行付款，忽然看到付款按钮上方有一条提示，说”还差500元就可获得免费赠品“，她心一动，反正要买，只要加500块钱，就能免费获得赠品，有何不可？于是她当即便在某一商品下面增加了数量，满额后，提示文字就变成了”可获得免费赠品“，确认金额后，她立即点了支付按钮，来到确认订单的页面，快速浏览了一下自己的收获地址及信息，便赶紧看获得什么样的赠品，果然，在支付的上方又看到了配赠说明的提示，提示我”选择赠品“（这里说明一下，之所以将提示语都放在同一位置，是为了让前面界面的视觉路径在同一水平点上，使页面结构更整洁），点击进入”选择赠品“界面，参照页面给出的赠品金额提示，选择了想要的赠品，由于选择的赠品太多，从上下拉到下浏览起来效率太低，于是她又点击了按钮”已选赠品“进行复核了一遍，确定完毕后，回到确认下单的页面，便满意的点击了”支付“按钮，发现金额与未选赠品前的金额一致，便放心的提交了订单，订单支付完毕后，引导代理来到了订单列表页面，上面还特意标明了”含赠品“字样提示，a点击进去再次看了一下所购的商品及赠品，准确无误会，抱着愉悦的心情关闭了应用与手机。
”1、商品列表及商品详情，赠品类型的商品须显示对应图标；
2、赠品类型商品同普通商品一样可正常下单购买；
3、购物车，根据代理当前所选商品的总面价金额及当前代理对应配赠率，如果配赠金额不为0，则显示相应配赠金额及提示信息（若当前配赠金额暂不足以购买系统当前上架的任意赠品，则显示提示信息：“还差××就可获得免费赠品”；若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时，则显示提示信息“可获得免费赠品”）；如果配赠金额为0，则不显示相应配赠金额及提示信息。
4、确认订单界面，若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时，则提供选择赠品操作项。未选择赠品时，操作项显示配赠金额、及“选择赠品”文案。已选择赠品时，若配赠金额-已选择赠品的总面价>0，操作项显示“已选择××元赠品，还可选择××元”；若配赠金额-已选择赠品的总面价=0，操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
若当前配赠金额暂不足以购买系统当前上架的任意赠品，则不提供选择赠品操作项；
5、选择赠品列表，列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品，用户可点击选择，也可取消选择，当前选择的赠品总面价金额=配赠金额时，不可再继续选择更多（若再点击选择赠品，则提示“不能再选择更多了”）；提供显示选择提示信息“还可选择××元赠品”（××为配赠金额-已选配赠商品总面价）、“查看已选赠品”操作、“确认”操作。
点击“查看已选赠品操作”，可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮，可点击关闭浮框；
点击“确认”操作，确认当前已选择的赠品信息，返回确认订单界面。
6、个人中心，增加显示当前代理的配赠率信息。
7、订单列表，若对应订单含有配赠商品信息（注：如果只是正常下单购买的赠品类型的商品，则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品），则显示“含免费赠品”标签；
8、订单详情，若对应订单还有配赠商品信息（同7），则列表显示用户选择的免费获赠的商品信息（注：正常下单购买的赠品类型商品，显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品），并显示总的免费配赠金额信息。

上一篇文章《目标导向设计法01：如何才能让交互方案更靠谱？》说的是设计的本质是解决问题，所以做交互设计要有设计目标；而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。用户场景：在某时间（when），某某地点（where），周围出现了某些事物时（with what），特定类型的用户（who）萌发了某种欲望（desire），会想到通过某种手段（method）来满足欲望。某理财应用要做一个续约的功能，主要针对购买的理财产品将要到期的用户，提醒他们可以续约。提供的续约信息包括用作续约的本金，续约方式（本息续约），预期增加收益，续约期限，续约后的到期日，续约说明。续约操作后需要审核，审核一般需要1~2小时，通过后会有短信通知。由于续约能够给公司带来不少收益，因此希望用户在操作上比较流畅，保证不会因为操作而流失用户。“心理模型指相互关联的言语或表象的命题集合，是人们作出推论和预测的深层知识基础。”

本文详细分析了对话式交互的优缺点和应用场景，适合产品经理、UI设计师和交互设计师来阅读。

既然UI设计师的主要工作是交付，那么学会以开发的视角和分析方法来进行设计将非常重要。

初学服务设计，读了一本好书——《This is Service Design Thinking: Basics, Tools, Cases》（by Marc Stickdorn，Jakob Schneider），推荐并笔记。而本文基本描述了我对服务设计的初步理解，以及服务设计给我带来的在用户体验设计领域的灵感触发。“服务设计是有效的计划和组织一项服务中所涉及的人、基础设施、通信交流以及物料等相关因素，从而提高用户体验和服务质量的设计活动。…… 服务设计将人与其他诸如沟通、环境、行为、物料等相互融合，并将以人为本的理念贯穿于始终。…… 简单来说，服务设计是一种设计思维方式 ，为人与人一起创造与改善服务体验。…… 服务设计强调合作以使得共同创造成为可能，让服务变得更加有用，可用，高效，有效和被需要 ，是全新的、整体性强、多学科交融的综合领域。…… 服务设计的关键是“用户为先 + 追踪体验流程 + 涉及所有接触点 + 致力于打造完美的用户体验”。”——百度百科“When you have two coffee shops right next to each other, and each sells the exact same coffee at the exact same price, service design is what makes you walk into one and not the other.” – 31 volts service design, 2008“However, creativity is not so much a gift as a process of listening to the ideas “flowing” through one’s head and being prepared to articulate them.”

文章分享了作者做了几款系统软件后的一点点总结，希望给大家的产品工作来一些参考。

好的设计不仅能满足用户需求、提升易用性，还能弥补技术上的短板。在经过一个产品从0到1的实现后，对这一点感受的尤其深刻。下面列出几个我产品设计中的教训和收获。图书馆打印插队如果不给出理由则此行为被接受的概率为60%；如果给出一个理解则此行为被接受的概率为94%；甚至在解释原因时只提供“因为”而无实质原因的情况下，此行为被接受的概率竟然为“93%”。足见，“人就是单纯地喜欢做事有个理由”。那么，产品与用户“交流”时，就需要有个“理由”让用户看到自己行为操作与产品回应之间的解释，从而顺应操作规则从而更好的使用产品。

关于交互设计，这是一篇很全很全很全（重要事情要说三遍）的科普文章。作者写了1.6万字，实在是诚意之作。如果你打算走进交互，此文值得真的真的真的（重要事情要说三遍）值得一读^_^ by 小编目录导读：
1. 交互设计概念
2. 交互设计输出物
3. 交互设计相关理论
4. 交互设计流程及方法
5. 交互设计常见案例分析
6. 交互设计规范及趋势
7. 交互设计师进阶之路举个例子就是：小明饿了，他需要填饱肚子（目标），他跑到楼下的餐馆进行点餐、吃饭、结账（任务），吃完了出门的时候推门（行为）出去，然后过马路回家。交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k：俗称「线框仔」，出没于小公司和外包公司，没有设计决策权，专门配给不会画图的产品经理使用。门槛低，只需要熟练使用原型软件，会看着其它APP抄设计即可。无发展前途，看到此类岗位请远离。
②中级交互设计师10k-15k：除了画线框图外参与一定的产品层面的工作，有一定设计决策权，通常为知名院校应届毕业生，可以对设计决策提出异议，但不一定被接受。
③高级交互设计师15k-25k：通常可以参与整个产品的概念过程，工作职能与产品经理更为接近，有更多的设计决策权，通常工作经验超过2年，可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」，并有能力维护设计师的尊严。
④资深交互设计师>25k：通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例，通常工作经验超过5年，有主流大公司工作经验，有大型项目的设计管理经验，业内有一定名气。
——以上分级，参考寺主人在知乎的回答《如何成为交互设计师？》“你在设计的生涯中，有没有用到或者总结出哪些设计方法？”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边，分了两种情况：如果推荐选项有破坏性，那么应该放在左边。如果没有破坏性，则应该放在右边。但到了iOS10的时候，却变成了推荐选项都应该放在右边。”