background image

以著名的软件和硬件生产商苹果为例,

其首页设计上以追求简洁为主,以简明的导
航条和大片的留白给用户较大的想象空间。

苹果公司在网站设计上非常有心得,其

擅长使用简单的圆角矩形栏目和渐变的背景
色使网站显得非常大气,对一些细节的把握
也非常到位。

 艺术类站点

艺术类站点通常体现在一些小型的企业

或工作室设计中。这类网站向用户提供的信
息内容较少,因此设计者可以将较多的精力
放在网站的界面设计中。

上图为俄罗斯设计师 foxie 的个人主页,

通过大幅的留白以及简明的色彩模拟了一个
书架,并以书架上的书本和相框作为导航条。

其在设计中发布的信息并不多,因此整

站用 Flash 制作而成,大量使用动画技术,
通过绚丽的色彩展示个性。

2.网页设计的实现

在了解了设计的目的后,即可着手进行

设计。网页设计是平面设计的一个分支,因
此在设计网页时,有一定的平面设计基础可
以帮助设计者更好更快地把握设计的精髓。

 设计结构图

首先,应规划网站中栏目的数量及内容,

策划网站需要发布哪些东西。

然后,应根据规划的内容绘制网页的结

构草图,这一部分既可以在纸上进行,也可
以在计算机上通过画图板、inDesign 或者其他
更专业的软件   进行。

结构草图不需要太精美,只需要表现出

网站的布局即可。(关于布局,请参考本章
之前的内容。)

 设计界面

在纸上或电脑上绘制好网页的结构图之

后,即可根据网站的基本风格,在计算机上
使用 Illustrator 或 CorelDRAW 等矢量图形软
件或 Photoshop、Fireworks 等位图处理软件绘
制网页的 Logo、按钮和图标。

Logo、按钮、图标等都是网页界面设计的

重要组成部分。设计这些内容时需要注意整
体界面的风格一致性。包括从色调到图形的