移动端UI设计常识
移动应用平台
移动应用平台可以简单理解为移动设备中的操作系统,是安装各种移动应用程序的一个载体。目前市面上常见的操作系统有IOS系统、Android系统、win phone系统、黑莓系统等,其中与UI设计师更为密切的是IOS系统和Android系统。
IOS系统
是由美国公司开发的移动设备操作系统。苹果公司最早于2007年1月19日的Macworld大会上公布这个系统,它最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad等苹果移动产品上。
iPhone OS1 在2007年6月发布,该版本非常简单,不能更换铃声、壁纸甚至没有App store
iPhone OS2 在2008年7月发布,苹果公司首次推出App store,这是IOS历史上的一个重要里程碑,它的出现开启了IOS和整个移动应用时代。
IOS 3 在2008年7月发布,该版本增添了许多新的功能,例如剪切、复制、粘贴、Spotlight搜索以及语言控制等,并且宣布出现“更大的iPhone”时,“OS 3”会被命名为“IOS 3”。
IOS 4 在2010年6月发布,该版本最大的更新是多任务的处理,当用户点击home键后,当前程序仍然会在后台运行。双击home键,,用户就可以在应用程序之间快速切换。
IOS5在2011年10月发布,该版本推出了Siri,作为用户的虚拟助手。
IOS6在2012年6月发布,该版本最大的改变就是放弃谷歌地图,使用苹果公司自主研发的地图。
IOS7在2013年6月发布,该版本重新采用了扁平化的界面设计风格,并推出了指纹解锁功能。
IOS8在2014年9月发布,该版本在视觉上继续延续了扁平化的设计风格。同时结束了对系统的完全封闭,用户可以通过第三方APP添加自己的通知中心小部件,并且相对更容易地访问照片库。
IOS9在2015年6月发布,该版本主要集中在性能和稳定性上的改进。同时发布了全新的字体San Francisco和苹方。
IOS10在2016年9月发布,在该版本中,Sin向开发者开放,可以直接控制第三方应用。
IOS11在2017年9月发布,在该版本中增加了一些特定功能,如、短信识别、拼音键盘以及上海话语音识别。
Android系统
是基于Linux的自由及开放源代码的操作系统,主要应用于移动设备,由Google公司和开放手机联盟领导及开发。因为系统的开放性和移动设备的快速普及,Android在2017年3月首次超越Windows,成为消费者接入互联网使用最广泛的操作系统。
Android1.0在2008年4月发布,当时谷歌发布的Android1.0系统并没有被外界看好,甚至有言论称最多一年谷歌就会放弃Android系统。
Android1.5在2009年4月发布,从Android1.5版本开始,谷歌开始将Android的版本以甜品的名字命名,Android1.5命名为Cupcake(纸杯蛋糕)。该版本最突出的功能是虚拟键盘。
Android1.6在2009年9月发布,Android1.6命名为Donut(甜甜圈)。该版本能够支持更多的屏幕分辨率。
Android2.0在2009年10月发布,谷歌将Android2.0—2.1系统的版本统称为Éclair(泡芙)。该版本重新设计了用户界面,并且支持HTML5。
Android2.2在2010年5月发布,谷歌将Android2.2操作系统命名为Froyo(冻酸奶),该版本中系统性能有了大幅度提升,并增加了3G网络共享功能。
Android2.3在2010年12月发布,谷歌将Android2.3操作系统命名为Gingerbread(姜饼)。该版本进一步简化了界面,提升了系统的运行速度。
Android3.0在2011年2月发布,谷歌将Android3.0操作系统命名为Honeycomb(蜂巢)。该版本是第一个Android平板操作系统。(同年,iPad推出)
Android4.0在2011年10月发布,谷歌将Android4.0操作系统命名为Ice Cream Sandwich(冰淇淋三明治)。该版本统一了手机和平板电脑的使用系统。
Android4.1在2012年6月发布,谷歌将Android4.1—4.2—4.3操作系统命名为Jelly Bean(果冻豆)。该版本引入了语音助手“Google Now”。
Android4.4在2013年9月发布,KitKat(奇巧巧克力)。增加了屏幕录制功能(苹果IOS11才有)。
Android5.0在2014年6月发布,Lollipop(棒棒糖)。该版本加入了五彩缤纷的颜、流畅的动画效果,呈现出一种清新的风格。
Android6.0在2015年5月发布,谷歌将Android6.0操作系统命名为Marshmallow(棉花糖)。该版本加入了指纹识别功能。
Android7.0在2016年5月发布,Nougat(牛轧糖)。该版本增加了许多实用功能,例如分屏多任务、全新设计的通知控制栏等。
Android8.0及Android9.0 Material Design设计风格
移动设备尺寸标准
1. 英寸
电子设备的长度单位。目前市面上常见的手机屏幕有4英寸、4.7英寸、5.5英寸等。但仍习惯使用厘米这个单位(1inch=2.54cm)
2. 像素(Pixel)
全称为图像元素,缩写为px,是用来计算数码影像的一种单位,如同摄影的相片一样,数码影像也具有连续性的浓淡阶调,若把影像放大数倍,会发现这些连续调其实是由许多彩相近的小方点所组成,这些小方点就是构成影像的最小单位,即像素。
3. 分辨率
分辨率是相对于像素而言的,指的是屏幕显示的像素数量。一般用屏宽像素乘以屏高像素来表示。在相同屏幕尺寸中,如果像素点很小,那画面就会很清晰,我们称之为高分辨率,如果像素点很大,那画面就会很粗糙,我们称之为低分辨率。
4. 网点密度(DPI)
通常用来描述印刷品的打印精度,表示每平方英寸所能打印的点数。
而dp(dip)是安卓系统中一种基于屏幕密度的抽象单位,注意区分。
像素密度(PPI)
常用于屏幕显示的描述,表示每平方英寸像素点的数量。(与网点密度相似)
5. 移动设备尺寸标准
了解设计规范符合产品特性降低成本
1. IOS设备参数
目前市场上的IOS设备主要有iPhone3GS、iPhone4/4s、iPhone5/5s/SE、iPhone6/7、iPhone6plus/6是plus/7plus、iPad/iPad mini、iPad pro等。
型号 | 分辨率 | 尺寸(inch) | PPI | 像素倍率 |
iPhone 3GS | 320*480 | 3.5 | 163 | @1 |
iPhone 4/4s | 640*960 | 3.5 | 326 | @2 |
iPhone 5/5s/5e/SE | 640*1136 | 4.0 | 326 | @2 |
iPhone 6/6s | 750*1134 | 4.7 | 326 | @2 |
iPhone 6 plus/6s plus | 1080*1920 | 5.5 | ui设计师需要学什么401 | @3 |
iPhone 7 | 750*1334 | 4.7 | 326 | @2 |
iPhone 7 plus | 1080*1920 | 5.5 | 401 | @3 |
iPad | 2048*1536 | 9.7 | 264 | @2 |
iPad mini4 | 2048*1536 | 7.9 | 326 | @2 |
iPad Pro | 2732*2048 | 12.9 | 264 | @2 |
1.
@1适用于非retina屏;@2适用于retina屏的苹果设备;@3适用于iPhone plus系列手机。
2. Android设备参数
该系统是一个开放的系统,可以由开发者自行定义,所以屏幕尺寸规格比较多
元化。
屏幕密度 | 倍率 | 1dp=?像素 | 分辨率 | 屏幕尺寸(inch) |
LDPI | 0.75 | 0.75 | 240*320 | 2.7 |
MDPI | 1 | 1 | 320*480 | 3.2 |
HDPI | 1.5 | 1.5 | 480*800 | 3.4 |
XHDPI | 2 | 2 | 720*1280 | 4.65 |
XXHDPI | 3 | 3 | 1080*1920 | 5.2 |
XXXHDPI | 4 | 4 | 1440*2560 | 5.96 |
移动UI设计规范
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论