网站制作中文章内容设计的几个小妙招
最好的设计,应该是“无设计”-----请注意,“无设计“不是说没有设计,而是整个设计浑然一体让人感觉不到设计的痕迹。这样的设计不会影响用户对于信息的浏览,而且良好的排版层次会让页面的逻辑性更加明确,让用户产生良好的体验,甚至可以通过设计中的一些技巧引导用户主动去浏览页面最主要想呈现给用户的信息,只有做到这个程度才算是成功的排版。
下面我们就来为大姐介绍比较实用的几个技巧:
第一:段落之间应该设置清晰,重点突出
在段落之间,要保持足够的间距才能让读者更容易识别,页面也更整洁。面对没有段落间距的页面,读者很可能会把几个连在一起的小段路看成一个大段落,如果每个段落内容太多,很少有读者有耐心读完,因为互联网上绝大多数的读者浏览网站的方法并不是精读,而是“扫描”。
我们通过修改p标签的margin属性或者padding属性来修改段落间距。相比较而言,段落间距占据一行文字的距离还是比较合理的,所以我们通常设置段落间距为1em。我习惯使用“padding:0.5em 0 0.5em 0;”来设置段落间距,padding后设置的距离网站中关键词的排名优化按照顺序分别是段落的上方、右方、下方、左方间距。之所以在上方和下方各用一个0.5em而不是在下方用1em,是因为分别为上方和下方设置段落间距会让段落在右边框或背景的时候看起来更加均匀。
在HTML中,半角空格是无法连续识别的,所以很多从网上找的文章都是没有段落缩进的,这样从板式上看起来就不是太符合我们中文文章在生活中的习惯,我们习惯开头空两个汉字的位置,而我们又懒得每个段落都去添上全角空格,那么我们可以使用段落首行缩进解决问题。使用text-indent即可实现段落的首行缩进,如果我们想要首行空两个汉字的位置,那么我们可以设置“text-indent:2em”,这样缩进问题就解决了。
第二:首页布局要浅显易懂
布局并不单是在图纸上画上几条线分出几个区这么简单,需要充分考虑每个区的内容形式,比如上面所提到的文本的宽度是否适合阅读等问题就会直接影响到布局的形式。而在首页的布局上,也会有很多不同的内容来影响布局。比如图片的分布是否过于集中,或是过于松散。还有就是上面所提到的通过等比的方式来表示内容是同级或是相似。
页面的整体感觉需要重视,但是同时网页受限于浏览器,是通过自上而下滚动浏览的。所以呈现在用户眼中的绝大多数是页面的局部。不少设计师很注意考虑页面的整体效果,却比较少考虑滚动浏览时候每个浏览器截取片段的效果。网页的排版同平面媒体的排版一样,需要注意图片文字标题等元素在页面上呈现的效果的平衡,但是网页排版更需要注意的是一个动态的平衡,即无论页面滚动到何位置。