这次是针对于梧桐树下APP进行页面改版设计。时间比较紧，页面比较多，此次改版主要针对于页面进行优化，布局逻辑上没有进行调动，后续版本还正在进行优化设计。每一次收获都挺大的，特别是sketch的symbol和style太强大，前期在进行设计的时候，都会不断地做稿子调整配色，然后建立最初的styleguide。

整个步骤如下：

1.前期视觉设计方案调研

2.styleguide的设定（在sketch中建立一个画板放各种guide【字体／颜色／布局／组件／文件管理／切图规则／命名规则等】）

3.进行页面初设计（在纸张上根据原型图画好排版布局）

4.页面高保真设计（sketch中）

5.在左侧pages管理栏目中建立一个page（用于设计交互流程图并撰写相关设计文档标注）

6.设计会议结束之后开始标注切图，并和前端进行沟通如何高效地去合作开发

7.设计动画效果并交付于开发哥哥

此处有几点心得体会分享给大家：

1.设计之前一定要写好规范指南

2.对于图标大家可参照我的图中的图标栏目进行设计，方便与管理和研发开发，只需要对所有的图标进行单个单词命名，并把表交付于开发哥哥，开发哥哥就对着表去输入一个单词即可找到对应图标。

3.前期style建立的时候，一定要把命名规范，比如里面的斜线命名方法。对于管理样式也是有很大帮助