编辑 | 土豆
授权 | 苹果ppt加蒙版我们的xg111net设计日记 （ID: helloskys）
一篇文章教你xg111net企业邮局太平洋在线下载学会如何做设计规范苹果ppt加蒙版。
设计没有体系化，做一个设计规范，把整个设计品质建立一个标准，不知道怎么开始？今天我分享下我经验，希望可以帮助到同样有困难同学苹果ppt加蒙版。
▍01. 怎么去做
那么如果我们刚去一个公司，或者刚接受一个烂摊子怎么去着手解决呢，我觉得做任何事情，先不要上来就去做苹果ppt加蒙版。这里分享3步去解决设计品质和设计统一问题。
第一步：梳理问题；
第二步：定义设计规则；
第三步:方案设计苹果ppt加蒙版。
接下来我会围绕这三步，和大家分享下苹果ppt加蒙版。
▍02. 第一步.梳理研究
展开全文
2.1、找不同部门的人聊问题
刚去一个公司，切忌上来就否定之前的方案，而大刀阔斧去做一些事情苹果ppt加蒙版。因为你不知道之前的情况。所以历史问题一定要了解。我们第一步要去和不同部门的人去了解业务情况。
聊的过程中，我们可以确定我们产品的所有历史问题苹果ppt加蒙版。并且在聊的过程中，我们可以了解不同职能部门对于设计规范一个标准和他们大概预期，方便我们在推动时候更顺利落地。
2.2、用PPT整理问题
我们了解完现状，就可以准备PPT，把现在线上的问题都列进去苹果ppt加蒙版。
PPT框架可以分为几个纬度：视觉纬度、交互纬度、体验纬度苹果ppt加蒙版。然后把相关问题页面截图进去。
在整理过程中，你会发现各种坑，系统化的发现问题，罗列在一起，一定会让老板大跌眼镜，并且也很想去解决苹果ppt加蒙版。
整个过程中我们也会发现一些交互不一致，交互重复流程问题，都可以归纳整理到PPT里，让 老板看的越清楚越直观，这样你在后面推动去落地也更顺利苹果ppt加蒙版。
那么接下来呢，我们就基于 Logo 设计相关知识点，来给大家进行一个简单的分享苹果ppt加蒙版。
2.3、对问题进行分类
经历前两步，我们基本就能把现有问题都梳理出来了，一般来说， 基本都是各个方面不一致，影响整体体验苹果ppt加蒙版。
其次，就是样式组件冗余，重复组件类似，组件使用规则不明确等问题苹果ppt加蒙版。
最后就是设计层次，设计原则比较缺乏苹果ppt加蒙版。
▍03. 第二步.确定设计关键词
前两步顺利的话，这个阶段就需要和产品、设计、运营甚至市场部的人一起来共建设计原则苹果ppt加蒙版。
阿里一般会去脑爆关键词，大家对于这个产品心中关键词是什么，一般会从业务理性关键词和设计感性关键词去出发苹果ppt加蒙版。
讨论完关键词后，我们就能定下来大概的设计目标关键词，这个关键词是和所有的产品，运营以及合作方一起确定下来苹果ppt加蒙版。然后基于这个方向，进行视觉探索。
确定好关键词，就开始基于这个关键词进行视觉风格探索，探索我使用的情绪板， 在pinterest我建立了一个文件夹，去收集相关的图⽚苹果ppt加蒙版。从⼈、事、物等纬度上去思考。
▍ 0 4. 第三步. 关键词的视觉探索
确定好关键词后，就开始 基于这个关键词进行视觉风格探索，探索我使用的情绪板苹果ppt加蒙版。
4.1、从人、事、物的纬度去找灵感
建立好板子后，我们开始从人的纬度去探索灵感，去看看哪些人物能给我们万里挑一的感觉，去寻找这种视觉调性苹果ppt加蒙版。
那么我们可以从这些图片灵感中，大概能寻找一些灵感，比如高傲的，性感的，有魅力的，炫耀的这些人是能传递出万里挑一的视觉感受苹果ppt加蒙版。
那么什么事情有万里挑一的感觉呢，比如独立旅行，去冲浪，去环游世界苹果ppt加蒙版。
4.2、 从形色字体质等纬度去找灵感
我们从设计中也能获得一些灵感， 比如具象／简洁／平面一些设计苹果ppt加蒙版。
极简的线条，大面积留白，以及一些流动的色彩，比较外放的颜色，微质感苹果ppt加蒙版。
设计上比较硬朗，黄金比例，有细节，有层次，比较能传递出万一挑一的视觉感受苹果ppt加蒙版。 简约的点线底纹能传递出高级感，能传递出独特的气质。
同时我们也可以通过一些图形灵感中获得， 比如黑白的配色，简单的线条，会让设计有高级感苹果ppt加蒙版。这些灵感都可以沉淀到后面的设计手法过程中。
上面只是一些我简单的思路，更多思路大家可以从我pin里面去看看苹果ppt加蒙版。 简单理解就是一个关键词，从人，事，物，形色字构质，这几个纬度去落地，去探索灵感。
▍ 0 5. 第四步. 利用原子设计方法做规范
在很多大公司设计一套界面规范，经常运用到的一个设计方法： 原子设计理论，原子设计理论是2013年Brad Forst提出此设计概念，原子设计是一个设计方法论，由五种不同的阶段组合，创建一个有层次、更规范的设计规范系统苹果ppt加蒙版。
这种方法的关键思想是， 小的独立原子部分可以组合成更大的分子结构苹果ppt加蒙版。分子结构可以组合成更大的生物体，然后可以作为模板和全页的基础。
5.1、如何进行原子设计苹果ppt加蒙版？
原子设计关键关键的五个概念：原子、分子、生物组织、模板、页面苹果ppt加蒙版。
原子：为UI设计构成的基本元素,文字大小，颜色，标签、输入，分割线，头像或是一个按钮，也可以为抽象的概念，例如色调等苹果ppt加蒙版。
分子：由分子构成的简单UI组件
组织：相对分子而言，较为复杂的构成物，由原子及分子所组成苹果ppt加蒙版。
模板：以页面为基础的架构苹果ppt加蒙版，将以上元素进行排版
页面：将实际内容（图片、文章等）套件在特定模板
以下我利用微信小程序的设计组件规范来和大家分享什么是原子理论苹果ppt加蒙版。
5.2、设计原子
正如前面所有，这个世界里所有元素生物都是由基础的原子组成，那么原子是最小的生物，原子是我们系统的绝对基础苹果ppt加蒙版。 原子包括调色板，分割线，字体，单个元素（即标题，段落，按钮等）这些元素有个特点就是最小元素不可再切割。
5.3、设计分子
分子是由原子组成的，在界面中，分子是作为一个单元，可以组成UI元素的一个组件苹果ppt加蒙版。
列表组件（分子）是由icon和文字，分割线（原子）组成，合并成了右边的列表苹果ppt加蒙版。
卡片组件（分子）是由图像，和文字，图标，分割线（原子）组成，合并成了右边的 卡片组件样式苹果ppt加蒙版。
上图这个组件也是，通过组合的方式我们能设计出整体的组件库苹果ppt加蒙版。
5.4、设计模块
组件是我们开始看到界面组合在一起的地方苹果ppt加蒙版。通过组合分子，我们可以构建更复杂但可重复的产品。
支付宝的弹窗组件页面，也是通过分子组件组合在一起了，让设计师在用的时候直接方便调用苹果ppt加蒙版。
5.5、设计页面
将实际内容（图片、文章等）套件在特定模板，你可以理解为这页面就是用户最终看到的页面，每个页面由将实际内容（图片、文章等）套件在特定模板苹果ppt加蒙版。
比如支付宝的空白页面，所有的元素，如导航，吉祥物，按钮文案进行组合，直接成为了一个完整的空白页面苹果ppt加蒙版。这个页面其他设计师就可以直接去调用，无须再重复设计。
以上那5个概念是原子设计的5个基础，在我们的设计中，我们必须创建可重复使用的设计模式为系统规范，并能准确的将内容放在这些规范系统里面苹果ppt加蒙版。
同时原子设计，最大优点之一是 能够在抽象和具体之间快速转换苹果ppt加蒙版。我们可以同时看到我们的设计元素简称为原子元素，还可以看到这些元素如何结合在一起形成我们的最终页面体验。
▍06. 第五步.插画系统
随着插画在设计中的运用越来越广泛，在设计品牌系统时候，插画也需要思考进去，需要构想什么样风格？所以你的插画一定要定义好规则和规范苹果ppt加蒙版。
比如奥迪设计规范明确的规定了插画风格采用黑白风格苹果ppt加蒙版。在很多场景都进行落地贯穿。
UBER设计规范也是，对插画风格进行了详细定义，基于关键词定义插画风格苹果ppt加蒙版。
对于插画的绘画角度技巧都进行规范苹果ppt加蒙版。
案例的举例示范，插画的运用在品牌中起着至关重要的作用苹果ppt加蒙版。
以上就是一个设计语言系统的一个大概的流程，当然方法和落地还是两回事，设计语言做完后只是开始，因为后面有落地实现，有研发，有需要更新维护等等，这些都是需要设计师不断去跟进，设计语言的目的是提升设计效率，同时解决开发效率苹果ppt加蒙版。需要不断去优化和调整。
▍最后
希望这篇文章能让大家有所收获，平时我们还可以多去看一些大厂的设计语言，包括像阿里、京东、苹果等等，去吸取和借鉴苹果ppt加蒙版。
— 点击图片查看更多设计职场书籍 —
今天的文末福利： 以上 18份中西文字体搭配清单 全部送给大家苹果ppt加蒙版。感兴趣的小伙伴快来领取吧 !
领取方式如下：
1.首先在文章底部点个赞 和 在看
字体搭配，小编会 将下载地址发给你 （小编不是机器人，回复会慢一些，大家稍等 ）苹果ppt加蒙版。
提前加好友苹果ppt加蒙版，朋友圈每日放送更多有价值的设计资源
关注设计圈视频号苹果ppt加蒙版，获取更多有趣有料的设计知识
#进设计群#
设计圈交流群：仅对星标“设计圈”公众号的用户开放苹果ppt加蒙版。添加上方领福利的小编微信备注「设计群」加入。
