UI界面设计的经验

  没有人生下来就会做设计，大部分UI设计师都是从摸索开始的。但即便开始困难重重，我们依然可以经过从各类书籍和文章中了解到颜色、排版、布局的各种设计知识。今天赣州天琥设计培训学校分享几个关于界面设计。

  当我们需要区分信息层级时，只是单纯地让标题变大通常不能解决问题。就像这样：

  信息层级不能仅仅靠字体大小来区分，而是字号、字重的字体颜色等多方作用的结果，使层级区分得越明显越好

  所以，如何区分信息层级呢？

  （1）. 不要仅仅是字号不同（字体字重都相同）

  （2）. 用更粗的字重和更深的颜色来突出主要内容，用相符较小的字或更浅的颜色来弱化辅助信息

  （1）. 预设好浅中深三种字色，通常我会用中等的颜色作为我正文的字体颜色

  （4）. 不要吝啬拉大字号差距（例如标题24px，正文16px，辅助信息10px）差距越大，层级区分越明显

  （5）. 用 Modularscale 这款在线字体计算器可以帮助你生成合适的字体层级

  后，要记得检查字色的对比度，可以用 Contrast Ratio这个网站来检查你的字色是否存在明显差别。

  2. 无需手动选择灰度

  我们都知道#000000的纯黑色会造成视觉疲劳，所以我们好使用除了纯黑色以外的较暗的颜色来代替纯黑色。但是我并不建议你在颜色选择器上漫无目的地拖动光标来重新选择3个或更多色在白色背景上“看上去不错”的深色，这样会增加你工作的复杂程度。简单的方法就是直接改变纯黑色的透明度。

  在这个例子中，我使用了纯黑作为基础颜色，然后在标题采用85%透明度，正文75%透明度，辅助信息60%透明度，以此来区分信息层级，是不是很方便呢。

  3. 傻瓜配色法

  大部分人是不太擅长挑选配色的，每当我们看到一个出色的色彩搭配作品，都忍不住暗自腹诽“他们究竟是怎么做到的？”

  后来我终于明白，原来配色不仅仅是一种与生俱来的天赋，经过对色相、饱和度和明度（HSB）进行简单的加减法，你也可以轻松地拜托单调的白色背景，把它变成像毕加索般颜色漂亮的作品。

  文章介绍了以上这些点小技巧只是设计技巧中的冰山一角，不过也足以让你在现阶段提升你的设计细节。设计师就是无数个小细节堆积起来的，如果你依然能够不断发现让你进步的新技巧，那么你是幸运的，因为你距设计师又近了一步。

  更多详情，更多资讯，点击赣州天琥设计培训学校网站了解。

尊重原创文章，转载请注明出处与链接：http://gzthu.5zix.com/news/90951/ 违者必究！ 以上就是赣州天琥设计培训学校 小编为您整理UI界面设计的经验的全部内容。

---

• ← 平面设计专业好找工作吗
• CAD的基本操作和概念 →