UI流程总结

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC"; color: #454545 }
span.s1 { font: 12.0px "Helvetica Neue" }

在UI的自学过程中，个人认为一个APP的整个UI流程主要有以下几点：

1.整个APP布局结构，根据APP的主题选择合适的样式框架；（掌握常用APP的样式布局）

2.背景色调的选择和背景图片的设计，根据主题选择合适的色调（通过色调工具），或者通过PS来制作背景图片；

3.各种功能按钮中的ICON和字体的选择；（熟悉常用icon图标库和熟悉常用app字体，可通过sketch的插件完成）

4.各主页，分页的图片选择和设计；（主要通过PS来完成）

5.APP图标的设计；（手绘和图标制作）

6.添加标注；（通过sketch的插件来制作）

7.切图。（通过sketch插件来切图）