在新手布局网页的时候,如何排版是非常重要的事情。
好的布局应该遵守设计的四大基本原则:对比、重复、对齐、亲密性
下面以对比为例:
这样的效果,一眼望去并没有突出的重点,很多文字一下子进去视觉,不认真看完这一段,根本不知道讲的是什么。
然后简单修改过后得到以下样式:
图中的“知行引言”一眼看上去就知道是标题,其原因就是因为这四个字的字体大小、粗细、摆放位置都以正文内容不一样。
只是做了简单的修改就能知道这一段文字讲的是一个引言,也知道了这个文本与引言标题之间的一个层级关系。
下面以重复为例:
这张图中有10个信息不需要放在一个框住的列表中就能够知道,这10个信息是一组。
同样的图文样式直观的告诉读者这是一组信息。
下面以对齐为例:
虽然这张图中没有任何的直线,但是由于文字内容的对齐,在读者眼里也会有一条看不见的直线把他们连在一起,这个神奇的原理将一整块文字内容分割成了2块。
下面以亲密性为例:
每一个段落之间的内容都靠近的比较紧密,段落与段落之间也比较分离,能一眼就看出是3个不同的段落。
以上就是设计的四大基本要素,如果在每一次设计中都能考虑到这4点,那么好的设计也就随之而来。