认识达内从这里开始

作为一个设计小白，没有任何优势，怎么进大公司?每一个设计师成长都要经历新手，到入门到高级到专家的过程，而且他又没用捷径，拼的就是实力;选择了这一行，意味着你要做很多取舍，你要想比别人进步快，你就需要比别人做更多。 今天和大家分享一些我个人平时的设计积累和实践。

掌握设计基础

在做UI设计之前，我们必须掌握一些基础的设计知识，了解一些基础设计原则，和一些常用设计技巧。比如色彩，排版，颜色，网格等等。下面我分享一些你需要去巩固和加强学习的点。1.色彩情感

关于色彩必须去研究几个点:色彩的含义，色彩 心理学，以及色彩的一些基础理论，这些在历史的文章里面其实都有写过。大家抽空去看一遍就能了解。

比如红色是非常热烈的色彩，在国内，红色是繁荣与幸福的颜色，尤其是婚礼这些喜庆时刻，会大面积运用到;但是在西方世界里面，红色却与火、暴力、战争有关。在南非红色还是哀悼的颜色，所以了解色彩心理学对于我们设计中特别重要。

▲比如在网页里面，红色的使用非常的充满活力。在设计里面，红色代表很强烈的颜色，如果你设计里面红色运用过度，会非常炸裂。在设计中红色也与重要性相关，比如电商里面红色代表行动点， 立即去购买等等，还有这着警示或者提醒的作用。

▲红色也能让页面非常的潮酷。所以作为新手设计师，第一步我觉得是需要了解不同颜色的含义，并将他们合理运用到不同场景里。2.网格系统

网格系统是解决设计结构和排版问题的，通过网格我们可以布局内容，同时让信息一致性最有效的方法，网格就像是一种看不见的胶水，将设计粘在一起。特别今天我们的所有信息都被屏幕占据，手机、平板电脑、电视、手表等等。多屏幕设计时代，如何满足这些设计的一致性，网格就能帮助我们做到这点。

▲在谷歌的材料设计规范里面，网格系统是很重要的组成部分，越来越多的公司也开始重视起网格。所以新手设计师对于网格一定要抽时间去研究学习，这里我也准备了一些网格的文章给大家，都是实战过的，星球也有对应的网格打卡，大家可以到时候跟上。3.格式塔原则

格式塔原理是设计排版最基础的内容，基本做UI设计都会运用他去排版，格式塔原理包括相近原理，相似原理，对称原理，焦点原理，主体背景原理，连续性原理， 封闭原理，过去经验原理等等。

▲相似性原则:我们会潜意识把更紧密的事物归属一组。

▲相似性原则运用:淘宝网导航菜单就是运用这种原则， 根据产品类别一致，进行同类分类，这个就是运用的格 式塔紧密设计原则。

▲封闭性原则:视觉系统自动尝试将敞开的图形关闭起 来，从而将其感知为完整的物体而不是分散的碎片。

▲封闭性原则运用:我们会自动将这些不完整的图形在脑 海中封闭起来，形成一个整体图形。如图中海报，虽然文字被遮挡了一部分，或者被一些图形分割了，但是我 们脑海中还是会自动脑补出设计画面。

▲连续性原则:我们的视觉感知系统倾向于连续性，视觉系统倾向于感知连续的形式而不是离散的碎片。

▲连续性原则运用:Pinterest和ins虽然卡片被下面截断了，但是我们还是会认为它和下面内容是一组的。

▲焦点原则:一个一面只有一个核心，一个眼睛，引导用户去关注你想表达的重点。

▲焦点原则运用:少即是多，苹果的很多产品就是运用一个焦点，做到画龙点睛的作业。

▲地面原则:我们的大脑将视觉区域分为主体和背景，主体包括一个场景中占据注意力的元素，其余都为背景。

▲地面原则运用:如上图案例中，我们视觉会自动将红 色，绿色，蓝色当做背景，页面的几何图形会当为主体，用户的注意力也在上面，在平时做设计时候需要去营造这种空间和层次感。

格式塔是设计很重要基础之一，来源于20世纪的德国，也是作为设计师必须掌握的设计原则，也是你做设计的第一个需要掌握的设计基础。

4.字体设计

字体这块主要了解常用的移动端字体，以及设计规范时候字体的节奏怎么去定义，因为不同的字体的情感是不一样的，以及UI中常用的数字字体有哪些，常用的品牌营销字体有哪些。

▲字体包括字体的结构，不同的字体能传达出不同的情感。要考虑在设计时候如何选择字体?字体的感觉是否和你产品的调性契合。

▲不同字体之间的组合是什么样?数字字体，英文字体，品牌营销字体，app的字体等等。这些都是需要思考的。

▲同时如何创建字体节奏，阅读场景什么字号最合适，以及字体的行间距，字间距怎么定义?

5.学习对比

对比也是设计的基础，如何运用对比，让页面更加有吸引力，让内容更加清晰。对比也是加强信息层级非常重要的设计原则。

▲苹果的经典广告iPod在设计上就是运用了对比，在彩色的背景上用黑色剪影轮廓展示。同时iPod耳机以白色展示，在彩色背景上非常清晰可见。对比在设计中无处不在，做设计时候，你需要思考，如何建立对比?是通过纹理，版式，颜色还是形状?如何要通过排版实现对比，该使用什么样的字体?这些字体怎么选择，大小如何界定等等。

了解常用设计思维

设计思维是帮助我们更好的做出符合用户诉求的设计，而不是我们的自己YY;那么就必须了解用户，了解商业，了解用户的行为特征。所以我们设计师必须了解设计思维，并且掌握一些基础的用户思维。这里分享一些业内比较常用的设计思维方法。1.阿里五导家思维

阿里五导家是阿里提出的，互联网产品设计是设计一整个链路的体验，视觉和交互只是其中一部分，为了鼓励设计师站出去，能够更多影响业务，需要设计师来设计一整个完整的流程。因此提倡全链路设计师，需要一个方法来推动这个事情变革;于是就有了五导家。

▲五导家第一步是，了解业务诉求，只有了解我们 的用户，才能设计出符合用户需求的设计。同时 才能解决问题问题，最终帮助公司带来商业价值。设计师在这中间就是一个翻译官的角色，如 何将商业的内容合理的传递给用户，同时在这个 过程中用户能看懂，这点很重要。

▲五导家第二步是，站在用户的角度去思辨业务， 从而丰满为用户带来的核心价值，这里会用到场景故事，情景假设，故事版，用户体验地图等方法，去帮助洞察出用户的使用痛点。

▲五导家第三步是，定义业务目标，聚焦设计目标，根据对业务梳理，用户价值理解。然后制定出实现目标的关键路径。▲五导家第四步是，设定衡量设计目标的数据指标。如何证明你设计对错，一定要是有可以衡量的标准。设计也需要通过数据说话，不同的产品衡量标准不一样，有的用户日活，有的是活跃度，有的是用户注册率等等。确定了衡量目标才能最后验证这个设计是对是错。

▲五导家第五步是，根据设计目标构建设计方案，这里的解决方案一切是围绕设计目标的，根据目标A在交互上，在视觉上如何解决的，前后必须完美匹配。很多人在这个环节容易出现问题，导致设计目标和最后的方案关联性不大。阿里巴巴1688团队出过一本讲五导家的书叫《U 一点》感兴趣的同学可以去看看。2.谷歌冲刺方法

Design Sprint是谷歌团队总结的一套设计穿线管方法，通过5天和6个步骤:理解-定义-发散- 决策-原型-验证等几个环节，帮助产品快速完成迭代。解决传统的效率低下，缺乏验证的传统设计流程环节。这个方法适用于各行各业。

谷歌冲击核心分为6个阶段，每一个阶段都是环环相扣的，完成其中一个进入下一个:1.理解:理解项目背景、用户需求、业务需求、现存问题等2.定义问题:定义好要达到的目标，产品目标或 者设计目标3.发散:发散思维，集思广益，尽可能想出多样化的解决方案4.决策:共同协商决定其中一种最好的方案5.原型:把方案通过原型具体表现出来，或demo6.验证:找利益相关者或者相关用户进行验证关于谷歌冲刺的书籍也有很多，包括线下也有很多的工作坊讲，大家有兴趣也可以去看看。3.其它方法方法还有很多，比如大家熟悉的用户体验地图，用户移情，鱼骨分析法，产品经常使用到的设计模型双钻方法，四象限吸引力法则等等。

设计思维是一个灵活，使用和总结方法的过程，你不一定要掌握很多，我们应该把设计方法理解为一个正确做项目的方式。设计过程也很重要，没有一个好的过程就没有一个好的结果，过程能帮助设计师更好的去完成设计。