关于网页布局设计的一些简单原则

2016-02-19 17:54 7 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐关于网页布局设计的一些简单原则,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

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

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

  重复的成分可能是某种字体、标题Logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。

  颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。

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

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

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

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

  保持简单。

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

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

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

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

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

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

  不要使用闪烁的文本。

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

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

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1616319.html

延伸阅读
标签: Web开发
加入收藏夹代码 a href="javascript:window.external.AddFavorite('http://url/','站点名称')" ie地址栏图标 link rel="icon" href="favicon.ico" type="image/x-icon" / link rel="shortcut icon" href="favicon.ico" type="image/x-icon" / 把名为 favicon.ico 大小 16X16 的图标放到网页的根目录 长度自适应的div 嵌套DIV:父DIV的高度不能...
标签: Web开发
我想以一章的篇幅来讨论用CSS设定文字样式的做法是个好点子.一般处理文字内容大概是应用CSS最多的地方,就算对没有完全遵守标准的网站来说也是一样.去掉网页中反复出现的<font标签曾经是(现在也是)十分吸引设计者的事情,而且不难看出以CSS控制文字排印的巨大优势,也就是进一步分离内容和展示方式. 从先前的很多例子我们知道了CSS能处...
我们了解了一下响应式网页设计是什么,现在趁热打铁,来欣赏一些国外的一些很赞的响应式网页设计,看看他们是如何实现对PC端浏览器和移动终端的全面支持的。 想要查看效果很简单,打开这些页面,然后缩放浏览器窗口就可以了当然,要用chrome/safari/firefox/opera等浏览器,IE请绕道~~ 当然,如果你有发现国内有好的类似设计 food sense ...
为方便产品经理、设计师、开发及项目相关人员能够看到直观的效果,进行更有效的沟通;提供直观的产品设想,说明用户将如何与产品进行交互,在交互设计的过程中一定会产出各种各样的产出物,如流程图、思维图、纸上的草稿、甚至高保真演示稿。 这里简单分享下自己在项目过程中的交互Demo设计的一些心得。
标签: Web开发
本文总结网页制作中关于CSS样式表应用的一些基础技巧,希望大家掌握!谢谢支持网页教学网。 一、关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用/* 注释内容 */的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的/***************/之类...

经验教程

733

收藏

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