回顾过往，发现自己在当前岗位不知不觉已奋斗两年了，这两年，虽有成长，却无质变，还频繁陷入方案思路受限、细节错误的窘境。思来想去，意识到此种情形就像高中解错数学题一样，虽明白解题方法，却错在最根本的加减乘除，基础不稳，一错再错。

明白此间道理，我迫不及待的开始自己设计基础知识的整理工作，现在摘取其中部分，记录在此处，以期对各位读者有所帮助。设计知识涉及范围广，信息碎，很多东西无精确定义，很难准确把握。但很欣慰有许多业内前辈不辞辛苦，整理、奉献了出来。

下面我将从交互控件、设计法则、交互细节三个方面分别讲述。

交互控件

iOS与Android规范，相信各位设计师都已经看过了，但或许你会像我一样，对每个控件的命名与使用技巧掌握不够，此处收集整理多篇控件相关文章。

控件命名

这个控件叫什么-- http://www.ftium4.com

常用控件

3分钟带你掌握11个最常用的交互控件-- http://www.woshipm.com/ucd/665049.html

键盘用法

交互稿中「键盘类型」的标注--http://mp.weixin.qq.com/s/ii7iTwT7B-SmHkC_7bcUbQ

弹框和toast提示用法

覆盖层设计(上)-对话框&浮层--http://mp.weixin.qq.com/s/L2KFEp3D8Y2iTejwn0E8OQ

覆盖层设计(下)-上下文菜单 --http://mp.weixin.qq.com/s/4BLMAkODs0CombujD6WLqQ

移动应用弹窗设计指南--http://colachan.com/post/3563

设计法则

界面设计中使用的法则，虽没有像“形式美法则”那样具体、完善，但行业发展至今，业界前辈也根据自己经验总结、抽象概括了许多出来。记忆、掌握、运用必要的设计法则，可以让你的设计更加严谨。

（那些年,我们看过的各种设计理论法则--http://www.uisdc.com/design-theory-law#）

7±2法则

1956年乔治米勒对短时记忆能力进行定量研究，发现在短时间的记忆中，人的记忆广度大约为7（±2）个单位，超过这个范围人类的头脑就会开始出错。这就是7±2法则。设计中应用：web导航或选项卡尽量不要超过9个，移动应用交互设计上，选项卡不要超过 5个。

2秒钟法则

用户在使用某类系统等待反映(比如:功能切换和功能载入)的时间不应该超过2秒。选择2秒也许有一点随意，但是这却是一个合理的数量级。一个更可信的原则是，用户等待的时间越短，用户体验更佳。设计中应用：懒加载、预加载。

奥卡姆剃刀原理

又称为“简单有效原理”，“如无必要，勿增实体”。设计中应用：不必要的元素会导致设计效率的降低，并且会增加不可预期的后果。在设计中去掉不必要的干扰元素，保持页面的纯粹、简洁。

（雅虎ued绘制的关于“奥卡姆剃刀原理"的Q版小漫画）

交互细节

当你胸有成竹设计出来的方案，因为几个错别字而被甲方嫌弃；当你的交互方案考虑不周，留下一个个坑，被开发哥哥揪出来，面对自己专业水平被质疑时，你会明白细节是多么的重要。

下面总结一些，需要注意的交互细节，望能对我甚至大家敲响警钟。

交互文稿

界面层级整体方面，需要考虑以下内容

数据方面：当前后台有数据时/当前后台无数据时

网络方面：当前有网络链接/当前无网络链接

后台处理方面：数据库查询返回正常状态/数据库查询返回异常状态

控件层级方面，以输入框为例，从三个方面思考

1.内容、限制

默认提示文案

允许输入哪些字段

可录入字段长度限制是多少

输入多少字段，需要换行

输入框显示多少行文字，超出限制需要滚动

2.状态提示

未录入内容时，输入框显示样式

正在输入内容时，输入框显示样式

内容为空或录入错误时，页面反馈样式

3.关联控件

输入框触发时，弹出系统键盘，且需要根据当前页面信息，给出系统键盘定义

输入框有内容时，框内显示清除控件

已输入内容为暗文时，需要给出查看控件

信息录入完成与否，提交控件是否可触发

4.数据验证及特殊情况

输入框录入内容不符合要求时，是否用户录入完直接给出反馈，还是后台验证后给出反馈

如用户输入信息提交未成功，是否保存在输入框内

输入框内数据验证错误，是否直接删除输入框内内容

交互说明

比如新闻类内容会有时间字段，时间显示规则，需要交互给出明确备注

时间展示规则：

• 当前时间-发布时间

• 1≤当前时间-发布时间＜1小时，显示xx分钟前（如2分钟前、25分钟前）；

• 当前时间-发布时间>1小时且在同一天以内，显示xx小时前（如2小时前、11小时      前）；

• 当前时间-发布时间，超过一天，显示昨天+具体时间点（如昨天 08:10）；

• 当前时间-发布时间， 超过2天，显示日期+具体时间点（如12月18日 14:24）；

• 当前时间-发布时间， 超过一年，则显示年份+日期+具体时间点（如2015年11月      18日 10:29）

• 用户刷新时显示的时间同步更新。

总结：成长不一定是大彻大悟，不断弥补知识的间隙也是进步，有时专业往往体现在细节上。专业成长之路任重而道远，仅以此文为起点，望大家共勉。