【IDL实验室】交互设计打卡第一周总结

这是我来到IDL实验室打卡的第一个星期，一周之前我对于交互设计的理解和Figma的使用还仅仅停留在简单的认识上，甚至担心零基础学起来会不会有些太困难？于是带着激动又期待的心情，在第一天用了一些时间简单地了解了Figma的功能，闲暇的时候去翻看查找一些设计规范、经典案例、Figma教程。

打卡是一个循序渐进的过程，也是自己不断学习进步的过程；从一开始依葫芦画瓢的去临摹样例，到有意识的去按照设计规范把握细节；在实际操作中我也尽量做到一张作业临摹，一张作业不借助参考线培养自己的设计感觉……每一天我都或多或少的有新的进步。

个人印象最深刻的是从第三天的打卡任务——临摹IOS的设置界面开始，我开始去整理归纳界面的编组。从第四天的打卡任务——临摹IOS相册界面开始，我开始用像画画一样的方式重新安排我的“施工流程”，画框(Frame)就如同画布一般，先在画框上铺上状态栏、信息栏、导航栏、安全栏和小界面的卡片框架，确定大体关系；再上文字、图片、UI、投影模糊安排细节和层次。这样的流程大大提高了我的工作效率和质量。

现在在“施工”之前我都要先仔细分析这个界面可以拆分成哪几部分，分而治之，狭以自重；井井有条的编组素材，是为了在未来的工作中可以随时调用有需要的素材或者组件，将每块部分模块化，需要时就调用，只需要进行简单的修改适配。 

IOS Design(苹果)设计主旨：

①Aesthetic Integrity（审美完整性）

②Consistency（一致性）

③Direct Manipulation（直接操作）

④Feedback（反馈）

⑤Metaphors（隐喻）

⑥User Control（用户控制）

IOS Design元素规范：

①常见屏幕尺寸（iphoneX 1125*2436）：状态栏高88px、导航栏高132px、标签栏高146px、Home Indicator高68px。

②字体细节：中文——苹方；英文——SanFrancisco；标题32px，粗体字；正文28px，常规字体；副文24px，常规字体。

③分割线知识：线性分割，参考色值：#e5e5e5；背景色分割，参考色值：#f4f4f4。

④弥散阴影：在圆角矩形下方进行形状羽化，羽化参考值：24-36px。

……

第一次接触IOS系统是在我小学的时候，那时IOS UI的设计还是拟物化的风格，一眼就能看出来它的功能，从拟物化走到今天的扁平化，IOS设计一直站在考虑使用者的角度去思考问题，清晰直观地呈现给使用者，但却巧妙地做到将设计隐藏于无形。

Material Design(谷歌)：风格有用户决定，用户自定义的东西更多，交互更加简化，使用户感觉到流畅。  

Ant Design(阿里)：服务于企业的设计体系，通过模块化解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。自然、确定性、意义感、生长性。

Element Design（饿了么）：一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，前Vue生态圈最火的桌面UI组件库，普及率、覆盖率、认知度相当高。