如何用正确姿势阐述你的设计风格

  公司做设计,估计还是公司唯一的设计师,同时对设计风格又拿捏不定,总感觉是跟着产品经理或老板的思路去做设计。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

  随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

  每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

  今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...

  你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

  当我们需要设计任务型功能的时候,除了基础的线框图和交互,更需要提前搞清楚整个功能的内部逻辑流程,简称功能逻辑图。 举几个大家熟悉的任务型功能作为例子,方便大家理解概...

  如何设计一个简单的新闻聚合产品?文章介绍了制作极简的新闻聚合产品的7步骤,好奇的你和我一起来看看。 你知道在三四线的县城,用户在哪里看新闻么?不是在今日头条里,而是...

  当你面对两家售卖同样品质、有着同等价格的咖啡店铺,服务设计的意义在于让你走进其中一家而非另外一家。 目前,在国内服务设计一词被很多从业者注意到,并在近几年得到了广泛...

  霓虹色真的是让人又爱又恨的一种设计元素啊。作为设计趋势,你会看到别人的设计中,霓虹色的运用是如此的帅气和炸裂,可是自己上手的时候,却一下子将逼格拉回到80年代,尴尬...

  老年用户群仍然有巨大的增长潜力。但就像其他任何用户群体一样,老年用户需要我们设计出符合他们需求的体验。随年龄而产生的局限意味着,数字科技中一些常规的吸引用户手段对...

上一篇:实战经验:客户不信任你的用户体验设计的6个原
下一篇:新闻动态网络信息安全的概念

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!