设计100天 | Day16-20

1 阅读平台规范

IOS Android web 等，任选，快速浏览

各种平台（iOS、Android、WP……），以及各类基于Android深度定制的ROM（miui、flyme、ColorOS……）都制定规范的目的：

统一约束第三方应用的设计与交互体验感受，降低用户学习使用成本；
统一跨平台的使用体验，降低用户跨平台学习使用成本；
提供规范统一的接口，降低开发者的设计成本。

Material design

Material design中文版

MD的干货笔记

IOS中文版

计划时间：6.15

实际时间：6.15，6.16，6.17，6.18

总结

1. material thickness: 1dp.
   dp为安卓开发时的长度单位，根据不同的屏幕分辨率，与px有不同的对应关系。1dp表示在屏幕像素点密度为160ppi时1px长度。八一八那些px、pt、ppi、dpi、dp、sp之间的关系

2. icon的状态：
   active+ focused,
   active+unfocused,
   inactive
   Material icons

3. 在阅读Material design时，看到一个视频，先是自己看了一遍，又邀请同事一起看了一遍，之后接着看网页，自动循环播放这个视频，非常喜欢关于motion的介绍和演示，在学习过程中感受到浓浓的热情。由于前期看的太细，像各种运动也都一一比较区别，所以看的太慢。实际上对于MD规范，了解对于运动、颜色、字体、排版等这些细节有要求，知道去哪里找这些要求和规范就可以。

4. 理解IOS规范和material design规范的不同，

2 根据平台归纳控件

控件（或部件，widget或control）是一种图形用户界面元素，其显示的信息排列可由用户改变，例如视窗或文本框。控件定义的特点是为给定数据的直接操作（direct manipulation）提供单独的互动点。控件是一种基本的可视构件块，包含在应用程序中，控制着该程序处理的所有数据以及关于这些数据的交互操作。

任务：撰写每一类控件的交互规范和设计说明，了解控件的使用：情景，规范，反馈形式，状态。建立自己的控件库，有版本号和更新记录。选择一个控件库，学习控件，填充案例库，找一些产品进行界面分析练习。建议对着《交互设计精髓》一书进行学习。

时间：持续整理、更新

目的：体验从0到1建立自己的文档，加深对于控件的了解。

资源：

Axure元件库推荐：谷歌Material Design图标元件库下载

控件部分如何自学、整理控件库，可以参考用户体验入门：新人自学包之控件学习

《about face3 -交互设计精髓》读书笔记之控件篇

3分钟带你掌握11个最常用的交互控件

常用中后台交互设计控件使用场景与规范总结

3 建立流程的概念

任务：产品的业务流程（目标、过程、结果）、操作流程（前置条件、过程、后置条件），学习产品交互流程如何绘制

时间：6.18

设计新人自学包之流程图学习

业务流程图、操作流程图、页面流程图的区别

产品经理业务流程图的绘制流程分享

如何绘制业务流程图

谈谈页面流程图

总结

产品经理经常接触的有三类流程图：业务流程图、操作流程图、页面流程图。三类流程图面向的对象不同，各自解决的问题也不一样。

业务流程图相比于另外两种，涉及到角色的概念，反应的是一项业务，前前后后有哪些角色参与、各自分工和工作的先后次序。用户在使用一款APP时，后台的任务操作对其是不可见的，但这些都要在业务流程图上反应出来。业务流程图梳理业务完成的过程，有助于找出需要改善的环节，往往是设计产品时最先着手的环节。设定角色→跑通流程→用“如果……不……”穷尽判断，思考产品背后的判断逻辑。

操作流程图是针对某项具体的目标而言，注重细节，从用户操作、执行的角度来绘制，这里的用户可以是消费者用户，也可以是后台用户。它描述的是在完成目标过程中的一系列任务及操作。绘制过程中不必过早在意细节和逆流程，先在最理想的状态下把流程跑通，再细化、补充某些环节“如果、不……”的可能。

页面流程图包含界面、动作、条件，建立起操作流程，页面流程就很清晰了，要注意页面之间的逻辑、层次关系，做到跳转不歧义。