交互设计:iOS原型尺寸规范

本文介绍了iOS交互设计规范,特别是针对iPhone6的原型尺寸。内容包括iPhone6屏幕尺寸、界面布局、图标和文字尺寸、颜色选择、可点击区域高度以及界面元素间距等。推荐使用MarkMan、Dorado和PXcook作为测量工具,并强调了线框图在设计中的优势。同时,讨论了不同屏幕尺寸的适配问题,如iPhone5、iPhone6和iPhone6Plus的@1x、@2x、@3x尺寸转换。
摘要由CSDN通过智能技术生成

最近公司安排我带一下新来的交互设计师,我想给他制定一份交互设计规范。这样一来,即使新来的交互设计师没什么基础,也可以根据这一份规范,做出大致标准的原型图。

因为Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸。所以,交互设计稿的尺寸,就按照iPhone6的尺寸来做。

 





在这里我还是要推荐下我自己建的iOS开发学习群:680565220,群里都是学ios开发的,如果你正在学习ios ,小编欢迎你加入,今天分享的这个案例已经上传到群文件,大家都是软件开发党,不定期分享干货(只有iOS软件开发相关的),包括我自己整理的一份2018最新的iOS进阶资料和高级开发教程

1、 iPhone6的界面布局是:屏幕是4.7英寸的,设计稿的大小为750x1334px。
  • 状态栏(status bar):就是电量条,其高度为:40px;
  • 导航栏(navigation):就是顶部条,其高度为:88px;
  • 主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;
  • 内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

截图如下:

  • 8
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值