我们共同的家网页版面设计 - 河南新华电脑学院

河南新华电脑学院社团在线奇点WEB工作室网页版面设计

本主题被查看292次, 共2个帖子, 1页, 当前为第1页选择页数: 1 跳转到第页上一主题下一主题

xueleilei0622

都市陌生人

注册会员

UID: 1113
来自:
精华: 0
积分: 150
帖子: 150
注册: 2008-3-9 21:49:20
状态: 离线
威望: 0
金钱: 20.70 元

发短消息用户资料树型回复引用

只看楼主 2008-03-29 20:55

网页版面设计

不知你以前是否学过页面排版，对页面文字、图象、色彩的表达方式做过研究，不管怎样，制作网页就应该了解一些版面设计的知识。
　　首先+我们在制作一个网页之前，应该先进行构思，版面设计基础较差的朋友最好将初步的设想画在纸上，免得在做了一半时发现页面不和谐而重做。
　　第一步先明确页面主题，比如你正在做一个关于介绍股票的首页，就应先想好网页的标题。假设你把它叫做“股市传真”，那么就考虑是否有合适的图片来衬托主题，如果有现成的图片就ok了，没有的话，就根据情况来决定是否自己做一幅［可以选一幅较抽象的股市走线图］，但不管怎样，标题的主色调应先定下来，这对后面几步的版面影响很大。
　　第二步明确页面上要链接的目录，比如你共有“今日股市、股市预测、专家点评、利好消息、重大新闻等五个主链接目录，那么要将他们放在较显眼的位置，根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置，主链接可以做成小图标的形式，但注意图片不能太大、也不能过分枪眼［一般情况下不比标题或主图的色彩重］。在明确次链接目录：假如本页有“国外股市介绍、历史回顾、友情链接、与我联系”等四个次目录，就放在比主链接次一些的位置，图片大小和用色不能超过主链接。
　　第三步是指定主图，所谓主图，就是放一幅较能反映页面主题思想的图片，他的大小可适当超过页面上的任何图片，颜色也可不加限制。比如我们这里就用一幅股市交易大厅的照片。
　　以上三步确定下来后，页面的基本风格就出现了，我们在根据情况进行调整，或者看是否加上背景，主要考虑主图是否需要背景。
　　第四步是决定加入引导文。
　　从版面设计上来将，一个有特色的主页，主要包含有三个要素：图象、排列方法、主色凋，这三者相辅相成、缺一不可；
　　要成为主页设计高手，首先要成为计算机图形高手，仅这一点就可以让一些初入门者学上一年半载了。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象、整个页面就会黯然失色、就是一个不完整的主页。但是并不是每个人都可以成为图象制作高手，这需要去学一大堆繁琐复杂的软件ＰＨＯＴＯＳＨＯＰ、ＦＲＥＥＨＡＮＤ等等，还要有较深厚的美术基础，如审美观、创意技巧、观察力并不是靠短时间内可以培养起来的，需要多年的训练和经验积累，在这里我不想罗嗦每个细节，而是教大家一些窍门来弥补自己某些方面的不足。
　　要做一辐完美的图象比较难，好在网络上到处有现成的图象可以信手拿来套用，关键是要培养你的审美观，一幅图象是否运用的合适、与其他要素是否和谐统一、能否寸托主题全在于你的把握。对于审美观的提高，有一个迅速提高的方法，就是多看别人的优秀站点，仔细分析这些站点图象为什么好看，要是换一个图象或换一种色彩是否可行；要是由你来做，你会如何处理等等，这样你的审美观会在短时间内大幅提高。
　　主页的第二个要素是排列方法，有的人可以做出不错的图象，但却无法将图与其他要素有机的结合排列，就像一个富豪却不知如何合理的化钱。只会千篇一率的左边链接，右边内文。我一向欣赏大胆的排列方式，给人以新颖、大气的感觉。学过排版的朋友比较运气，主页的设计排列与图文排版有相通之处，但也更难掌握，主页排列要求更精细些。
　　排列的方式取决于主页内容，一个严肃的主题，需要我们用规规矩矩的制作排列，显得庄重大方，而一些活泼的主题。则可大胆排列、生动鲜明。
　　第三是色彩运用

人生的追求,情感的冲撞,进取的热情,可以隐匿却不可以贫乏,可以恬然却不可以清淡。

#1

于瑞攀

《〈〈〈〈··

版主

UID: 1160
来自:
精华: 0
积分: 144
帖子: 144
注册: 2008-3-21 17:17:46
状态: 离线
威望: 0
金钱: 21.60 元

发短消息用户资料树型回复引用

2008-03-30 13:38

回复：网页版面设计

很具体啊有时间多请教请教

#2

本主题被查看292次, 共2个帖子, 1页, 当前为第1页选择页数: 1 跳转到第页

现在的时间是 2008-09-08 00:32:49

	版权所有河南新华电脑学院
	1.0.2642 (RC2) Copyright © 2001-2008 Comsenz Inc. Processed in 0.281 seconds