网页设计期末作业要求

网页设计报告书

项目名称：制作“Best设计”网页

班级：视觉08—1班

学号: 200806002619 姓名：张金凤

指导教师：饶简元

日期：2011-12-24

现代设计艺术学院

目录

前言—————————————————————————————（）

一、项目概述————————————————————————（）

1.项目背景——————————————————————————（）

2.项目内容介绍————————————————————————（）

3.项目设计重点————————————————————————（）

二、项目设计————————————————————————（）

1.项目主题的选择———————————————————————（）

2.网页的版面设计———————————————————————（）

3.背景音乐的选择———————————————————————（）

三、项目实施————————————————————————（）

1.素材的收集与整理——————————————————————（）

2.项目制作(创作过程)—————————————————————（）

四、结束语—————————————————————————（）

五、致谢——————————————————————————（）

六、参考材料————————————————————————（）

前言

经过学习DW，让我了解到一些关于网页设计的相关内容和设计网页的基础知识，同时通过一学期的网页设计相关软件和相关知识的学习，制作网页和如何设计出自己喜欢的网页。为了更好的运用和熟悉网页设计，同时也为了更好的表达自己对网页设计的一种理解和给自己一个期末的交代，所以制作了“Best设计网”的网页。

在制作网页时，通过PS、AI和DW的结合运用，最后在DW中进行编辑和整合设计，最后完成网页的所有页面设计。在设计中有很多的疑问，也对自己的作品充满了信心。在设计中很纠结的一个问题就是写代码和运用网格，很多时候设计出来的作品和自己看到的网页页面总是不一致，最后通过不断的调整和修改，完成了这次是网页设计。

这次的网页设计，是我第一次完整的自己独立完成的第一个网页，也许会有很多的不足之处，和一些不那么令人满意的地方，希望老师能谅解，我自认我已经尽力做到最好。

一、项目概述

1.项目背景

通过一学期的网页设计相关软件和相关知识的学习，制作网页和如何设计出自己喜欢的网页。为了更好的运用和熟悉网页设计，同时也为了更好的表达自己对网页设计的一种理解和给自己一个期末的交代，所以制作了“Best设计”（该网站是一个虚拟的设计网站）的网页。

2.项目内容介绍

Best设计（该网站是一个虚拟的设计网站）的网页，设计时最先设计的是网站的标志，网页设计中，网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口，而标志是象征着一个企业的形象，是一个企业的品牌核心文化之一。

之后通过素材的搜集和整理完成之后，在PS中设计了网页的所有版面，在AI中完成了网页标志的设计。整个网页设计最后排版是在DW中完成。网页主要体现的是Best设计网的是一个设计资源非常丰富的网站，其中包括插画设计、平面设计、摄影、产品包装设计和网页设计等，同时他还提供了一些设计时尚咨询的新闻信息。在设计时主要想表现的是平面设计、插话设计和摄影这几个方面的内容，所以在设计时版面的设计上运用得比较简洁，这样能更好的展现该网页的侧重点。

整个网页设计有多个版面，有一级页面和二级页面，其中二级页面中也设计了以一些小的三级页面。这样设计使得页面在连接跳转之间更加灵活，同时也为了在各个页面之间的联系更为紧密和完善。

3.项目设计重点

Best设计网站的设计重点主要有以下几个方面：

a. 网页的总体结构

整个网页有一个主页面，还有三个以上的二级页面，主页面的内容在二级页

面中有更加详细的体现和完美展示，二级页面中又包含一些简单的页面内容连接，这样做的主要作用是能更好的展示网页，同时能更好的充实主页面的内容。

b. 网页的整体版式设计

网页的版式设计比较简约，考虑到该网页主要是为浏览者提供更多的与设计相关的信息和资料，倘若设计的过分的花哨和复杂，就很难达到这样的一个目的，所有选择了比较简洁的版面来进行所有的网页页面设计。但简单不代表马虎或者敷衍了事，在所有的页面设计中都是结合网页的标志和该网页的性质来进行的。

c.整个网页的主色调

目前的设计网站上我们观看到的都是一些很强烈的色彩搭配，很多的设计网站上都喜欢运用对比色来进行设计，那样容易引起别人的注意，但同时也容易让人视觉疲劳。考虑到以上因素，在色彩搭配上，我主要运用的是一些同类色系的色彩，再结合不同的版面，选择不同色彩来进行搭配。同时为了更好的突出页面内容，所有页面的色彩都选用了同一色系的色彩做渐变式呈现。

d.修饰网页的代码和CSS字样的使用

在运用DW软件制作页面时，文字部分会很难控制，运用CSS字样，一方面能更好的统一页面文字效果。另一方面也能更好的对文字进行进一步的编排和设计，CSS的使用能更好的完成网页页面的版式设计。

二、项目设计

1.项目主题的选择

该网页设计项目主题的选择首先考虑的是设计一个摄影网站，但网上摄影网站的所有版式都大同小异，如中国摄影网、中国摄影家协会网、美国国家地理杂志网等,，但他们的网站编制的都非常的细密，很完整，如下图所示那样。

以我目前的设计水平和编辑时

间，真的很难做得比他们的还好，再者

网页设计中很重要的代码编写我不会，

所有没有挑战这样一个高难度的网页

设计。

最后选择了一个类似素材网的设