设计系统是一种语言,一种沟通工具,就像英语或者西班牙语,这些日常用语都有一些规则指导一个人和另一个人的沟通。设计系统就是一种允许设计和开发人员互相沟通的一种语言。通过精心的制作和有期许的凝聚力,它可以让你的品牌与用户进行交流。
如果设计系统是一门语言,那么产品就是一场对话。一场你的品牌和用户之前的对话。
如何构建设计语言,这里有三个步骤。
步骤1-理念:
一个成功的产品不会脱离品牌存在,一个品牌就是你的用户和消费者想象中的你的样子,他们是如何看待你的。当提出品牌定位时,我们总是将品牌想象成一个实际的人,如果他坐在我们旁边,我该如何喜欢他们,他们的个性是什么?你必须从这里开始,因为他将驱动你后面所有的设计方向,一旦你拥有了品牌定位,你可以开始拟定设计原则,当你在做设计的时候让其一直保持在脑海中。在提出设计原则的时候,要时刻考虑用户的需求。下面将会做一期关于品牌,营销和市场在UX中的重要性,因为我认为他们在整个产业中被忽略了。
步骤2-语法:
在前面我们讨论过这一部分,你可以将这些看作是语言中的语法。这一步是将UI进行解剖。
颜色:主色调和其他色调各是什么?
字体:你的字体样式是什么?
空间:你的UI尺寸是什么?是否响应式?
图标:你的图标是如何定义的?
你的设计原则和品牌定义如何在这四个里面去体现?是平等的吗?记住这四个部分中的每一个部分都有可能被改变。然而,你应该有一个框架去定义他们,当你解析UI结构时,你将对这些值进行最小的整理。
步骤3-单词:
当你已经熟悉解剖UI元素时,创建UI元素应该是很简单。你可以把这一步看作是你语言的词语,设计师把他们组合在一起形成惊人的体验。就像歌曲的作家和文学作家一样用语言来创作。这很重要,因为他让设计师不再担心页面的组成,而去关注用户的需求,他们的体验,和这种体验存在的原因。这些词语最常用的就是NavBars,input fields,list items等等。
恭喜你,现在你是一个多元的,然而你的工作还没有结束,每一种语言都需要一个词典。这个词典我们把它叫做UI KIT。
只有自己会说的语言是没用的,不是吗?
原文地址:https://medium.muz.li/crafting-a-new-visual-language-912d3ac8df43