有数分析，了解需求，目标用户是谁？达到什么样的效果，具体的功能和内容。

草图上梳理信息架构，任务流程

3.UI界面设计课程

拿到方案后 上传中，请稍候...

一级菜单，二级菜单，功能下的内容和功能。

sketch只能用于苹果电脑

用户体验 为用户解决问题 4

15年的，风景照，列表的全部填充，抢眼一些

16年的简约很多，留白，还有小小的分割，功能线

17年的卡片式的设计，不同的是比较小的卡片，在交互上加入了横向滑动的内容，空间上的利用率提高了。

下面图标的设计变化，15年16年的只是线型的图标设计，鼠标划过的地方，有了颜色的变化。17年的时候有增加了文字，让用户知道这是什么功能的图标。

15年的，整体感比较弱，上中下的割裂感，视觉焦点可能会被三个地方吸引，甚至是按钮。

17年的整体性好一些，背景色统一起来是白色，上面导航栏里的图标和下面的图标类型都是一样的。

15年的底部标签栏，从原有的线性转为了面性

顶部的改变，文字上原来字体偏小，文字大了很多，加粗。版面上，都有卡片式设计，15年的是横向填充，，17年的增加了圆角矩形，卡片底部增加的比较弱的投影。

不同时期的风格的改变

导航栏，标签栏

偏拟物化

标签栏里的图标有15年的线性改为了面性图标。颜色也发生了变化，选择状态有了颜色上的区别。

卡片设计上增加了横向的滑动，只需要保留原有的页面，手指横向滑动就能看到内容。

图标 拟物化

右边的图标，嵌入式的凹下去的感觉，拟物化风格的设计。

左边的也是。

扁平化

没有立体感，面性的色块，效率上大大的提升了。

轻质感图标

局部展现材质，材质上的一个展示。