设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

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

博客 > 设计和原型工具 > 原型设计建议规范(二)

原型设计建议规范(二)

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

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

1. iOS原型设计

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

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

2. Web原型设计

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

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

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

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

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

上一篇
这样的UI UX设计师描述你满意吗?

Cherry   04/17

优质产品需求文档(PRD)写作三大原则

Berry   04/10

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com