常见的网页设计、文章设计错误

本文来自阮一峰分享。英文链接http://blog-en.tilda.cc/articles-website-design-mistakes。

目录

常见的页面设计错误

1.内容未按逻辑分成块

2.每个逻辑块的空白大小不一致 

3.Padding不能设置过小,否则用户无法将内容分为逻辑块

4.背景图片和文字 应该对比鲜明

5.在一页中,样式过多

6.背景颜色块过于狭窄

7. 在一个狭窄的列中,放入了过多的文字

 

 


常见的页面设计错误

1.内容未按逻辑分成块

用户可以根据逻辑块轻易的获取信息。

具体做法为:将padding设置为120px-180px,同时不同的逻辑块使用不同的背景。

常见的网页设计、文章设计错误_第1张图片常见的网页设计、文章设计错误_第2张图片

 

2.每个逻辑块的空白大小不一致 

对于每个逻辑块,需要设置同等大小且适宜的空白。否则网页看起来会很混乱,作者不会对每个逻辑块同等对待。

常见的网页设计、文章设计错误_第3张图片常见的网页设计、文章设计错误_第4张图片

 

3.Padding不能设置过小,否则用户无法将内容分为逻辑块

 为了这点,插入大的空白(至少120px),以使内容按逻辑块分开。

常见的网页设计、文章设计错误_第5张图片

4.背景图片和文字 应该对比鲜明

 

 

5.在一页中,样式过多

太多不同 的排版和样式将会使得页面不太专业以及难以阅读。

解决的方法是,以字体为例,设置一种字体,字体为正常或粗体(保证在两种不同样式之内)

常见的网页设计、文章设计错误_第6张图片常见的网页设计、文章设计错误_第7张图片

 

6.背景颜色块过于狭窄

常见的网页设计、文章设计错误_第8张图片常见的网页设计、文章设计错误_第9张图片

 

 

7. 在一个狭窄的列中,放入了过多的文字

这导致用户阅读需跳很多行,整体看起来也不行。推荐的做法为,减少列的数量,精炼文字。

常见的网页设计、文章设计错误_第10张图片常见的网页设计、文章设计错误_第11张图片

 

 

 

 

你可能感兴趣的:(前端)