HTML5技术

网页布局设计的基本原则_HTML教程

字号+ 作者:H5之家 来源:H5之家 2015-09-23 12:03 我要评论( )

网页布局设计的基本原则,学习网页布局设计的基本原则,网页布局设计的基本原则,查看网页布局设计的基本原则,本文整理了一些网页布局设计的简单原则,希望对网页设

本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。

・重复:在整个站点中重复实现某些页面设计风格。

重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。
颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。


・用对比来吸引读者的注意力。

通过对比来抓住读者的注意力,例如,你可以让标题在黑色背景上反白,并且用大的粗体字(比如黑体),这与下面的普通字体(比如宋体)行成对比。另一个方法是在某段文本的背后使用一种被景色。

・在文本周围留出空白以便更容易阅读,布局更优美。

留白是一种美德。满屏幕密密麻麻的字会让人头晕眼花,适当地留出边距及行距,让阅读变得轻松些。

・保持简单。

避免只是为了试验一种技术或新技巧而采用它们,把会使人分心的东西减到最少。

不要期望人们会下载插件,很多人会因此转到别的地方去。

应该将注意力集中在提供信息方面,而不是使页面看起来令人惊叹而信息却被淹没在动画闪烁、闪烁的文本和其他花招的迷雾里。

・只要可能,就要避免滚动。

用户在浏览新页面时,常常大致扫一眼页面的内容区域,而不理会导航菜单条(这就是说,那种大尺度的flash头部除了好看,是没有用的!)。如果页面看起来和用户的需要无关,那么两三秒后用户总会点击“后退”按钮。

・不要使用闪烁的文本。

除了在一些及其少见的情况下,闪烁的文本会使用户厌。

动画文本也是这样的,一定要非常有节制地使用。

・尝试使用文本的布局协助导航。

如果我们的页面里包含几十个链接,那么,就要把这些连接分类,并且用不同的标题和颜色块来区分它们。

・心里时刻想着站点的观众。

哪种人会访问这个站点?他们为什么要来访问,他们的主要知识背景是什么?页面的设计和布局需要反映这些群体的不同需求。

・使用页面布局突出人们将要寻找的标题。

一旦你了解了客户群体的需要,就可以分析出他们最希望看到的标题,并且利用页面布局使这些标题突出出来。当然,作一个客户调查,是很好地掌握他们关心内容的方法。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 网页文字实现竖排的方法_HTML教程

    网页文字实现竖排的方法_HTML教程

    2015-09-23 11:06

  • 网页设计应遵循的原则_HTML教程

    网页设计应遵循的原则_HTML教程

    2015-09-23 11:04

  • 网页头部代码_HTML教程

    网页头部代码_HTML教程

    2015-09-19 18:16

  • 网页表格表框制作技巧_HTML教程

    网页表格表框制作技巧_HTML教程

    2015-09-19 18:05

网友点评
: