设计协作,用摹客

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

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

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

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

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

分享到微信朋友圈:

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

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

原型设计建议规范(一)

熊先生
2017-03-22
161191

现在各种各样的互联网产品层出不穷,但是设计水平着实叫人不敢恭维。其实一款产品的设计水平在原型设计阶段就几乎已经决定了。熊先生最近和几个产品设计的大神接触,通过从他们那里的请教学习,简单的总结了一些关于产品在原型设计规范的小意见,希望对大家有所帮助。

1. 项目类型

正所谓没有规矩,不成方圆,项目类型的确立对于产品的原型设计来说,应该是第一枪,也是最重要的一枪。如果你连自己想要设计的产品是什么类型都不知道,那真的是没人能救得了你了。目前,比较常见的项目类型有以下几种:移动端(手机、平板)、网页、桌面。有些原型工具是自带这种属性的,比如Mockplus、Justinmind。从项目建立的第一步,就需要确定所设计的原型类型。一般来说,一开始先明确项目类型,对之后的整体布局。组件使用都有着很重要的意义。因为只有知道自己想要的是什么,才能更好地去规划如果得到它。当然,这两款工具也都提供了自由的模式,以服务有其它需求的用户。

2. 项目树

项目树,也就是项目大纲。在产品设计中,项目树无疑是骨架与核心,指导着整个项目设计的每一个步骤。项目树对于一个项目来说,更是一个系统的大纲,项目在每一个页面的设计都要遵照其项目树中页面的规定来进行,不可偏差。所以,在确定了项目类型之后,千万不要马上就开始设计,而是要冷静一下,仔细考虑应该如何去安排项目树。

3. 参考线

参考线应该是设计中最常见也最容易被忽视的一个辅助工具了。如果大家总结一下就会发现,几乎所有设计工具都会有参考线这一项,不论是做原型的Mockplus,或者是修图片的PS、AI。而在这些工具中,参考线早已不仅仅只是躺在那里的一条线而已。比如Mockplus,当一个组件移动到与其它组件相同X、Y左边,以及中部对齐时,都会自动的产生参考线,方便大家对组件的定位。

4. 对齐分布与比例协调

页面布局的整洁和有条理,会给设计工作带来很大的便利。这里向大家推荐一个比较有效的方法,那就是巧妙的使用羊角螺线。很多设计师觉得,羊角螺线只是适用于具体图片的设计中,但是实际上,根据羊角螺线设计出来的整体布局并不占少数,最典型的例子就是苹果手机的圆角。根据羊角螺线做整体布局还有一个很大好处就是组件的比例会很协调,大小尺寸的衔接过度会显得不那么突兀。


以上只是关于原型设计的建议规范的第一部分,下一部分会着重向大家介绍IOS和Web的具体规范。

上一篇
11个 常见UI/UX设计师调查问卷分析

Grace   03/27

论快速原型设计的重要性

庸   03/20

下一篇
需要帮助?

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

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com