设计风格养成|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

相关推荐

  • 做你女朋友,用户体验太差了

    关注黑白每晚睡前一篇暖心好文等你文 / 李月亮来源 / 李月亮(bymooneye)●●●●●01见过一个不会谈恋爱的男生。是我前同事,颜值和收入都很高,当时坐在我隔壁桌。他跟女友打电话的画风通常是这样的:“破圣诞节有啥好过的,别整那洋事儿,老老实实在家待着吧。”“后天啥日子?你生日?你有啥要求?我这有张购物卡,你拿去自己买点东西吧。哎呀谁买不一样!”“你能不能别工作时间给我打电话啊,我忙得要死还得伺候你。”“有事说事儿!没正事儿是吧?...

    2018-04-30
  • 实例解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(...

    2018-03-16
  • 如果你想成为一名交互设计师

    第一篇:Cooper《如果你想成为一名交互设计师》    我们收到很多来自学生和可用性从业者的邮件询问如何成为一名交互设计师,需要什么样的背景才能进入这个行业,怎样才算优秀的交互设计,需要什么样的实际技能和经…

    交互专题 2016-10-26
  • UED 戊戌狗年第一波招聘已送达!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-02-28
  • 总结|2017年的5个网页设计趋势

    几何图案与全屏背景图结合、灰色的高级用法、色彩叠加……这篇总结的这5个网页设计趋势,其实在年底就初现端倪,所以2017年大面积运用几乎势在必行,想不落人后记得打开阅读哟。

    2017-05-08
  • 瑞昌2018年3.31-4.6一周企业招聘信息及待遇......

    【招聘信息】客服招聘企业:精彩网络科技详细地址:江西省瑞昌市摩恩大厦8楼801岗位要求:女性/中专/技校/1-3年工作经验 /30岁以下职位要求:会办公软件,联系人:范联系电话:18079284619【招聘信息】美容师,学徒招聘企业:汉娜尚妃美容中心详细地址:阳光国际,大唐岗位要求:女性/学历不限/经验不限 /35岁以下职位要求:汉娜尚妃美容中心高薪招聘一、店长2名,底薪2000+提成+业绩+奖金,总工资5000一7000左右二、美容师...

    2018-04-08
  • 怎样才算是好的用户体验?

    说今天是一个体验为王的时代,一点也不过分。做大众消费品的人可能已经感觉到,今天消费者的话语权越来越强,如果你的产品做得好,不久就会口口相传;如果你的产品做得烂,不久就会骂声一片。所有这一切在过去是不…

    2014-10-28
  • 十二条动效体验原则

    如果你想要了解更多背景信息,建议先阅读我的前一篇译文《动效的基本常识》,其中介绍了动画与动效的差异、即时与非即时的定义、动效提升可用性的四种方式(可预期、连续性、表述性、关联性)、以及理论、手段、属性与值之间的关系。

    2017-04-28
  • 帐号与登录那点事

    帐号对于每一个互联网网民都是不陌生,只要我们还在上因特网,就几乎离不开帐号。有关帐号系统与登录方式的设计,成功与否,直接关系到用户利益的保护以及对服务的体验。如果是一个注册流程各种不顺畅,登录状态不稳定的服务,用户迟早是要用脚投票的。 也不知道什么缘由,自打入行以来,就参与好些项目的帐号系统建设,从最基础的用户名密码到标准OAuth再到关联登录,中间自然也是踩着各种坑走过来的,所以也算有感而发,整理之,记之。

    2017-05-30
  • 交互设计中的“无意识错误”:如何帮助用户防错?

    在提高可用性的建议中,如何优雅、清楚的告知用户哪里出错了是非常重要的。当然,如果能够一开始就避免他们犯错是最好的。在讨论用户错误时,一个重要问题是在什么情况下指出用户的错误。「用户错误」这个词似乎暗示用户做错了某些事情,但不仅如此,设计师也犯下了错误,因为他们让用户轻易的做出了错的行为。所以,解决用户错误的方法不是指责用户,让用户再认真一些,或者给他们更多的指导练习,而应该是重新设计软件,让犯错变得困难。两类用户错误在讨论如何避免犯错之...

    2018-03-02