对于UI设计师来说,掌握一些设计知识,往往可以更轻松地与设计师交流。我们首先应该了解的是移动设计尺寸规范。众所周知,目前的手机屏幕尺寸非常大,碎片化非常严重。不管是IOS还是安卓,分辨率都有很多。总结如下:
像素:密度 要知道,屏幕是由许多像素组成的。前面提到的各种分辨率都是手机屏幕的实际像素大小。例如,一个 480×800 的屏幕由 800 行和 480 列像素组成。每个点都发出不同颜色的光,构成了我们看到的画面。手机屏幕的物理尺寸与像素大小不成正比。一个典型的例子,iPhone 3gs 的屏幕像素为 320×480,iPhone 4s 的屏幕像素为 640×960。正好是两倍,但两款手机都是 3.5 英寸。因此,我们不得不引入一个重要的概念:像素密度,即PPI(pixels per inch)。该指标是数字世界和物理世界之间的桥梁。
屏幕尺寸:指屏幕的物理尺寸,一般以屏幕对角线长度表示,单位为英寸。比如5寸屏。1 英寸 = 2.54 厘米。
了解手机屏幕尺寸的主要方法有两种。注意,虽然提示的是“主屏尺寸”UI界面,但是目前一般的手机辅助软件不提供屏幕尺寸的查询,只提供屏幕分辨率的查询。
方法一:到ZOL中关村在线查询,输入手机型号进行搜索。(图中1为屏幕尺寸,2为屏幕分辨率)
方法二:用尺子量出屏幕的对角线长度游戏ui界面尺寸游戏素材下载 免费,然后换算成英寸(2.54厘米=1英寸)。设计软件的分辨率为:72像素/英寸
1.iOS
1.苹果iOS版iphone APP UI设计尺寸规范
iphone 5:设计尺寸为 640px * 1136px
iphone 4/4s:设计尺寸为 640px * 960px
设计软件的分辨率为:72像素/英寸
2.苹果iOS版ipad APP UI设计尺寸规范
主流ipad3-ipad4的设计尺寸为:1536px * 2048px
ipad1 -ipad2的设计尺寸为:1024px * 768px
iPad界面设计规范,初学者设计iPad必备
2.安卓
Android界面尺寸:480*800、720*1280、1080*1920。[单位:像素]
Android 的体积比 iPhone 大得多。建议使用720*1280的尺寸。这个尺寸在720*1280下完美,在1080*1920下看起来更清晰。切割后的图像文件大小也适中。内存消耗不会太高。
界面的基本元素:
Android应用界面与iPhone基本相同:状态栏、导航栏、主菜单、内容区。
在Android中,我们采用的是720*1280的尺寸设计,接下来说说这个尺寸下这些元素的尺寸。状态栏高度:50px
导航栏高度:96px
主菜单栏高度:96px
内容区域高度为:1038px (1280-50-96-96=1038)
具体大小还是那句话,找你喜欢的app界面,把手机截图放到PS里对比调整字体大小游戏ui界面尺寸,记住,一定是高清截图