原型设计需要注意些什么？|一线互联网公司设计师经验分享③

上一期我们有提到过小白设计师一开始入职时不会让他们直接从事原型设计，没看的小伙伴们可以去看看，有大厂设计师对新人设计师的一些非常干货的建议哦！↓
http://tieba.baidu.com/p/7173867902

今天给大家介绍一款非常适用于原型设计的软件：Axure，避免各位新人设计师在之后进行原型设计时走歪路~赶快马起来吧！

原型设计必备知识
界面尺寸规范
1. 界面尺寸大小：375*667
2. 状态栏：即电量，其高度为：20px
3. 导航栏：即顶部条，其高度为：44px
4. 主菜单栏：即标签栏，底部条，其高度为：49px
5. 内容区域：即屏幕中间的区域，其高度为554px

图标尺寸规范
1. 导航栏和工具栏尺寸大小22*22px
2. 标签栏尺寸大小32*32px
3. 导航栏的文字大小最大值为17-18px，标签栏的图标下方的文字大小为10px
4. 内容区域的文字大小是：10px12px13px 14px15px 16px 17px

原型设计注意点
重点1：首屏高度要确定
做一个这样的设计是为了让产品经理清楚，接下来的操作将会是一个下滑的动作。当然，也不是说下滑的内容越多越有利，假设首屏的用户浏览量100％，那第二屏的浏览量就是75%，且越往下用户的流失量越高。因此，做原型时，设计师一般在首屏需要放置核心内容。

重点2：底部高度有限制
底部条的高度可以更改，但切忌超过60px，会显得下方过于笨重。

重点3：icon间距有讲究
底部条菜单栏，推荐使用色块来编排位置保持等比。这里需要注意的是菜单选项与首末边框需相距一个色块大小，而中间的色块则需要相距两个色块大小，这样画出来的菜单选项会较为精准，感官也更好。

重点4：字体像素讲规矩
关于文字像素的大小。一般来说在我们日常APP的正常使用中，看到的大多是12px13px 14px大小的字体，而10px的字体基本仅适用于图标下方注释。而15px 16px 17px则都是随着主要用户群体年龄的增长，而增长字体像素。下图为12px 13px 14px在界面上的效果展示：

*本文内容皆来自于：UI/UX交互与视觉研修班第三章第二小节
第三章完整内容：
Axure0基础实操教学+原型设计逻辑梳理
更多更全大厂在职设计师详解，可关注下方课程。

—完—