iphone界面设计规范

iphone界面设计规范

ID:41568221

大小:65.65 KB

页数:4页

时间:2019-08-27

iphone界面设计规范_第1页
iphone界面设计规范_第2页
iphone界面设计规范_第3页
iphone界面设计规范_第4页
资源描述:

《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

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。