提供的产出物
- 设计源文件(包括global样式文件)
- 切图(建议放到蓝湖或者其他平台上)
需要注意的点:
- Global样式:通用的组建,应该提取到global样式中,进行更详细的说明。比如特殊的下拉框,在不同的状态下(选中、未选中、选项比输入框更长),显示效果如何,每个状态用一个图层展示。其他要用到这个组件的地方,就不再需要详细说明;
- 保持一致性:组件的位置、色调、间距、图标风格、字体、字号等,应该保持一致(特殊的设计除外);
- 备注清晰:使用的字体、字号、以及其他画面中无法获得的信息,需要清楚的备注出来;
- 图层命名规范:能够通过图层和图层组的名称知道表达的意思;
- 示例准确:UI图上的示例数据尽量准确,避免产生歧义;
- 考虑用户体验:比如应避免背景和正文颜色接近,难以识别的问题;
参考示例: