UI设计尺寸及规范须知

平面

名片（制作软件为矢量软件，如AI）

设计尺寸(标准尺寸）：90*54mm、90*50mm、90*45mm

出血：2mm

横版：90*55mm（方角）、85*54mm（圆角）

竖版：50*90mm（方角）、54*85mm（圆角）

颜色模式：CMYK

分辨率：》=300ppi   像素/英寸

最小字体：6pt，描边不能小于0.75pt

文字字体建议不超过两种

展架、易拉宝

展架：60*160cm、80*180cm

易拉宝：80*200cm、90*200cm、100*200cm、120*200cm、150*200cm

写真的要求

文档建立可以是RGB,也可以是CMYK

设计尺寸和实际尺寸一致，不需要加出血

分辨率为72ppi或者80ppi

如果处理复杂图像时使用PS软件制作

使用黑色时要用四黑（CMYK为100）

双折页

尺寸：420mm*285mm、190mm*210mm

出血：3mm

颜色模式：CMYK

分辨率：300ppi

二维码不小于1.5cm

其他常见尺寸

A4纸：21*29.7cm

A3纸：42*29.7cm

喷绘：60*90cm    常用分辨率：200ppi/300ppi（高精度制作）

印刷：21*28.5cm（16开成活尺寸）；一边加上3mm的出血21.6*28.5（未成活尺寸）；常用分辨率：300ppi

---

WEB端

必备元素：logo、menu（导航）、banner（动效【flash、H5】）、内容区（新闻、企业简介、产品展示...）、版权信息（版权所有、联系方式）

可选元素：搜索、电话、在线客服、流量统计...

用户体验习惯：左：浏览区域、列表区域

                          右：功能区域、内容区域

字体：最小12px，最黑#333333

          字体12 px、14px、16px效果选择无，其他字号则用锐利、犀利、浑厚等

          标题部分字体：14px~24px（尽可能采用雅黑）

          正文部分字体：12px、14px（雅黑或者宋体），字行距一般为1.5~2倍之间。

尺寸规范：在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间。常见：宽960px、980px、1000px，一屏高度650px。

主流浏览器分辨率及市场份额

---

iOS

iphone字体、字号标准

字体：中文：苹方    ；    英文：旧金山

字号：正文最小24px   ；  常驻栏icon20px

iphone界面尺寸

iphone图标尺寸

---

Andriod

字体：中文：思源黑体  ； 英文：roboto

字号：注释最小：24px  ；  文本：28px  ；  文章标题或图标名称：32px  ；  导航标题：36px（在这里为720px*1280px的尺寸下设计规范，注：1sp=2px）

Andriod界面尺寸

Andriod图标尺寸

---

ipad

ipad界面设计尺寸

ipad图标尺寸

---