如何定义一套设计语言1-设计准则

2019-08-07  本文已影响0人  来自远古的喵先森
成熟的设计语言

设计语言,近来比较流行,关于设计语言的参考也特别多,最出名的莫过于苹果的Apple HIG和谷歌材料设计Material Design,也是设计语言的鼻祖,下面我将对设计语言,如何去创造一个设计语言,设计语言包含什么,通过几期分享逐步拆解

为什么需要设计语言

1.对内

对内 

  上图,应该是很多设计团队都有的情况, 一个按钮很多尺寸,颜色,大小,有时候我们已经有了规范,但是,各种业务方强※,要个性化,要不一样,导致整个APP设计 变的很混乱,这是我们设计中经常遇见的,很多APP因为缺少这是基础原则,导致我们的APP界面每个页面都不一 样,设计师都是按照个人的主观经验做设计,导致风格层次不齐,缺乏统一性,所以对内,很多时候设计语言 是为了解决统一性和效率为前提下,避免开发工程师重复开发一些组件!

2.对外

对外

对外,统一的品牌符号,品牌特征,有助于加深产品在 用户心中的印象,统一的颜色和交互形式能帮助用户加 深对产品的熟悉感和信任感,一个好的设计语言本身可 以在体验上为产品加分,试想,当你走进星巴克的时 候,发现LOGO变了,咖啡的包装换了,是不是会觉得是 山寨的感觉,就好比我们在国内去华莱※,吃东西时候虽然都是同样的薯条,但是总感觉是山寨!好的规范,能够更好创造一致性的体验。

设计语言能解决什么问题

①一致性:在整个平台创造一致性

②明确设计原则:让每一位设计同学都清楚,我们的产品需要传递给用户的东西是什么,以及整个平台的约束是什么。

③效率:更好的提升效率,减少重复性工作

④多平台统一:我们现在处于一个各种设备百花齐放的社会,各种设备繁多。

设计语言包含什么

一套完整的设计语言包含设计原则、色彩系统、图形、栅格系统、字体、投影、图文关系这些组成部分。

设计语言的核心内容-设计原则

设计原则包含了一个公司的产品定位以及企业价值观,是设计语言的灵魂

APPLE HIG

Apple的设计规范,这个比较出名,每一个接触UI的同学都该先去学习,苹果的设计规范包括:完整性,一致性,直接操作,反馈,隐喻,用户控制等几个设计原则

同样的,在facebook的设计原则语言里面,也首先强调了他们的设计价值观:通用,人性,干净,统一,有用,快速,透明,在facebook所有设计中,都围绕这几个点去作为他们设计指导准则

facebook设计语言

airbnb设计语言

Airibnb在建立他们设计语言之前,先根据整个产品公司 定位,价值观,先得出他们整一个设计语言的关键词:

old

统一:每个设计应该是统一的,不能有太多个性差异化的特征

关于内容:用户应该更多关注的是内容,而非设计本身

确定的:在设计中减少不确定的因素,和预期

2019

统一:每一部分都是一个更大整体的一部分,应该在规模上对系统作出积极贡献。不应该有孤立的特征或异常值。

通用:Airbnb在世界各地被广泛的全球社区使用。我们的产品和视觉语言应该是欢迎和容易接近的。

标志性我们专注于设计和功能。我们的工作应该大胆而清晰地谈到这个重点。

对话式我们的动作让我们的产品焕然一新,让我们能够以易于理解的方式与用户进行沟通。

由此可以

所以我们在建立一个设计语言的第一步,应该先建立一个设计准则,关于设计准则如何定义,我会在下面和大家详细讲解。

如何敲定一个设计原则?

1 提取设计原则的一级关键词

提取一级关键词

第一步,我们先要去提取出关键词,这个关键词怎么来,有几种方式获取,第一个从我们整个公司战略出发,任何一个产品一定有他的战略,品牌战略商业战略,举个例子!假设我们是eaby,我们的整个公司今年战略是全球化,高品质,正品,那么这个就是一级核心关键词!我们所有的设计语言一定要和公司战略结合起来,可以理解微战略关键词是整个设计语言顶部金字塔

2.运用情绪版提取二级关键词

我们有了一级关键词后,需要去思考,那么什么样的设计能给人全球化的感受呢,什么样的感觉能有高品质感觉,正品应该传递什么样的感觉呢?此刻需要用到第二个方法就是情绪板,不知道情绪板同学,可以百度搜索情绪板设计方法,总之,我们需要通过情绪板去把这些符合这些关键词感受的图形具体化

高品质的特征是什么?

下图是一组日本一组花茶设计,那么在这组设计中,设计师是如何体现高品质呢?

首先包装很精美,耐看,设计简单简约 做工精良,源于富士山下 采摘环境很透明,值得被信任 品茶的过程也特别让人向往,很有仪式感 整个设计很完整,设计感很足 二级词汇拆解

通过以上一些案例拆解,我们能对这个局品质的关键词有更加进一步的理解,高品质原来在情感层面是一个这么抽象的感觉?但是很多同学会问,那么这次二级词汇也很抽象,我如何靠这个来做设计呢,太抽象了,很难去理解,表达,别着急,还有下一步?

高品质设计表现形式?

那么关于高品质在视觉形式上如何来体现了,那些设计感觉能代表高品质呢,这个时候就需要我们去寻找一些设计参考, 一些好的设计案例,这些案例,要能代表高品质

✅好有品质清晰的图片


❌牛皮癣,不精致不可取


✅优雅的排版和留白,文字清晰,杂志感受


❌图文密集杂乱,缺少板式


✅精致的布局栅格体系,品质感十足


❌缺少板式,设计感太差 ✅有设计细节,有节奏


❌无细节,无设计感


✅配色合理,简单清晰


❌配色山寨不可取

设计分层

以上就是我们从一个战略关键词逐步推导到一级关键词,以及二级关键词,到设计手法,以及对应设计表达,推导的一个全过程。

总结

以上大概微一个设计关键词的,全部推导过程,到设计手法的确定,也是设计语言里面最难的部分,后面的关键词也是类似的思考方法和思路,最终通过推导我们需要得出每个关键词的情绪图,以及对应设计特征,以及最终需要在界面中展示的形色字构质,一个完整过程!

比如国际化,同样通过前面思路,我们需要去思考国际化如何在设计中体现,需要我们能去提炼出代表国际化的象征物,如地标,国旗,邮戳,货币等等,包括如何在界面中融于国际化元素,以及人物和节日场景

最后

希望大家可以通过我这期的分享,能够详细理解到如何从公司战略层,提取到核心一级关键词,到二级关键词,以及对应的设计手法,对应到形色字构质!

See you next month !

上一篇下一篇

猜你喜欢

热点阅读