UI源文件规范
  • 图层分组
  • 命名及排列
  • 注意事项
该规范适用于
Sketch

一款轻量,易用的矢量设计工具

让ui设计更简单高效

PhotoShop

一流的图像和图形设计软件

将你想象的内容呈现

Adobe XD

让团队以领先的创意工具为辅助

打造出世界一流的规模化体验

01
源文件图层分组
如图所示,属于一个小模块的内容则
需要将这个模块的内容进行编组(包
括背景),并给组进行命名。
02
组的命名及排列
组的命名不能出现阿拉伯数字
如图所示,组的命名可以以侧边栏,今日收入等命名,组的命名没 有特殊要求,只要让人看分组就可以清楚的知道是页面上的哪部分 内容即可。组排列的顺序根据页面布局从上到下,从左到右的结构 进行排列。
psd源文件则需要将所有组再一次编成一个大组。