邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

原型设计建议规范(二)

熊先生 2017-04-12 08:51:51 阅读:12841 www.mockplus.cn

这篇文章,我会列出比较常用的几种原型设计的建议规范数据。1. iOS原型设计;2.Web原型设计。

上一篇文章中主要解释了一些原型设计逻辑上的东西以及建立一个有效原型的流程。错过的朋友如果感兴趣的话,可以看一下第 一篇。

这篇文章,我会列出比较常用的几种原型设计的建议规范数据。

1. iOS原型设计

作为手机中的战斗机,苹果可以说是以迅雷不及掩耳之势抢占了市场的份额,iOS系统上应用产品也是不能来得再猛烈一些了。

iOS的推荐原型设计规范,正如上图所示。iPhone的各个部分一直按照严格的比例要求来进行原型设计的。顶部操作栏适中保持在Nx44的大小,底部导航也是同样的以49为基数,然后根据屏幕的变化设置为2-3倍。

2. Web原型设计

Web的原型设计有一条关于首屏的比较重要的建议。对于首屏上内容的高度的不同,用户的反馈也必然是不同的,当首屏的内容高度为580px的时候,有40%的人会看不到下边的内容;当首屏的内容高度为720px的时候,有82%的人会看不到下边的内容;当首屏的内容高度为800px的时候,有92%的人会看不到下边的内容。也就是说,首屏内容高度越大,关注到下面内容的人就越少。设计师在进行原型设计的时候一定要考虑到这一点上的取舍问题。

另外还有一点关于原型设计工具使用的建议:

在很多设计工具中并不会提供过于复杂的组件,那么当我们需要一些复杂功能的时候,我们该怎么办?最简单的方法就是,拼!比如在Mockplus或者Axure中想要实现一个相对复杂的底部导航栏,我们就可以使用其它的组件来进行组合。

原型设计毕竟不是真是的程序,实现自己想要的效果即可,不必过分纠结于组件的属性。

当然,原型设计还有很多值得学习的制度和规范,希望大家不吝赐教,共同进步。

原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:748169314 加入QQ群

服务邮箱:service@jongde.com

咨询客服

在线客服

置顶