最近参加“我们的设计日记”已有半年已久，不断的学习充电，以使自己走了不少捷径，本次的复盘是做好设计，什么能力最重要？

设计行业天天都发生着翻天覆地的变化，随着网络的不停发展，我们也在不断的学习新得技巧和趋势。但同时也要明白，设计中的那些基础UI准则，才是好的趋势和风格建立的基础，今天我就总结一下做好设计的最重要能力之一：

一.视觉层级的确立

视觉层次可以理解为：对界面元素进行区分，在用户进入界面的时候，吸引用户的注意力，使用户的注意力始终集中在页面的关键地方。但是今天没有一个方法可以一直控制用户的注意力，就像今天我们做设计一样，不同的产品要用不同的设计手法去体现，才能达到帮助用户分清主次的作用。

其实，视觉层次不仅仅包含文字，他还有图片，视频按钮以及文字以外的视觉元。所以当我们设计网站的时候，除了注意颜色，排版，图片，还可以通过以下的方式使设计层次更清晰，希望可以帮到你们。

二.运用尺寸大小建立层次

大小是建立视觉层次非常重要的方式。这里的大小不仅仅是文字还包括图片，插画，图形等。作为设计师我们必须了解屏幕上每个元素的优先级，根据优先级来判断它的使用大小。

当我们谈到设计尺寸的时候，相信很多设计师会和我一样有过被要求各种元素放大的经历，确实大的元素能更好的吸引用户，但是当元素越大，其实设计的复杂性也越高。所以在设计时还需要更注意整体的节奏，把握好一个度。

如上图插画的比重很大，在设计这种大的元素时，其中每个元素比例和细节处理都被同时放大了。我们可以看见这幅插画四周还运用了很多元素，让页面达到平衡，同时这个画面和旁边的文字场景也很好的融合在一起。一个好的设计一定是通过视觉手段让用户理解信息更加准确。在看完页面文字的图片后，很自然地引导到此次活动的优惠力度，这才能算是一个很引人注目的设计。

三.运用色彩建立层次

颜色在视觉层级中扮演着非常重要的角色，设计师可以通过颜色来传递信息的内容，同时也可以引导页面内容，色彩在心理学中有着很重要的作用。比如黑金给人的感觉时尊贵，糖果色给人的感觉是小清新，甜蜜；红色能吸引人注意等等，作为设计师的我们需要对不同的色调，不同色彩进行细致的组合搭配，以掌握对色彩的了解。

四.运用文字大小建立层次

在这个海报里采用一个衬线体非常有品位，通过字体大小，和字重对比，再配合物品的行业属性，页面非常的简洁大气，有对比有细节。

无论是产品介绍，还是详情页，都是采用字重和字体大小对比，适当的一些留白，来打造层次，字重和大小，也是设计师常用的建立层级的方式。

除了字重以外，还可以用字体透明度来增加层级，一般是黑色搭配灰色使用，再加上字体大小和字重整个页面层次会更加清晰。如以上界面设计，标题是纯白色，辅助说明文字字号小4号，同时颜色不透明度降到60%，这样设计页面层次增强了很多。

我之前在做界面的时候，喜欢字体一个颜色用到底，这样会显得界面粗糙，也没有层级感。但是运用好我上面说的字体大小，颜色，字重等对比其实节奏很容易能做出来。

四.最后

视觉层次还有很多表达方式，比如运用重复，间距等等方式，希望大家每天都能比前一天进步一点点～

Powered by Froala Editor