美文网首页
设计系统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:设计语言框架

    设计系统是一种语言,一种沟通工具,就像英语或者西班牙语,这些日常用语都有一些规则指导一个人和另一个人的沟通。设计系...

  • 基于Java实现的中文分词系统设计与实现

    目录 1.问题描述 2.相关工作 3.系统框架和算法设计 3.1系统整体框架 3.2基于HMM模型分词算法设计 3...

  • 京东、阿里大型互联网必备B2C商城项目实战

    B2C商城项目实战 撸起袖子干实事,项目经验那点事 系统设计 架构设计 数据库设计 部署设计 基础开发框架讲解 用...

  • 程序员升级必读书籍

    程序设计 1、理论 基础理论:深入理解计算机系统(第2版)、计算机系统概论(第2版)编程语言理论:程序设计语言——...

  • 微信小程序笔记(一)

    WXML WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统...

  • 微信小程序 WXML

    WXML WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统...

  • 2018-02-09

    WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建...

  • WXML基础知识

    WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建...

  • 小程序的视图层

    WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建...

  • 微信小程序开发|页面文件 wxml

    WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建...

网友评论

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

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