资源描述:
《iphone界面设计规范》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、iPhone6的原型规范如下:1、界面尺寸布局:满屏尺寸750xl334px2、高度电量条高度40px,导航栏高度88pxz标签栏高度98px;3.各区域图标大小导航栏图标44px,标签栏图标50px;4、各区域文字大小电量条文字22px,导航栏■文字32px,标签栏字20px;5、常用的文字大小:32px,30px,28pxz26px,24px,22pxz20px;6、常用的颜色:背景浅灰色#f2f2f2,文字深黑色#323232,边框色深灰#cccccc;7、常用可点击区域的高度:88px;8、单行文字的背景框的高度:88px,双
2、行则为:176px,三行则为:264px;9、常用间距:亲密距离:20px;疏远距离:30px,其它距离:10px,44px等;10、按钮和文本框,原型图做成直角的,圆角半径是多少,由Ui来设计;11、这种情况,需要修改原型。单个页面的逻辑流程图或用户学习使用时间,超过其它页面平均数的3倍以上;10、iPhone6Plus的@3x,iPhone6的@2x,iPhoneS的@2x的介绍☆iPhone6Plus是5.5英寸屏幕,1242x2208px-@3x的像素分辨率,逻辑分辨率是414x736pt・@lx。物理尺寸是1080xl920
3、px。这个物理尺寸”也是安卓机目前最流行的大屏设计稿尺寸。☆iPhone6是4.7英寸屏幕,750xl334px-@2x的像素分辨率,逻辑分辨率是375x667pt-@lxo☆iPhone5是4英寸屏幕,640xll35px-@2x的像素分辨率,逻辑分辨率是320x568pt-@lxo@累分辨率1242x2208px倍率@3x逻辑分辨率414x736pt材理尺寸622x3.06英寸401ppiDPI154@2x640x1136px@2x320x568pt487x2.31英寸326ppi参考图片如下:iPhone6PlusiPhone6
4、iPhone5⑤rif5—、厂•丄]55英寸1080x1920px4.7英寸750x1334px4英寸640x1136pxL—Q—厶29//_Q_J750x1334px375x667pt544x264英寸326ppi1639.原型设计中,需要考虑不同屏幕尺寸的苹果手机,在@lx的情况下的适配情况。比如:☆iPhone5在@2x屏幕尺寸是,640xll36px;对应的@lx,屏幕尺寸就是320x568px;☆iPhone6在@2x屏幕尺寸是:750xl334px;对应的@lx,屏幕尺寸就是375x667px;☆iPhone6Plus在
5、@3x屏幕尺寸是:750xl334px;对应的@lx,屏幕尺寸就414x736px;5.关于颜色,自从我做了3套高保真的交互原型图之后,发现后面还是改成画线框图来的快。线框图的黑白灰之纯美,有利于专心布局界面,而不用在意界面的颜色搭配。黑白灰颜色常用的数值是:①文字黑色#282828②文字深灰色#656565③文字浅灰色#98989④边框浅灰色#C3C3C3⑤背景淡灰色#f2f2f2⑥按钮背景纯白色井彳彳彳彳彳彳2.关于iPhone6的图标的尺寸:导航栏的图标高度为44px左右,标签栏的图标尺寸为50x50px左右,最大为96x64p
6、xo关于iPhone6的文字的尺寸:导航栏的文字大小最大值是34-36px,标签栏的图标下方的文字大小为20pxo内容区域的文字大小是:20px24px,26pxz28px,30px,32px,34pxo