网页界面设计与海报设计实现

摘  要：在全球科技快速进步的社会背景下，全球的平面设计领域积极地作出了回应，新的设计思想渐渐取代了旧的观念，平面设计的行为方式变得多元，不同行业之间的界限日趋模糊，平面设计的评估标准在重新建立，设计行业正进行着一场划时代的设计变革。网页设计是平面设计里一个大的分支，是一个不断更新换代、推陈出新的行业，总是有倾向的特定技术来观察，或跟踪的网页设计师加强的趋势，它要求设计师们必须随时把握最新的设计趋势，从而确保自己不被这个行业所淘汰。网站作为互联网上最主要的沟通工具，显然有着举足轻重的作用。一个网站的好坏取决于网站的内容，而能否让用户查看您网站的内容，就需要靠第一印象——网页界面的设计与布局，是否美观有格调有创意。海报设计对于广告传播及其效果具有重要影响特点在于围绕视觉形式动力进行设计，强调平面广告设计吸引受众注意，是遵循受众接受心理规律及视觉原理，充分传达广告信息，实现广告效果最大化。

关键词：网页设计  版式布局  Logo设计 海报设计

目 录

1 引言 1

1.1 平面设计的行业背景 1

1.2 网页设计的意义与目的 1

2 设计工具及环境介绍 2

2.1 网页界面设计环境 2

2.2 本项目应用的主要设计工具 2

2.2.1 Adobe Photoshop CS6 2

2.2.2 Adobe Illustrator CS4 3

2.2.3 Color Scheme Designer 4

3 项目概述 5

3.1 项目概述 5

3.2 项目风险 5

3.3 项目进度计划 6

4 色彩设计基础 7

4.1 色彩概述 7

4.1.1 色相 7

4.1.2 明度 7

4.1.3 纯度 8

4.2 计算机常用的色彩模式 8

4.2.1 RGB色彩模式 8

4.2.2 CMYK色彩模式 8

4.2.3 Grsyscale（灰度）色彩模式 9

4.3 色彩对比与调和 9

4.3.1 色彩对比 9

4.3.2 色彩调合 10

4.3.3 颜色象征的含义 11

5 版式设计与编排 13

5.1 版面设计 13

5.1.1 网页布局排版方式 13

5.1.2 海报常见构图方式 14

6 设计思路 15

6.1 网页设计 15

6.1.1 游沪网（旅游类） 15

6.1.2 GAP官网（服装类） 15

6.1.3 视界网（科技类） 16

6.2 海报设计 16

6.2.1 GAP促销海报 16

6.2.2 游沪网促销海报 17

7 制作过程 18

7.1 LOGO制作过程 18

7.1.1 游沪网LOGO 18

7.1.2 视界网LOGO 19

7.2 网页界面制作过程 19

7.2.1 游沪网 19

7.2.2 视界网 22

7.2.3 GAP官网 24

7.3 海报设计过程 26

7.3.1 游沪网海报 26

7.3.2 GAP促销海报 27

8 总结与展望 28

致谢 29

参考文献 30