网络编程
位置:首页>> 网络编程>> 网页设计>> 全局于网站整体的网页设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0
投稿

猜你喜欢

  • 由于众所周知的原因,ACCESS在大型站点应用中都靠不上边,主要问题就是数据量大了以后几乎无法索引。当ACCESS里数据过万后,明显可以感觉
  • 方法1: X:\oracle\ora81\bin\wrap iname=XXX oname=XXX 方法2:9i在win2000下使用wra
  • Function ChkInvaildWord(Words)  Const InvaildWords=&quo
  • 首先忠心感谢凌宇5942给我的帮助!在他的启迪下我发现了另一种实现flash透明背景的办法,愿与大家共同探讨:凌宇5942告知的解决办法:在
  • 在注册或购物车结帐的时候,需要用户填入个人资料,这个环节可以简练一下,我们只需客人填入邮政编码,然后就根据这个邮政编码,自动从数据库中取出相
  • 客户需要一个类似 news letter 的功能,当然,内容是可编辑的,而且还要以 HTML 格式呈现给用户。这就需要在发送邮件的时候,指明
  • 众所周知道,IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多,我们不得不想法设法搞定它。下面,将介绍的将是利用其特点而被发
  • 我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onch
  • 在使用ASP来进行后端的数据合法性校验的时候,有些人为满足不同环境下面的数据校验,编写了很多的函数来实现,比如,我们想要校验用户输入的URL
  • 今天调试某页面样式,发现chrome下出现问题,但是同样基于webkit引擎的safari没有问题,很是郁闷。于是寻找针对google ch
  • 内容摘要:网页设计师制作网页最常用的设计软件应该就算adobe的产品Photoshop了,当然Photoshop不仅可以设计网页,不过作为网
  • 著名的老掉牙的IE6.0在我这里已经有六年工龄了,前几天朋友拿到个IE8.0新的Beta版本,我的Sever2003装不上,大为扫兴。Chr
  • 1. ASCII 返回与指定的字符对应的十进制数; SQL> select ascii(A) A,ascii(a) a,ascii(0
  • 本文给出了MySQL数据库中定义外键的必要性、具体的定义步骤和相关的一些基本操作,供大家参考!定义数据表假如某个电脑生产商,它的数据库中保存
  • 分区表的概念 分区致力于解决支持极大表和索引的关键问题。它采用他们分解成较小和易于管理的称为分区的片(piece)的方法。一旦分区被定义,S
  • 或者说有一条命令 hostname [string],当string是不包含2950时,是true,包含2950时是false。使用Exce
  • 记得当时我们要跟网友天下合作,需要这样的一个鼠标划过放大的列表效果,就写了一个效果截图:演示代码:<!DOCTYPE html PUB
  • zhanglunray 问:我在mzzx_pic这个层设置了左边距,在ie里显示是正常的,但是在ff里显示时margin-left却没有起到
  • 从publish 表中取出第 n 条到第 m 条的记录的sql语句写法:SELECT TOP m-n+1 *&
  • 从 Google 的一个细节说起:整个虚线框都是“Next”的可点击区域。看似不经意,却直接提升了细节的可用性。其它页码也巧妙地和上面的字母
手机版 网络编程 asp之家 www.aspxhome.com