UI尺寸规范

~ 1、界面尺寸：1920-2000px带有底图必须那么大（无底图的1366-2000px）

2、版心：980-1220px

3、Banner高度建议870px；

4、分辨率72px

5、色彩模式RGB

6、按钮高度为文字字高的的2-2.5倍

7、字体

导航：14px

字体：宋体 微软雅黑

字号：12、14、16、18、20px

专题页字体建议是12、14px，电商主页建议：16、18、20px

8、焦点图高度：600px-700px

1、尺寸：730x320px

2、登录界面的字体：12px 宋体 字体样式无

3、文本框高度为文字字高的的2-2.5倍

4、头标与框高度为20px

1、企业占中颜色尽量控制在三种以内

2、背景色：70%     主色调：25%     强调色：5%

背景有底纹画布大小建为1920-2000px

背景无底纹画布大小建为1366-2000px

4、版心宽度 980px 或 1000px 左右

5、焦点图高度小于580px 底部坐标到580px

6、在做企业站中要使用统一字体：宋体（Banner图除外）

1、头部注册、登录：12px 宋体

2、导航：16 18px 仿粗    底色块高度为字高的2-2.5倍

下拉导航与导航为从属关系建议使用小一号字体14px

内容区域的文字一般分为标题和正文两种，可以选择统一字号，用仿粗区分

文字区域到表框的边距一般为10px-20px;

版权信息文字用12px

1、1寸：2.5x3.5cm     5寸：12.7x8.9cm

证件照拼版建议画布大小为12.7x8.9cm

横版：90x54mm  90x55mm

竖版：50x90mm  45x90mm

圆角名片：85x54mm

折叠名片尺寸不固定

使用材质：纸张（大于200g）

四色印刷：CMYK      出血值1mm

名片的主要内容：公司名称  LOGO    姓名  职务  联系方式  业务范围

1、名片边缘留足5-10mm距离

2、logo大小不能小于1cm

3、名片中最小的文字不能小于6px

1、将所有文字转曲（交与客户源文件）ctrl+a-    ctrl+shift+o

2、交与印刷厂PDF格式，不保留AI编辑功能

3、加入出血值

1、x展架尺寸：60x160cm  80x180cm

易拉宝：高200cm  宽80  90  100  110  150cm  常见的为80*200cm

展架、易拉宝输出方式为写真机，写真机输出幅面一般为：90  120  150cm

易拉宝输出材质：相纸（背面无胶）

展架：背胶纸（背面有胶） 装裱在KT版上

输出方式：写真：1软件可以使用ps软件（黑色为四色黑）

2、颜色模式可以为RGB也可以用CMYK

3、文档建立尺寸和实际尺寸一致，不需要加出血

4、展架易拉宝分辨率为72或80，特殊情况可以使用300（封面）

5、查看画布效果时，缩放比例为100%

6、使用黑色必须为四色黑（CMYK都为100），不能使用单色黑，使用单色黑，制作出的易拉版展架会有条纹。

7、背景的过度使用弱对比：色相H接近或相同，饱和度S差值在30以内或者明度B差值在30以内

8、强对比（背景与要突出的产品或文案）：色相H相反，饱和度S差值在70以内或者明度B差值在70以内。

1、四色印刷----CMYK(专色印刷要出专色版)

2、成品尺寸：制作一个90*120的三折页（从印刷厂制作完成后并且折叠后的尺寸）

2、展开尺寸：宽度 90+90+90=270  高度210

2、制作尺寸：展开尺寸+出血

2、大16K：210*285 毫米      成品尺寸 ：95*210或90*210     正度16K：185*260毫米

iPhone：320x480  640x960  640x1136  750x1334  1080x1920

Ipad:1024x768  2048x1536

Android:482x800  720x1280  1080x1920

Ipad、iPhone:状态栏：40px

导航栏：88px

主菜单栏：98px

内容区域：910px

状态栏：50px

导航栏和主菜单栏：96px

内容：1038px

1、iphone英文字体为Helvetica,中文为华为细黑，冬青黑体，不用微软雅黑。

2、可点击对象的区域：尺寸不要小于44*44px;

六、智能电视

分辨率模式：1920×1080、1280×720 我们常用还是1920×1080的分辨率进行设计

颜色与分辨率

1、不要使用纯白色（#FFFFFF）可采用#F0F0F0

2、高饱和度颜色尽可能少用，会显示失真

3、大范围渐变会导致带状显示，无法达到平滑过渡

4、在界面边缘最好留出10%左右的空间（54PX）

---

盐都区15331675722： ios app界面设计用什么尺寸 - ？
仲咐扶达： 界面尺寸规范 1、界面尺寸大小是:750x1334px. 2、状态栏(status bar):就是电量条,其高度为:40px; 3、导航栏(navigation):就是顶部条,其高度为:88px; 4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px; 5、...

盐都区15331675722： 什么是ui ios和安卓的规范 - ？
仲咐扶达： 首先你要理解UI这个词的含义.UI=用户界面.那什么叫用户界面呢?手机,电脑,智能手表,以及其他一些电子产品都有着自己不同的用户界面.所以所谓的UI是没有固定的尺寸的. 真正的做一套UI界面,首先你的选定目前主流的屏幕尺寸.打个比方说苹果5的分辨率是960X1136.像这个分辨率别的手机根本用不了.同一款APP在不同的屏幕尺寸下可能都有一套自己的UI界面.至于图标的大小你可以百度一下,有标准尺寸的.但是现在很多异形的APP都没有按照标准的来.

盐都区15331675722： 设计APP平面时图片的分辨率是多少? - ？
仲咐扶达： 1、苹果iOS版本的iphone APP UI设计尺寸规范: 2、Andriod 版本的APP UI设计尺寸规范 主流的手机设计尺寸:460*800 px 1280*720 px 设计版本是:1280*720 px 视觉设计师通常在480x800px下进行设觉设计,然后进行适配HVGA(320*480)等.我们设计稿的尺寸是选最大的 1280*720来设计.然后按照常用的分辨率来切几个版

盐都区15331675722： 小白一枚,想问一下如果做手机app的UI设计ios的尺寸规范是多少啊?分辨率都多少啊!求解 - ？
仲咐扶达： 屏幕分辨率一般是3个尺寸iPhone4:知640*960pt iphone5:640*1136pt ipad:768*1024pt icon一般要以下几个规格:Icon.png – 57*道57 iPhone应用图标 Icon@2x.png – 114*114 iPhone Retina显示屏专应用图标 Icon-72.png – 72*72 iPad应用图...

盐都区15331675722： IPAD的ui界面设计的尺寸是多少 - ？
仲咐扶达： IPAD现在UI的设计都是要用最大的尺寸,也就是现在IPAD3的2048*1536来设计的,因为现在苹果的规定必须是要用高清的,所以都是用这个尺寸来弄的,我就吃过亏!桌面图标一般是1024*1024,再需要多大就输出多大.

盐都区15331675722： 和web ui现在主流的尺寸是多少 - ？
仲咐扶达： app UI 移动端ios是640*1134 安卓版是720*1280 webUI 一般是1900*900

盐都区15331675722： ios系统和安卓系统在设计风格上的差异都有哪些 - ？
仲咐扶达： 设计上来说这两个系统有些东西越来越通用了,目前很多Android的应用偏苹果风格,也就是说基本都是采用一套iOS设计模板来适配Android系统. 术语解读和系统平台对比 android是Google公司开发的操作系统. iOS是苹果公司的移动操作系...

盐都区15331675722： 网页和软件UI设计用多大尺寸显示屏比较合适、? - ？
仲咐扶达： 网页1002PX宽度最好. 软件UI,当然是看你软件是在什么机器上运行拉.

盐都区15331675722： UI的各个部分的大小是多少 - ？
仲咐扶达： 这个说实话真的要自己定的,多少大小都是可以的.其实你可以先新建一张960*540的画布,然后在制作 对话框950*150 950*150 姓名框200*70 200*45 选择框 400*70 按钮不一定看大小 形状也可以自己定

盐都区15331675722： 有知道iPhone6设计界面的具体尺寸吗 - ？
仲咐扶达： iPhone 6设计界面的具体尺寸是750px X 1334px,具体设计步骤如下:1、视觉设计阶段,设计师按宽度750px(iPhone 6)做设计稿,除图片外所有设计元素用矢量路径来做.设计定稿后在750px的设计稿上做标注,输出标注图.同时等比放大1.5...