设计风格养成|5个维度,说说设计师讲述设计风格的正确姿势

找准方向与维度,从大方向去讲解你的设计风格,只要你执行了,那它就不是什么困难的事情了。


找准方向与维度,从大方向去讲解你的设计风格,只要你执行了,那它就不是什么困难的事情了。

设计风格养成|5个维度,说说设计师讲述设计风格的正确姿势

设计风格是一种很虚的东西,对于大部分的 UI 设计师来说,都是如此。

相信很多人都是在一家小型的互联网公司做设计,估计还是公司唯一的设计师,同时对设计风格又拿捏不定,总感觉是跟着产品经理或老板的思路去做设计。比如老板的要求是“大气”,谁 TM 知道这“大气”指的什么鬼?

即使花了不少时间去研究其他公司的产品,依然做不出领导满意的视觉稿,最后还被各个岗位的同事指点着去修改你一把屎一把尿喂大的稿子。

我上面也说了,其实这种事情(讲述设计风格)对于视觉设计师而言是一种很常见的现象。我身边也同样有很多设计师出现这个问题,不知道如何向领导或客户讲述自己的设计风格。

说个现象,仔细想想自己是不是这样的:我们在做视觉评审的时候,设计师讲述的常常是文字对齐、线条、高斯模糊、图片大小等视觉表现,有时候甚至沉醉于 icon 的角度及尺寸的问题。面对于产品经理与程序员的质疑只能说:我觉得这样更好看、这样比较适合我们产品的风格…之类的话。要知道,这些理由在如今这个以显性数字指标为衡量标准的互联网时代已显得苍白无力。

实话实话,想要把设计风格讲清楚,的确不是一件容易的事。但绝对要避免从感性的角度来阐述事实的这种习惯,毕竟现在的移动产品从视觉表现力方面正在逐步降低要求,这种环境的变化也是要求视觉设计师应该主动去加强设计思路的原因。

为什么要用这个颜色,为什么要用线条、模糊、留白、卡片、阴影…说这么多干嘛?别人能懂?即使听懂了,他也会从他的角度来告诉你:那我觉得这个阴影不要会更好。你怎么回复?

就像我说的,如果你针对你设计的视觉稿进行这种细致问题的解答,那么永远都不会有规范型的答案。视觉风格讲的是一个整体感受,这就需要我们从更高一个层面来解释这个问题。

接下来我将从以下 5 个维度来说说视觉设计师讲述设计风格的方法:

  1. 产品全局色系
  2. 系统图标
  3. 字体规范
  4. 图片的使用
  5. 视觉操作引导

1.产品全局色系

从全局色系的角度出发。如果你仔细分析过那些优秀的 App,你会发现它们的颜色使用的是非常谨慎的。当中绝大部分都只会用 3 到 4 个颜色用于突出信息的层次。就好比我之前写的那篇配色文章《用好 MD 你也可以做配色达人》一样,由主色、强调色、辅助色组成的整体色系,即一个产品的色彩风格。

这里需要注意的是,我们在阐述页面色彩的时候,不应该说:我认为红色比黄色更适合。而是结合这几种颜色组成的全局色系来说明这几个颜色的搭配能突出需求方想要的“时尚”或“大气”的要求。

这么做的好处是,需求方会认为你的说明非常的专业,不会随意修改你的 Idea 。更重要的是,你可以掌握主动权,而不是以“我认为”的方式作为被动方。

2.系统图标

说到图标,相信很多设计师都是去 Iconfont 等网站下载,筹齐一套直接使用。我之前也说过,系统图标的设计是考验一个设计师功底的重要条件,所以自己设计图标非常重要。具体可以参照我写的《图标设计的三个要素》这篇文章来做。

一款 App 需要一套易于识别的 Icon 来辅助信息展示,因此图标的风格能够突显出这款产品的整体风格。那么在讲述的过程中,你需要说明的是为什么你会使用这套线性 Icon 或填色 Icon,以及它所能展示的信息为何能够更符合你产品的风格。

而不是纠结这个图标的尺寸是多大,或者适不适合它所表达的意思,因为这些东西是在你讲述设计风格之前就应该定好的,它们由设计师来做决策,并不是在讲述设计风格的时候再去说明的(假如你在面试的时候如果说这些,面试官会觉得你的设计认知非常的基础)。

3.字体规范

字体是 App 界面中最重要的信息组成部分,相信这句话大部分都会认同,这也是大家一直争论为什么英文字体的排版比中文字体排版更好看的原因之一。

我们经常听到如:这个产品看上去很简洁、舒服、重点突出,而这其中最主要的原因就是文字的排版。

一般来说,我们会从产品的字体、字号、颜色等来说明字体规范,再重点去关注标题、文本信息以及引导信息的字体字号,通过设计对信息进行层次的区分,希望借此来引导用户的视觉焦点。

所以在说明设计风格时,要着重去提字体规范这块。

4.图片的使用

图片是 App 信息组成的重要元素,它的风格会很大程度上影响整体风格。所以每次有人给我发设计稿,叫我给点建议的时候,我都会说,先把重复的图片和文字修改了。一张设计稿,不要用同一张图片填充所有位置(同样不要用一句话填充所有文本段落)。

假如你在做日系风的外卖产品,你的图片风格就要统一,不要用百度上随便找的快餐图来作为视觉稿的展示。很多人以为这个不重要,认为这是后期开发再确定的事情,现在就是随便找张图去填充下。要知道,一张视觉稿能不能通过领导的审核,这些细节都很重要(即使对自己来说,也应该提升自身要求去作图)。

所以在讲述设计风格的时候,图片是起到至关重要的作用的。也许你想表达日系优雅风,结果在别人看来你所展示的却是阿富汗田园风。

5.视觉操作引导

我们期望的用户操作,最终目标是将其引导至我们想让他去的地方。对于电商类产品来说,这个目标也许是下单付款;对于社交类产品来说,这个目标也许是发送信息等等。

一款产品,每个页面都会有许多个行动点,设计师要做的,是将其进行层级的区分,即有主次感。好比广告,这些金主巴不得整个页面填满他们的广告,但是大家都知道这不可能,所以每个页面都需要进行合理的引导设计。

也许你觉得,视觉操作引导跟设计风格没什么关系,那你就错了。操作引导很大程度上会影响视觉风格的走向,如果我们要引导用户去执行某个操作,那么以上说到的所有元素所组成的框架,都需要重新修改。

所以你知道有多重要了么?当你描述完所有元素之后,最后说到视觉操作引导,那它们自然而然的就形成了这么一个页面,不需要过多的花哨说法;只要你前面说的四个维度顺畅且合理,那最后这个框架在需求方看来是无懈可击的,更不会轻易的让你修改当中的元素。

小结

虽然我只做了五个维度的说明,但相信大家已经知道如何去讲述设计风格的方法论。当然也不仅仅是从这五个维度出发去说明,要讲述的维度其实还有很多,这就需要大家自己去研究了。

通过这一系列的梳理,我们知道如何找到影响设计风格的关键因素。剩下的就是由你来告诉需求方,这些点形成了我们的设计风格。至于怎么说,上面写的很清楚了,好好思考下。

END.

#专栏作家#

呆呆,微信公众号:UDai-bl,人人都是产品经理专栏作家。交互设计师一枚,擅长交互动效、产品分析、数据分析、用户研究、行业分析等。痴迷阅读,希望有书友交流。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23620/

(0)
CatherineCatherine
上一篇 2017-05-06 03:19
下一篇 2017-05-06 05:14

相关推荐

  • 虚拟现实产品是更棒的交互体验吗?

    2016年12月,携程UED大会把虚拟现实技术作为论坛的核心主题,邀请了方方面面的专家,从技术,硬件,体验等各个方面来剖析VR这种创新的趋势。

    2017-05-09
  • 升级篇|上传作品,咱要包装一下

    上期简单地介绍了几点包装的技巧,这期再分享一波,接着上期,再深入的讨论一下关于包装的技巧。

    2017-04-29
  • 从一个活动来总结一下交互设计的心路历程

    作者:飞起就是一jio链接:http://www.jianshu.com/p/915c4ce32a01最近一直在做电商平台的活动, 大家都知道,电商app会经常做各式各样的活动,面对不同的活动类型,会有不同的需求和用户目标,怎样能够快速理解需…

    2017-08-03
  • 38个界面设计技巧

    1 尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文…

    2014-10-28
  • Axure RP 8软件安装视频教程

    Axure RP 8下载地址:链接:https://pan.baidu.com/s/1smi2vvf密码:l2oj安装中有问题请咨询私人微信:152374906801、双击打开此文件2、点击next3、选择i  agree然后点击next4、点击bowse更改存储位置建议不要放在C盘然后点击next5、点击next6、点击next7、等待安装8、取消勾选Run Axure RP 8,然后点击Finish9、打开软件的安装目录把复制的la...

    2018-03-04
  • 【炫酷动效设计】这就是为什么你的产品需要做动效设计

    随着国际大品牌苹果和谷歌的引领,最近越来越多的国内公司开始关注动效设计了,越来越多的团队已经意识到动效在产品用户体验中的重要性了,更多的射鸡师们也开始投身动效设计领域。 但是说到底,我们到底为什么需要…

    2015-08-13
  • 进阶必读的15本交互与用户体验设计经典书!

    今天小创整理了交互设计与用户体验设计领域的经典书单推荐给大家,不过真的想要在交互、用户体验领域的学习有所提升,除了读书外,多下载APP,多研究热搜榜上的应用,同时iPhone、Adroid等各类设计规范,是最好的交…

    2015-11-03
  • 对话式交互设计

    关注一下,更多精彩等着你1. 轮流表达在对话中我们基于互相来回传递的微妙信号进行轮流表达。如果会话中缺少这种有效的轮流互换,我们就有可能难以保持信息的同步或无法跟上对方的节奏。2. 对话串联在自然语言中,对话的所有元素通常会被连贯地串联起来,包括上下文以及随时间演进的对话方式。这种串联帮助我们跟进会话过程。能够理解欣赏笑话幽默的人都知道,在交流中的每个回合都要注意上下文的关联性,并加强整体的交流。3. 潜在效率人们经常会用简略的口语交流...

    2018-03-21
  • Axure RP 7.0软件安装教程

    如何在软件屋下载软件?目录查询编号首页回复编号点击链接输入密码提取文件点击查看详细步骤Axure RP 7.0安装资源下载地址:链接:https://pan.baidu.com/s/1rafwH1U密码:m6fo安装中有任何问题请咨询软件屋私人微信:wei-c-q-186软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。...

    2018-03-04
  • 设计中的交互设计——什么是交互设计

    上一篇我们探讨了设计的本质,结论是设计的本质是解决问题,满足人们的需要。有的朋友可能会问:工程学也是解决问题,比如造一座桥,就解决了一条河两岸的交通问题。那么设计和工程学有什么区别呢?这里我想补充一点:设计是漂亮得解决问题,即设计除了需要考虑如何为人们服务,还需要考虑以一种美观的、令人赏心悦目的方式来服务。因此,“漂亮”这个因素,也很必要。既然交互设计是设计学科里的一个分类,那么交互设计一定首先满足设计的本质:漂亮得解决问题。下面我们来...

    2018-03-13