天才教育网合作机构 > UI设计培训机构 > 界面设计培训机构 >

天才领路者

欢迎您!
朋友圈

400-850-8622

全国统一学习专线 9:00-21:00

位置:UI设计培训资讯 > 界面设计培训资讯 > 总算认识手机ui界面设计尺寸

总算认识手机ui界面设计尺寸

日期:2019-11-08 20:27:50     浏览:850    来源:天才领路者
核心提示: 对于UI设计师来讲,掌握一些设计方面的知识,往往可以更轻松的和设计师交流。而首先我们应该了解的就是移动端设计尺寸规范。
    对于UI设计师来讲,掌握一些设计方面的知识,往往可以更轻松的和设计师交流。而首先我们应该了解的就是移动端设计尺寸规范。众所周知,当前移动端屏幕尺寸非常多,碎片化非常严重。不管是IOS还是安卓,有很多种分辨率。总结如下:  

手机ui界面设计尺寸

      像素:密度要知道,屏幕是由很多像素点组成的。之前提到那么多种分辨率,都是手机屏幕的实际像素尺寸。比如480×800的屏幕,就是由800行、480列的像素点组成的。每个点发出不同颜色的光,构成我们所看到的画面。而手机屏幕的物理尺寸,和像素尺寸是不成比例的。典型的例子,iPhone 3gs的屏幕像素是320×480,iPhone 4s的屏幕像素是640×960。刚好两倍,然而两款手机都是3.5英寸的。所以,我们要引入重要的一个概念:像素密度,也就是PPI(pixels per inch)。这项指标是连接数字世界与物理世界的桥梁。   屏幕大小:指屏幕的物理尺寸,一般用屏幕对角线长度表示,单位英寸。如 5 英寸屏幕。1英寸 = 2.54 厘米。   获知手机屏幕的大小主要有两种方法。注意,虽然提示为“主屏尺寸”,但目前一般的手机辅助类软件并不提供屏幕大小的查询,只提供屏幕分辨率的查询。   方法一:去 ZOL 中关村在线查,输入手机型号搜索即可。(图中,1 处为屏幕大小,2 处为屏幕分辨率)   方法二:用尺量屏幕对角线长度,然后换算成英寸(2.54厘米 = 1 英寸)。设计软件的分辨率为:72 像素/英寸         一、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的必备宝典   二、Android   Android界面尺寸:480*800、720*1280、1080*1920。[单位:像素]   Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。   界面基本组成元素:   Android的app界面和iPhone的基本相同:状态栏、导航栏、主菜单、内容区域。   Android中我们取用的720*1280的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸。态栏高度为:50px   导航栏高度为:96px   主菜单栏高度为:96px   内容区域高度为:1038px(1280-50-96-96=1038)   具体大小,还是那句话,找自己喜欢的app界面,手机截图后放进PS自己比对调节字体大小,切记,一定是高清截图
如果本页不是您要找的课程,您也可以百度查找一下: