如何规范ui设计原型图

  • 难度:1
  • 评论:0
  • 发布时间:2023-05-13 03:11:56
  • 标签:
如何规范ui设计原型图

1.绘制原型图的尺寸。考虑到绘制与查看原型图的便利性,以及大部分产品与开发人员使用小屏幕笔记本,当前原型图的尺寸一般采用375乘以667px,相当于iPhone 6s屏幕尺寸的一半,以iOS系统为主,安卓系统个别页面单独做图说明。

前述

适用环境/工具

型号:无

系统:无

软件:无

功能和快捷键

操作步骤/方法

1 在搜索引擎上有很多朋友咨询如何规范ui设计原型图的相关信息,下面由小编为大家统一解答如何规范ui设计原型图。 2 规范UI设计原型图的方法如下: 3 绘制原型图的尺寸。考虑到绘制与查看原型图的便利性,以及大部分产品与开发人员使用小屏幕笔记本,当前原型图的尺寸一般采用375乘以667px,相当于iPhone6s屏幕尺寸的一半,以iOS系统为主,安卓系统个别页面单独做图说明。 4 原型图常用组件尺寸。指经常使用的通用组件,如状态栏.顶部导航栏.底部导航栏等,这里由于最大宽度已经确定都是375px,因此关注的是各通用组件高度。状态栏可以设置为母版高度是20px,顶部导航栏高度44px,底部tab导航栏高度49px。 5 对齐。页面中的模块或元素不能随意放置,要保持对齐性,这样呈现出的效果才规整有序。 6 亲密关联。也就是经常提到的格式塔原理的演变,是指内容属性可以划归为一组的,在位置布局上距离相近,不同属性内容之间的距离相对远一些。 7 对比和重复。页面不同元素之间要有对比效果,目的是更清晰的组织信息.使层级关系明了,能够引导用户浏览并且制造焦点。设计的某些元素可能在整个页面中多次出现。重复的元素可能是某个模块.一条分割线.某种粗字体.某类型图标标识等。 END

注意事项/总结

特别声明:本文为设栈网原创,禁止非法采集,违者必追究其责任。

本文章地址:https://www.shezhan88.com/doc/1026359.html

  • 用户名:
  • 密码:
  • (匿名 
  • 验证码:
  • 个回复
  • 请遵守评论服务协议,文明理性发言。网友评论仅表达个人观点,不代表本站同意其观点或证实其描述。

相关教程