打造出色 UI 的 7 个法则（上）

需要留出大量的空间，有时可能更多。

留白空间，HTML和CSS

如果你和我以前一样，习惯用CSS来调整布局的话，那么你应该从此改正过来，因为这种方法下留白空间不是默认状态。要试着把留白空间作为默认状态，添加各种页面元素。

我认为这是人们依然在素描的重要因素。

从空白页面开始意味着从留白空间开始。

从一开始就想好边距和间距，从未修饰过的HTML页面开始意味着从内容开始。

注意左侧的菜单栏。菜单条目的行间距是文字的两倍，字号是12px。再看看列表项，在文字“PLAYLISTS”和下划线之间有15px的空白。它比字体本身都还要高！也就是说，在列表之间有25px的距离。侧边栏的文字之间也有很大的空间，我们会很自觉就留意到这个多余的空间，将不同的元素有机的组合在一起。

很显然，留白的空间能够将混乱的节目做得美观简洁，比如论坛

或是维基百科。

有很多人认为，维基百科的新页面删除了很多功能，但是你不能否认这是我们学习的一个好的案例。

• 在行之间留出空间。
• 在元素之间留空间。
• 在各组元素之间留空间。

分析一下哪些是可行的。

好了，以上就是第1部分的内容，感谢阅读！

在第2部分我将讲解剩下的4条法则。

4.处理好图片上的文字
5.突出与淡化文本
6.只用优秀字体
7.像艺术家那样偷师

转载本站文章《打造出色 UI 的 7 个法则（上）》,
请注明出处：https://www.zhoulujun.cn/html/design/ui/2015_0706_9.html