Axure 产品原型能力 从入门到够用

2022-10-2309:03:58原型设计Comments792 views字数 1440阅读模式
180篇Glen

几个月前决定总结分享一个Axure教程系列,结果现在才腾出时间来梳理。Axure是最常见的产品原型工具了,看完这篇文章,你就基本具备了日常工作需要的产品原型能力了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure入门到够用教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

1. 尺寸规范文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

1.1 网页端产品尺寸文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

优秀的产品原型是需要做到像素级高保真的,这样便于之后设计师输出设计图,毕竟眼见为实嘛。现在互联网主流屏幕分辨率有1920 * 1080、1366 * 768、1440 * 900。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

你在画网页产品原型时,可以选一个分辨率进行,之后可以通过技术上实现适配。如果你的工作电脑分辨率不够高的话,建议选择1366 * 768分辨率来做原型。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

1.2 PC客户端产品尺寸文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

PC客户端产品的标准不一,有尺寸比较大的,比如某些视频播放器、360安全卫士;也有尺寸比较小的,如QQ、YY。PC客户端产品的尺寸目前好像没有太多的规范,但上限基本就是网页的尺寸上限。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

1.3 移动端产品尺寸文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

移动端产品是现在的主流,苹果和谷歌在积极推进移动端产品的设计规范制定,移动端产品的设计规范较为健全,网上有丰富的资料。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

iPhone界面尺寸文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

iPad的设计尺寸文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Android SDK模拟机的尺寸文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Android安卓系统dp/sp/px换算表文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

iOS的手机尺寸比较固定,因此很好选择相应尺寸,进行原型设计。安卓系统尺寸较多,一般选取一个比较主流的尺寸进行原型设计,我一般选择640 * 960分辨率进行原型设计。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

2. 掌握静态原型设计文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure可以做很酷炫的动态效果,但日常产品原型设计只需要输出静态的产品原型就基本够用了。做动态原型比较花时间,而且不容易把每一个界面的细节展示清楚。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

静态的产品原型设计上手非常简单,如上图所示,你用到的地方基本只有我用红框框标记出来的地方,连母板都用不到。一句话,你只要会把“1”里面的部件拖到“4”里面就算入门了哈哈。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

1 部件库

存放了许多常用的产品组件,你可以直接拖动它们使用,还可以去下载一些部件导入使用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

2 站点图

这个地方是你规划产品组成的地方,一级、二级、三级界面…每个界面放什么,逻辑要清晰哦文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

3 工具栏

这个地方用于调整部件的某些属性,比如文字、线条、阴影、位置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

顶部的几个按钮用于调整部件之间的关系,如组合、对齐、置顶等文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

4 界面窗口

这里在展示你产品的果照哈哈,你可以把“1”中的组件直接拖入,也可以直接把其他地方的图片什么的拖进来用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

3. 重要的我还是下面告诉你吧文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

3.1 不要轻易用纯黑色文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

画产品原型时,不会轻易用到纯黑色。最难用好的颜色往往是看似最常见的颜色,黑和白,无处不在,难以捉摸。能用好黑色和白色的产品经理和设计师,功力一般会比较高。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

3.2 icon很重要文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

我可以这么说,你的产品原型是不是好看,icon至少能起到30%的作用。设计师都需要不断积累设计素材,产品经理在画产品原型时,也需要不断积累icon素材,酱紫你的原型才能越来越专业、好看。这里Glen分享一个很赞的icon库给大家,大家在公众号里输入“icon”就可以啦。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

另外再分享一个超赞的网站,阿里巴巴矢量图标库:www.iconfont.cn。这里面有各种各样好看的图标,慢慢积累,你的原型会越来越漂亮滴。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

Axure 产品原型能力 从入门到够用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

3.3 为了省点力,你还是学学母版吧文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

母版的作用,就是让一些常用的组件,如顶部状态栏、底部Tab等,不用重复设计。把这些变动不大的部分做成母版,之后可以直接拖出来用了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

看到这里,你已经做到Axure从入门到够用了。但Axure远不止这些,还需要对自己有更高的要求,最近Glen正在研究做Axure动态原型,有机会分享给大家。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/29519.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/29519.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定