ui界面设计尺寸?
(一)界面尺寸规范
1、界面尺寸大小是:750x1334px。
2、状态栏(status bar):就是电量条,其高度为:40px。
3、导航栏(navigation):就是顶部条,其高度为:88px。
4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px。
5、内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px。
(二)图标尺寸规范
1、导航栏和工具栏尺寸大小44x44px。
2、标签栏尺寸大小75x75px。
3、导航栏的文字大小最大值是34-36px,标签栏的图标下方的文字大小为20px。
4、内容区域的文字大小是:20px 24px,26px,28px,30px,32px,34px。
5、设置界面的图标高度和开关滑动按钮的高度:58px
(三)可点击高度规范
统一成88px。88px是一个常用的设计尺寸。
(四)搜索栏高度规范
搜索栏的高度,统一成58px。
(五)界面元素之间的距离规范
界面元素之间的常用距离,亲密距离:20px;疏远距离:30p x。
A、疏远距离:比如,所有元素距离手机屏幕最左边的距离。
B、亲密距离:比如,左边图标与右边文字之间的距离。
5.5英寸屏幕,1242x2208px-@3x的像素分辨率,逻辑分辨率是414x981px-@1x。物理尺寸是1080x1920px。这个物理尺寸,也是目前最流行的大屏设计稿尺寸。
安卓UI界面设计和IOS系统UI界面设计有什么区别?
1.术语解读和系统平台对比
android是Google公司开发的操作系统。
iOS是苹果公司的移动操作系统。
2.UI设计规范不一样
比如现在通常设计的尺寸对比如下:
iOS: 750*1334 或者 1242*2208;
android:720*1280 或者 1080*1920;
另外象图标等涉及到系统显示的控件,
二者也会有差别;
不过安卓的品牌机型丰富、设计控件的难度较大,
苹果机型有限且开发工具较为强大、做屏幕适配时要方便许多。
3.硬件功能不同
例如实体键,iOS只有一个实体键(音量,电源不算哈),home键,
这个键大致可以实现这么几个功能:
1、按一次,回到桌面;2、双击,出现多任务界面;
3、iOS8里面,轻触两下Home键,调出单手模式;
4、指纹解锁。
Android有四个实体键(现在很多被屏幕上的虚拟键代替,但功效是一样的);
4.4以下分别是back键,home键,menu键,和搜索键;
4.4及以上,是back键,home键,多任务键;
Android原生是这样,经过优化的Android就不一定了,
比如魅族的smart bar,根据当前页面情景可以定制功能;
Android的back键,在大部分情况下,和页面上的返回功效一样。
不过,Android的back键可以在应用件切换,还可以返回主屏幕。
这个iOS里面的键不能在应用间直接切换。
4.视窗控件设计原则不一样
Android里可以看到各种浮窗,流量,清理内存等等,
iOS的原则是不支持三方app有这样的功能(越狱后可以);
对于iOS产品线,苹果有严格的规范和审查,
很多控件的功能比较有限;
而安卓对应的产品涵盖广泛,自由度非常高。
ui尺寸是什么?
ui的尺寸是1920-2000px,UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。其中,“Interface”前缀“Inter”的意思是“在一起、交互”,而翻译成中文“界面”之后,“交互”的概念没能得到体现。
安卓UI设计成720*1280,那给开发的尺寸1px等于多少dp?
安卓的分辨率达到720*1280,那么它的基本尺寸应该是72dp。
dp:
这个是最常用但也最难理解的尺寸单位。
它与“像素密度”密切相关,所以首先我们解释一下什么是像素密度。假设有一部手机,屏幕的物理尺寸为1.5英寸x2英寸,屏幕分辨率为240x320,则我们可以计算出在这部手机的屏幕上,每英寸包含的像素点的数量为240/1.5=160dpi(横向)或320/2=160dpi(纵向),160dpi就是这部手机的像素密度,像素密度的单位dpi是Dots Per Inch的缩写,即每英寸像素数量。横向和纵向的这个值都是相同的,原因是大部分手机屏幕使用正方形的像素点。
不同的手机/平板可能具有不同的像素密度,例如同为4寸手机,有480x320分辨率的也有800x480分辨率的,前者的像素密度就比较低。Android系统定义了四种像素密度:低(12
0dpi)、中(160dpi)、高(240dpi)和超高(320dpi),它们对应的dp到px的系数分别为
0.75、1、1.5和2,这个系数乘以dp长度就是像素数。例如界面上有一个长度为“80dp”
的图片,那么它在240dpi的手机上实际显示为80x1.5=120px,在320dpi的手机上实际显示为
80x2=160px。如果你拿这两部手机放在一起对比,会发现这个图片的物理尺寸“差不多”,这就是使用dp作为单位的效果。