在新手布局网页的时候,如何排版是非常重要的事情。

好的布局应该遵守设计的四大基本原则:对比、重复、对齐、亲密性

 

下面以对比为例:

这样的效果,一眼望去并没有突出的重点,很多文字一下子进去视觉,不认真看完这一段,根本不知道讲的是什么。

 

然后简单修改过后得到以下样式:

图中的“知行引言”一眼看上去就知道是标题,其原因就是因为这四个字的字体大小、粗细、摆放位置都以正文内容不一样。

只是做了简单的修改就能知道这一段文字讲的是一个引言,也知道了这个文本与引言标题之间的一个层级关系。

 

下面以重复为例:

这张图中有10个信息不需要放在一个框住的列表中就能够知道,这10个信息是一组。

同样的图文样式直观的告诉读者这是一组信息。

 

下面以对齐为例:

虽然这张图中没有任何的直线,但是由于文字内容的对齐,在读者眼里也会有一条看不见的直线把他们连在一起,这个神奇的原理将一整块文字内容分割成了2块。

 

下面以亲密性为例:

每一个段落之间的内容都靠近的比较紧密,段落与段落之间也比较分离,能一眼就看出是3个不同的段落。

 

以上就是设计的四大基本要素,如果在每一次设计中都能考虑到这4点,那么好的设计也就随之而来。

专业网站开发网页设计公司

深度阅读:

深度解析一个律师事务所官方网站所应该具备的7个基本页面 WP花园团队最近接了几个律师事务所企业网站建设的项目,在开发这些项目的过程中对法律行业的网站做了深度的分享,总结出来7个律师事务所官方网站都需要具备的页面,这里总结给想要建立自己事务所官网的律师朋友,希望可以给您自己的网站构架提供一些思路:首页:毋庸置疑,每个网站都会有这个页面,这是非常...
如何利用字体来提升网页设计的水平 一个网页的设计是由图片和文字堆砌而成的,而一成不变的文字会让人觉得整个网页都很无味不说,重点想表达的内容也没有及时被表达到位。  页面上的字体都是具有一定的规律,主要遵循的原则就是创建协调,避免冲突,产生对比三点。   协调如何创造 好比说,在一个页面上使用同一种...
网站精美幻灯片样式选择 WP花园为客户提供多种精美的幻灯片,让您的网站拥有独特设计,在同行业中脱颖而出。 
分享一组国外美容美发店的网站设计 最近WP花园收到客户询问,想建设一个美容美发店的网站.作为一家专业的上海网站设计建设公司,WP花园经过调研,发现美容美发店网站要突出时尚动感绚丽的感觉,设计上需要采用比较前卫的设计思路,所以收集了国外一些著名的美容美发店的网站设计,这里分享给大家: ...
wordpress学习方法–如果你刚接触WordPress 本人从事Wordpress教学多年,遇到了许许多多不同类型的学生,聆听了许多学生的问题,深深感受到了国内Wordpress新手界的状况十分令人堪忧,很多有潜力的同学因为没有及时使用正确的方法而迷失了自己,导致学习效率低下,所以为了照顾广大初学者,我特意写下此文,希望能给初学者一个方向,其中有些言语比...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.