欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

让原型更加高保真,重要的规范是字体、字号、间距、对齐

发布时间:2018:02:09 19:15:22 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1473个文字,预计阅读时间4分钟
导语
现在部分产品职责中要求中高保真的原型,而是否要求产品经理输出高保真原型有着相反的两种主张,主要矛盾在于时间成本以及影响到了设计师设计。

  现在部分产品职责中要求中高保真的原型,而是否要求产品经理输出高保真原型有着相反的两种主张,主要矛盾在于时间成本以及影响到了设计师设计。这篇文章里不讨论这个问题,仅仅表述下,笔者作为一个技术出身的产品经理,如何学会能够快速地产出高保真原型的,以下写的也是态度篇,文字较多,期望能够给各位看官大老爷提供个参考。

  

让原型更加高保真,重要的规范是字体、字号、间距、对齐

 

  方是方,圆是圆,规范最重要。

  以前我的做法会是找找优质元件库,就我个人而言,这是走了段弯路。好的元件即使它精致且白搭,但对于产品设计来说其实也是不利的,我们做的产品是为了贴合场景、服务用户、优化体验,而不是为了对上漂亮的元件。做得demo多了慢慢发现让原型更加高保真,重要的规范是字体,是字号,是间距,是对齐。

  一、字

  字体统一,一般不要用几种字体,就选常用字体就行,1~2种足够;

  字号不要乱,一级标题、二级标题、正文、简介描述等等字号大小都尽可能的统一;

  颜色规范,标题、正文、描述等等颜色事先统一并做出相应的区分。

  这里可以把规范事先定好(如图),但并不需要很硬的将规范事先画出来,能够在设计过程中根据实际情况调整为最佳,主要是各个部分的一致性。这种参考数值的图,更多是用在最终稿设计完成后展示设计的数值,而并不能称之为参考数值。

  

让原型更加高保真,重要的规范是字体、字号、间距、对齐

 

  小贴士:善用Axure中的基本元件,添加几个要用的规范文字元件不花时间,也可以直接将本身的元件更新。做好一套就行,不断迭代。操作不详说了,假设不清楚,点点如下图的几个画圈标注的地方就大致了解了。

  

让原型更加高保真,重要的规范是字体、字号、间距、对齐

 

  二、图

  主要会用到的图片为以下几种,背景图、展示图(广告/产品/文章等)、图标。在高保真原型设计中,主要考虑的是背景图和图标。对Axure自带的图片元件不太喜欢的,找几张接近项目主题的代替下就行了。

  图标还好,目前各icon网站提供的素材都不错,我会经常在各个UI设计的网站上看看,但是一般取icon就在/找上一套,实在没成套的,就按同风格的凑一套。不用太花时间,一开始实在不好找,就用小方块代替也可以的。

  背景图在整体设计中最为影响项目的体验,也是在设计中会要多花些时间,这时候,看看竞品、和设计师沟通都是不错的方法。之所以重视它,因为颜色、背景等对产品内容、功能等布局有所影响的,在产品设计之初就做出思考,更有可能做出最佳体验的设计。且对于整个项目来说,,会减少设计师反复修改的时间。

  

让原型更加高保真,重要的规范是字体、字号、间距、对齐

 

  我们都是期望做出更好的产品,产品原型设计时就能得到各方的建议是好事,不用真等到原型设计后再反复修改。而且多数情况项目开发的流程是瀑布模型,要抓好用户体验以及产品研发效率,可以靠我们产品多把把关多做点事。画原型别太随意,时刻提醒自己保持更新迭代,让乌龟越画越好。

  小贴士:同一页面的图尽量用同一色系的,产品图等用透明背景的,要么就有浅灰色背景框替代。为什么不用原型工具里的,颜色和样式太吸引眼球的话,会把注意力带偏。

  三、间距

  间距设定主要一大问题就是统一,千万不要随缘对齐,规规矩矩的按统一的大小排列整齐。各同类间距做到一致,规规矩矩的对齐。

  其它各个元素之间的间距留白也有技巧,这里就不延伸了。这里每次设计到时都做些许调整会让作品变得更好,尽量的使用动态面板或母版,每次更新时要调整的内容就少很多了。尽量做到可复用,简单修改就能做好每个相关页,不至于让更新变得消极,页面太多确实容易心态爆炸。

  四、对比竞品

  多看看和竞品的区别,在相似项目上找经验,千万注意度,这里可不能是临摹或抄袭。还有一个较重要的是,仔细的看看自己原型与设计师做完后的提高,这会让自己很快的接收一大波经验,下次肯定会做得更好。色彩尽量的淡,主要还是找准布局,在前人创作上做迭代没理由做得很差的。

  五、比上一次做得好

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:UI设计当中的3C要素:色彩,对比和内容

下一篇:设计师如何管理自己的文档

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信