分享

在上篇《实例分享｜在界面排版中，需要注意的七大原则（上）》大家了解了界面排版的前四个原则，今天接着将后面三个原则也分享出来。一、亲密原则
二、对比原则
三、平衡原则
四、相似原则
五、简洁原则
六、封闭原则
七、情感原则

随着新工具的发布，现有工具版本的更新迭代，2016 年显然是设计类工具蓬勃发展的一年。在本文中，我挑选了一些在 2017 年值得我们关注的设计工具。这些工具在设计工具类的社区中都拥有着大量的人气，所以挑选出来与大家一同分享。Have Fun！注：本文版权归原作者所有，仅用于学习与交流。

精美的动画对于提升产品体验有很大帮助，如促进用户理解功能，缓解用户情绪，调动用户积极心理，为产品提供亮点等等。诸如此类的文章相信各位已经看过不少了，不少人已经开始越来越重视动效在产品中的应用了，还没有看过的同学不用急，谷歌官方的动效指南讲解得很详细，建议只看这个就够了，配合一些动画理解起来更容易。说明：

1.优化直播间分享面板，增加特效

2.当用户点击分享按钮时（*包括传统直播间主播面板的分享按钮和上方分享按钮，手机直播间的分享按钮*），从下方弹出分享面板，逐个弹出分享icon，并淡入显示分享奖励。

3.用户关闭分享面板时，分享icon从右到左依次下落淡化消失
相关参数：

1.分享面板减速弹出，运动时间225ms
2.分享icon从左到右依次弹出，运动时间225ms。带有奖励图标的，当对应分享icon弹出后，分享图标淡入显示（时间225ms），第二个图标比第一个迟100ms开始运动

eg：如图第一个为qq图标，当用户点击分享按钮，分享面板弹出后，qq图标开始弹出（时间225ms），100ms后第二个图标（qq空间）弹出，当qq图标完全弹出时，淡入显示分享奖励图标，时间225ms。
3.分享icon从右往左依次收回，分享面板收回，所有运动的时间减少30毫秒，如分享面板收回时间195ms，分享icon收回时间195ms。

andorid端动画曲线采用系统自带：AccelerateDecelerateInterpolator（在动画开始与结束的地方速率改变比较慢，在中间的时候加速）

iOS端动画采用系统自带：kCAMediaTimingFunctionEaseInEaseOut （在动画开始和结束的时候速度稍慢些）
具体效果可参考附件视频

过去一年，和人工智能相关的新闻铺天盖地。身为设计师的你可能会问：人工智能和我的日程工作有关吗？我应该为此做什么准备？Design will be less about delivering on a user’s request, and more about responding to the needs they haven’t expressed yet.
（未来，设计会更多地去响应用户还没有表达的需求，而不是去为了响应用户主动提出的需求）「Alexa，把客厅灯关了，把我的床头灯开到一半的亮度」
「Alexa，再买一袋我上个月买过的那款猫粮」
「Alexa，我今天早上的会议几点开始？」

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

整理了一个售前项目的案例，重新绘制了36个原型页面，1张思维导图，3张流程图，2张对比图，1张结构图，介绍一家百货购物中心微信服务号改版的设计。

2016年是一个H5满天飞的年代，如何在众多牛气的H5中脱颖而出，留住用户关注和让朋友圈永无休止的不停传播呢？这也是一枚骚气且不隐忍的运营设计师一直研究琢磨的课题。这里拿QQ音乐年终盘点H5为例来解析下我对H5的次元幻想。

这几天有一些同学问我关于面试的问题，其实我对于整个面试的过程还没怎么总结过，但是对于如何阐述自己的设计思路倒是有一套方法，今天分享给大家。由于信息安全问题，我将底部的信息主架构进行了隐藏和改变，大家主要看整个设计思路的阐述，不要纠结细节。

一篇VR实践指导文章。Smashing Magazine好久没有这样新一些的东西了。实践指导性质的内容非常简单易行，个人感觉需要重点关注的是将传统UX设计流程及方法融入VR产品设计的思路，以及作者对于VR设计开发工作前景的观点。新技术，新事物，大风刮去之后留下的一批实践者所始终坚持的那些，才是真实的、有长期价值的东西。这是走心；集体意淫无非走肾而已。

初学服务设计，读了一本好书——《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.”

新手设计师相较于资深设计师，后者技能更丰富且全动感特效轻松get 面，很多人想要进阶资深却苦于培养新技能，笔者在经手不少视频动效项目后，对于技能进阶颇有心得。

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

在看这篇文章之前你需要清楚，我所讲的东西并不是什么权威，只是在工作中总结出来的一些的小经验而已，制作图标的方法也有很多种，这里只是给大家一个思路上的启发，希望能对你有所帮助吧！

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

一款优秀的移动产品应当有一套可靠的新手体验设计策略。不要把自己限制在产品里面，从核心价值入手准备——抓住每一次可以向用户传达价值的机会。不管是应用的广告或者一个引导页，抓住任何机会去诠释产品的价值与功能吧。

在这里，本文作者和大家分享一些我总结的服务设计的基础概念和案例，希望对大家快速入门服务设计有所帮助。

App中的动效设计不是具体的需求设计，不能对产品本身产生很大的变化和改进，只是能在设计层面和体验层面为用户创造多一点的价值。所以在做相关设计的时候，不可为做动效而做动效，要把握住动效的“度”，不可华而不实，需要服务于具体的需求和场景。

什么是设计思维呢？顾名思义，设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维？今天这篇用两个实战案例帮你一窥设计思维的奥妙。

如果有一天，当你发现自己“较真又矫情，苛求又世故，倔强还言辞凿凿”，别否定自己，也许你已经开始有点交互设计师的意思了。