网页设计心得:页面布局的简单规则

2016-02-19 13:26 1 1 收藏

今天图老师小编要跟大家分享网页设计心得:页面布局的简单规则,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

保持简单。

  避免只是为了试验一种技术或新技巧而采用它们,把会使人分心的东西减到最少。
  不要期望人们会下载插件,很多人会因此转到别的地方去。
  应该将注意力集中在提供信息方面,而不是使页面看起来令人惊叹而信息却被淹没在动画闪烁、闪烁的文本和其他花招的迷雾里。

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

不要使用闪烁的文本。

  除了在一些及其少见的情况下,闪烁的文本会使用户厌。
  动画文本也是这样的,一定要非常有节制地使用。 www.wejbx.com

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1604295.html

延伸阅读
标签: Web开发
基本的页面设计元素布局比例,给大家做个参考 标志图案 : 搜索功能 : 导航模式 : 帮助内容 :
标签: Web开发
网页的版式设计---网页的排版与布局 很多朋友都想向我学习如何做网页,我知道他们的意思就是说要想向我学习如何用做网页的软件,如dreamweaver、flash、firework、photoshop等等,这些纯技术的东西我不想多谈,因为如今技术的发展一日千里,就是这种应用软件也是发展升级得非常的快。 今天的很多认为是较难实现的功能也许经过软...
标签: Web开发
CSS网页布局中文排版有别于国外所介绍的英文排版,由于汉字的特殊性,所以有一些地方是需要大家注意的。今天webjx.com的这个文章或许对大家对排版的控制有所帮助。 一、如何设定文字字体、颜色、大小  使用font  font-style设定斜体,比如font-style: italic;  font-weight设定文字粗细,比如font-weig...
标签: Web开发
最开始,网页呈现在你面前的时侯,它就好像一张白纸,它需要你任意挥洒你的设计才思。在开始的时侯,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网页布局...
什么是布局? 布局是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要,并可以在结构外观上令用户感到舒服。 如何设计有效的布局? 1. 具有清晰的视觉层次。 布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来实现视觉层次: 焦点:指用户首先关注的区域。形式上...

经验教程

143

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部