全局于网站整体的网页设计

作者:小猪头 来源:蓝色理想 时间:2009-03-27 17:15:00 

如何搭建完整的网站架构并设计出一个出色的网站?关于这个问题,我们很难提出一个绝对权威和正确的设计思路,但任何网站的设计都需要遵循一个循序渐进的步骤。此次IT设计栏目特别邀请网站设计专业人士,自本期起进行为期5期的连载,分别从网站模型构建、审美与交互设计、风格设计、代码设计、可用性测试及对设计的折回补充等五方面,详细阐述如何设计一个优秀的网站,敬请读者关注。

网站设计是一门新兴的边缘性职业,既要从外观上进行创意,又要结合图形和版面设计,交互设计等诸多相关原理,这使得网站设计变成了一门独特的艺术。

良好的网站设计能使网站在同类站点中独具特色,优秀的创意和表现方式能给浏览者留下深刻的印象,使网站访问流量增加甚至直接增加网站收入。 因此,在设计的初始阶段就规划好网站的设计步骤是非常重要的,通常情况下网站设计步骤分为模型构建、审美及交互设计、风格设计、代码设计、可用性测试等几大方面。首先我们由以下四个步骤来了解一下网站模型设计中的内涵与重点。

一、网站设计,不仅仅是美术设计

你的工作究竟属于设计师还是美工?那得看你做的活是真正的设计,还是点缀页面使之更好看的操作。设计师的工作是高屋建瓴的,而美工只是软件工具的使用者。

很多人把在网站中的设计定义为美术设计,认为设计师的工作任务就是使用Photoshop一类的绘图软件把需要展示的页面画出来,其实这是很狭义的理解。合格的设计师应该立足于整个网站的全局,在规划上对整个网站进行完整的设计,在宏观上把握设计风格导向,微观上再针对该网站的具体定位来决定如何对设计进行元素上的细化。当然,网站设计还包括了数据库设计及程序设计,在这里,我仅以我的从业经验,举例谈谈网站前端设计。

北京奥运会即将开幕,我们先来举两个奥运类型网站的例子:

奥运会官网:如图,这是一个设计得非常成功的例子,设计师并没有像一般涉及奥运主题的设计一样使用大量红色,而是把页面风格完全国际化,其中把各种资讯和功能模块都恰到好处地融合在一起,粗毛笔一般的元素设计使网站得到了丰富的整体效果。

新浪奥运频道:如图,我们可以看到设计师的创意仅仅被压缩在页面滚屏几次后看到的内容区块上,使用了奥运五环色彩来进行设计。页面头部基本是套在任何一个专题网站都能使用的结构素材,而新浪的资讯系统一定是能支持实现一个更脱离内容专题模板的好设计的,可见其并没有从网站设计的角度出发去处理这个项目。

二、设计人员在需求阶段介入,影响需求,而不干预需求

我们常听到有设计师抱怨:“这个设计让我改了十多遍怎么还不能定稿?”,也常听到产品经理说:“这个设计师怎么就是把握不住要点?”

不论设计在网站的实现过程中有多么重要,网站该是什么模样,还是必须由需求决定。所以网站项目的前期需求是至关重要的环节,也可以理解成房屋建筑的地基。需求也许是经过若干调查,将结果汇总后产生的报告,也可能是领导或老板的一时冲动而引发的大讨论。

在需求的确立过程中,遗憾的是,网站设计人员的分量是极其有限的,产品经理、频道主管、某级领导的想法往往直接决定着需求的最终形态。但是设计人员在需求阶段的介入还是很有必要的,设计师能以自己专业独到的眼光,提出科学合理的建议,影响需求的细节。这样做的结果是能在最大限度上取得需求方和设计方的思想一致,而不至于在设计过程中面对着有意见却不让更改的需求问题而大发牢骚。

标签:交互设计,设计,架构,网页设计
0
投稿

猜你喜欢

  • sqlserver 快速生成汉字的首拼字母的函数(经典)

    2012-06-06 20:16:41
  • 设计MySQL数据库的技巧

    2009-09-06 11:56:00
  • 简单的XML操作:XML文件创建

    2008-04-25 10:31:00
  • IE下中英文字体不能对齐原因及解决

    2008-08-11 12:47:00
  • oracle命令行删除与创建用户

    2008-01-02 17:01:00
  • ASP的URLDecode函数URLEncode解码函数

    2011-02-16 11:17:00
  • [欣赏] 情景互动广告

    2008-08-06 12:59:00
  • 怎么用FSO生成一个UNICODE格式的文本文件

    2009-05-26 15:40:00
  • oracle 函数

    2010-07-23 13:06:00
  • MySQL身份认证漏洞 升级到5.5.24可修正

    2012-07-11 15:54:09
  • ASP向Excel导数据(图片)终结版 ASP操作Excel

    2011-03-25 10:48:00
  • asp如何遍历目录及目录下的文件?

    2009-11-11 17:55:00
  • ASP中生成文件的两种方式

    2007-08-30 09:49:00
  • Date()与new Date()的区别

    2008-09-29 11:09:00
  • 如何判断用户是否非正常离开聊天室?

    2010-01-18 20:30:00
  • Yahoo! BrowserPlus 介绍

    2008-06-01 16:38:00
  • Oracle密码文件的使用和维护第1/3页

    2010-07-30 12:43:00
  • Laravel操作redis和缓存操作详解

    2023-05-25 02:19:29
  • ASP动态生成的javascript表单验证代码

    2008-10-13 20:11:00
  • HTML5 的五个激动人心的特性

    2009-01-02 17:36:00
  • asp之家 网络编程 m.aspxhome.com