UI设计稿尺寸如下:
1、状态栏高度:40px;
2、导航栏高度:88px;
3、标签栏高度:98px。
用户界面(User Interface,简称UI,亦称使用者界面)是指对软件的人机交互、操作逻辑、界面美观的整体设计,是系统和用户之间进行交互和信息交换的介质。目的在使得用户能够方便有效率地去操作硬件以达成双向之交互,完成所希望借助硬件完成之工作,用户界面定义广泛,包含了人机交互与图形用户界面,凡参与人类与机械的信息交流的领域都存在着用户界面。用户界面是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。用户界面是介于用户与硬件之间,为彼此之间交互沟通而设计的相关软件,使得用户能够方便有效地去操作硬件以达成双向之交互,完成所希望的工作,用户界面定义广泛,包含了人机交互与图形用户界面,凡参与人类与机械的信息交流的领域都存在着用户界面。用户和系统之间一般用面向问题的受限自然语言进行交互。已有系统开始利用多媒体技术开发新一代的用户界面。
软件设计可分为两个部分:编码设计与UI设计。编码设计很熟悉,但是UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面,是英文User和interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系。
ui的尺寸
ui的尺寸是1920-2000px,UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。通常意义上,UI是User Interface的缩写。其中,“Interface”前缀“Inter”的意思是“在一起、交互”,而翻译成中文“界面”之后,“交互”的概念没能得到体现。
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)
UI界面设计尺寸应该是多少?
01、界面设计尺寸及栏高度
(1)我们用Photoshop做设计新建画布应该设置多大呢?另外,iOS应用中的栏,包括状态栏、导航栏、标签栏、工具栏等,它们的高度又分别是多少呢?(注意:iOS严格规定了各个栏的高度,这个是必须遵守的)通过下面的表格和图示来为你解答上面的问题。
(2)目前主流的iOS设备iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x和@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。
(3)注意:在进行iphone x设计的时候我们依然可以采用熟悉的iphone 7的设计尺寸作为模板,只是高度增加了290px,设计尺寸为750*1624(@2x)。注意状态栏的高度由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。
ui基础 一般用户端尺寸
Android设计尺寸360X640,IOS设计尺寸375X812,电脑设计尺寸1920X1080。
ui的尺寸是1920到2000px,iOS和Android平台都定义了各自的像素计量单位,iOS的尺寸单位为pt,Android的尺寸单位为dp。
UI尺寸基础知识是有像素密度一PPI和计量单位,其像素密度是指显示屏幕每英寸的长度上排列的像素点数量,PPIPixelsperinch越高代表屏幕显示效果越精细,Retina屏比普通屏清晰很多,就是因为它的像素密度翻了一倍。