iOS备忘录之UI设计规范

UI规范：

iOS：

屏幕大小(单位为像素px)：

4、4s：640*960     @2x

5、5s、5c：640*1136   @2x

6、6s、7：750*1134   @2x

6p、7p：标准模式：1242*2208放大模式：1125*2001（即6的1.5倍） @3x

关于 .png、@2x.png、@3x.png的关系：

可以理解为屏幕上的点对应的像素多少。

即.png表示一个点对应一个像素，@2x.png表示一个点对应两个像素，@3x.png表示一个点对应三个像素。

设计图标准：

理论上应该出3套设计图切出.png、@2x.png、@3x.png的图标

传统方法：设计出640*960的设计图并标注，以此为基础切出.png和@2x.png的图标

                  再设计套1242*2208的设计图，切出@3x的图标

个人喜爱：（此套设计方案与Android通用，即设计完了切完图安卓可以直接用）

为了方便设计，按照750*1334的尺寸来设计并以此做标注,然后等比放大1.5倍做成宽度为1125的设计图，

来切@3x的图标（图片除外）。输出750 的带标记设计图和@3x的图标。

有了三倍图就可以做出一倍和两倍图（一般只需要三倍和两倍。至少需要的是三倍图）。

图标设计规范：

1.图标长宽像素为偶数(按照1125做出的图最好是6的倍数。)，屏幕显示图标大小为像素大小除2。例：图大小为20*20。

2.图标名字最好在设计的时候就命名好。

命名规则：

1.尽量用英文。

2.尽量用驼峰命名方式。例：homepage ->homePage

3.命名：所在页面_功能_状态_编号.png(没有的可以不写)，用 下划线 连接

例：homePage_back_normal_01.png（没有编号例：homePage_back_normal.png）。

ps： 命名只是大体这么写，具体的看具体情况，目的是为了每个不相同的图标名字都不相同

（虽然现在有的开发感觉无所谓，但是我是个强迫症）。

标注规范：

1.单位为像素px。

2.颜色用RGB格式。

总结：

特别懒：一套750的标注设计图 + 一套三倍图。

特别乖：一套750的标注设计图 + 一套三倍图+一套二倍图+规范命名。