> 首页 > 科技 > 互联网 > 如何规范ui设计原型图

如何规范ui设计原型图

来源:网络 作者:网友上传 时间:04-12 手机版

规范UI设计原型图的方法如下:

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

2、原型图常用组件尺寸。指经常使用的通用组件,如状态栏、顶部导航栏、底部导航栏等,这里由于最大宽度已经确定都是375px,因此关注的是各通用组件高度。状态栏可以设置为母版高度是20px,顶部导航栏高度44px,底部tab导航栏高度49px。

3、对齐。页面中的模块或元素不能随意放置,要保持对齐性,这样呈现出的效果才规整有序。

4、亲密关联。也就是经常提到的格式塔原理的演变,是指内容属性可以划归为一组的,在位置布局上距离相近,不同属性内容之间的距离相对远一些。

5、对比和重复。页面不同元素之间要有对比效果,目的是更清晰的组织信息、使层级关系明了,能够引导用户浏览并且制造焦点。设计的某些元素可能在整个页面中多次出现。重复的元素可能是某个模块、一条分割线、某种粗字体、某类型图标标识等。

相关推荐:

华为手机有双系统吗

如何规范ui设计原型图

ios

ui前端设计流程是什么

前端跟ui有什么区别

前端设计和ui设计的区别是什么

ai设计和ui设计的区别是什么

ui设计稿尺寸尺寸

标签: 互联网

声明:《如何规范ui设计原型图》一文由排行榜大全(网友上传 )网友供稿,版权归原作者本人所有,转载请注明出处。如果您对文章有异议,可在反馈入口提交处理!

最近更新

  • 华为手机有双系统吗

    华为手机是有双系统的,双系统的手机有P9、P10。华为P9双系统为EMUI 4.1兼容Android 6.0。华为P10双系统为EMUI 8.0兼容Android 8.0。Emotion...

    互联网 日期:2023-04-12

  • 力学中三个基本单位是什么

    力学中的三个基本单位是米、千克以及秒,它们分别是衡量长度、质量和时间的单位。在力学中,选定长度、质量和时间这三个物理量的单位作为基本单...

    百科 日期:2023-04-12

  • 本田思铂睿保养周期

    本田思铂睿保养周期本田白金芯的保养期是6个月,5000公里。如果换全合成机油,可以保养一万公里。铂芯的维护成本表如下:美孚合成机油+原装机油...

    汽车 日期:2023-04-12

  • 金银花茶可以祛痘吗

    金银花茶能清热解毒,对痈肿疔疮、肠痈肺痈有较强的散痈消肿、清热解毒作用。有人说金银花茶有去痘痘的效果,那么金银花茶可以祛痘吗?金银花茶...

    护肤品 日期:2023-04-12

  • 如何保养眼部肌肤

    胶原蛋白是人体延缓衰老必须补足的营养物质,特别是对于松弛的眼袋。睡前少喝水,避免化妆时拉扯眼皮,养成常用眼霜和用水蒸气熏眼的好习惯,并且...

    护肤品 日期:2023-04-12

  • 鲜蕨菜怎么去除苦味

    1、把新鲜的蕨菜放在开水中煮两三分钟,再放冷水中浸泡时间长一点,浸泡半天,一天更好,苦涩味就几乎没有了。2、蕨菜的做法:主料:蕨菜500克。辅料:清...

    百科 日期:2023-04-12

  • 石家庄哪里批发对联

    1、石家庄爱相伴对联批发公司。地址:中国河北省石家庄市高新技术开发区134号。2、石家庄双顺对联批发公司。地址:中国河北省石家庄市长安区中...

    百科 日期:2023-04-12

  • 如何规范ui设计原型图

    规范UI设计原型图的方法如下: 1、绘制原型图的尺寸。考虑到绘制与查看原型图的便利性,以及大部分产品与开发人员使用小屏幕笔记本,当前原型图的...

    互联网 日期:2023-04-12

邮箱不能为空
留下您的宝贵意见