美文网首页
设计系统2:设计语言框架

设计系统2:设计语言框架

作者: Woody_Wu | 来源:发表于2017-09-30 16:45 被阅读27次

    设计系统是一种语言,一种沟通工具,就像英语或者西班牙语,这些日常用语都有一些规则指导一个人和另一个人的沟通。设计系统就是一种允许设计和开发人员互相沟通的一种语言。通过精心的制作和有期许的凝聚力,它可以让你的品牌与用户进行交流。

    如果设计系统是一门语言,那么产品就是一场对话。一场你的品牌和用户之前的对话。

    如何构建设计语言,这里有三个步骤。

    步骤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

    相关文章

      网友评论

          本文标题:设计系统2:设计语言框架

          本文链接:https://www.haomeiwen.com/subject/szgdextx.html