如何规范ui设计原型图 如何根据原型图设计ui
规范UI设计原型图的方法如下:
1、绘制原型图的尺寸 。考虑到绘制与查看原型图的便利性,以及大部分产品与开发人员使用小屏幕笔记本,当前原型图的尺寸一般采用375乘以667px , 相当于iPhone 6s屏幕尺寸的一半,以iOS系统为主,安卓系统个别页面单独做图说明 。
【如何规范ui设计原型图 如何根据原型图设计ui】
2、原型图常用组件尺寸 。指经常使用的通用组件 , 如状态栏、顶部导航栏、底部导航栏等,这里由于最大宽度已经确定都是375px,因此关注的是各通用组件高度 。状态栏可以设置为母版高度是20px,顶部导航栏高度44px,底部tab导航栏高度49px 。
3、对齐 。页面中的模块或元素不能随意放置 , 要保持对齐性,这样呈现出的效果才规整有序 。
4、亲密关联 。也就是经常提到的格式塔原理的演变,是指内容属性可以划归为一组的,在位置布局上距离相近,不同属性内容之间的距离相对远一些 。
5、对比和重复 。页面不同元素之间要有对比效果,目的是更清晰的组织信息、使层级关系明了,能够引导用户浏览并且制造焦点 。设计的某些元素可能在整个页面中多次出现 。重复的元素可能是某个模块、一条分割线、某种粗字体、某类型图标标识等 。
推荐阅读
- 急性支气管炎如何治疗可以止咳 急性支气管炎如何治疗可以止咳嗽
- 新手如何鉴别竹鼠是否怀孕 怎么看竹鼠有没有怀孕
- 怎么防止别人登录自己手机的QQ 如何防止QQ被其他人登录
- 新房风水的大忌 看房如何看风水
- 瓦罐煮粥的方法 如何作粥
- 炖驴骨头的方法 如何炖骨头
- 如何清洗麻将最快方法 怎样快速洗麻将
- 如何把文件放一张纸打印 具体怎么做
- 竹鼠常见十种病 如何从外观判别竹鼠是否患病
- 局域网网络共享怎么设置 局域网怎么设置共享