动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 网站版面设计的介绍

作者来源: 
阅读 3281 人次 , 2006-2-16 15:00:00 

  每当开发一个网站或设计任何作品时,我们都需在外观上下一些功夫。在每个成功的设计背后都需要成功的版面结构。为了进一步的讲解,我们需要了解一些关于版面结构的基本知识。

版面结构

  版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西,一种将不同介质上的不同元素巧妙的排列方式。以下是设计一个优秀结构的一些基本要素。

  要建立一个优秀的结构,你必须仔细观察:学习仔细观察你身边的“结构”,比如树、花、山、野兽、宠物、小孩等等。翻翻杂志,书本,宣传单等,并尝试了解图形是如何构成的。

  使用了什么配色方案?为什么?使用了什么类型的字体?为什么?他们对整个画面起到了什么影响?为什么?“为什么”是重点问题,应该更加强调。

  经过大量的观察,你会了解到什么是好的,什么是坏的。为了增强观察的效果,你必须在脑子中将你想表达的元素和环境构成一张图。这将在设计中起到辅助作用。其实这是一个从不停止的过程。

色感

  很多时候,一个好的版面被错误选择的配色方案所破坏。其实,配色方案是升华一个版面结构的有力武器。如果你仔细地使用颜色,很可能得到意想不到的结果。

  颜色的选择取决于“视觉感受”。比如,女性相关主题的颜色通常使用粉色、淡紫色、亮兰色或桃红色。儿童相关主题的颜色通常使用暖黄色,天蓝色,橙黄色、红色、嫩绿色或亮紫色。医学相关主题的颜色为海水绿、翠绿色、暗色和灰色阴影。自然相关主题,或与社会传统相反的特殊配色方案可以使用一些暖色,比如红色、黑色、亮黄色等。配色方案应根据主题而不同。

  开始你可以使用市场上销售的色签书,他们为不同目的提供了不同的配色方案。

字体

  继配色方案之后,能够完美并适当表达你的思想的就是“字体”。

  字体被分为两类:Serif字体和Sans-Serif字体。Serif字体由Times New Roman, Caslon, Caxton, Souvenir等字体组成。Sans-Serif字体由Helvetica, Zurich, Verdana, Arial等组成。Serif字体通常被用作标题和头条,Sans-Serif字体通常被用作正文或重复性信息。

  在一个规划中使用过多的字体会看起来混乱并使人迷惑。你在一套结构中只应最多出现3种字体。一种用作标题,一种用作按钮和小标,另外一种用作正文。

  字体可以传达很多信息,比如如果你想表达“重量级冠军”就使用Futura Black或Compacta字体,因为这些字体本身看起来就很“重”。另一种情况如果你想表达“羽毛的摩擦”,那么就使用很轻的Caxton Italic字体来表达羽毛的效果。

  结构规划中最主要,也是最重要的部分就是“对齐”和“平衡”。你必须很清楚文字、颜色和图片的分量,否则你的版面结构完成后会看起来很不平衡。

  某些情况下版面可以由比较多的图形和少量文字组成。这个情况下,你可以混合这些图片,使用抽象拼接,而生育的地方可以用文字来填充。最开始,我们必须决定究竟要突出什么,文字还是图案?如果你决定着重于图案,那么主要部分就应该用图案填充而文字就会占据相对小的版面。如果你想突出文字,那么就使用大的字体作为题目,然后填入适当的辅助图案来完成你的设计使它看起来平衡。   
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:从报纸网站排版中看WEB标准的应用
· 下一篇:在网页编辑常用表现的实现方法
· 最精致的日历式日期输入控件
· 按形容词分类:简单、进步、时尚
· Javascript实例教程(21-1)
· 网页设计中Html使用中的一些问题
· 网站基本配色——专职


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077