平面设计概论结课论文

指导教师：尚海涛

学院：计算机科学与信息工程 学号：09103430 姓名：刘亚 日期：2011-5-18

虽然从小就对设计十分感兴趣，但是我画画不好，也不是艺术生，后来就放弃了。然后，这学期很幸运，抽中了这门课，让我可以真正去学习设计的知识，第一次走进设计得殿堂。

在百科中：平面设计（graphic design）的定义泛指具有艺术性和专业性，以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。平面设计师可能会利用字体排印、视觉艺术、版面（page layout）等方面的专业技巧，来达成创作计划的目的。平面设计通常可指制作（设计）时的过程，以及最后完成的作品。

平面设计呢，主要有：网页设计、包装设计、广告设计、海报设计、平面媒体广告设计、书籍设计、刊物设计等等。下面我想主要就海报设计，浅谈我对平面设计的认识。

海报也叫招贴，是指在公共场所，以张贴或散发形式发放的一种印刷品广告。海报具有发布时间短、时效强、印刷精美、视觉冲击力强、成本低廉、对发布环境地要求较低等特点。海报设计讲求创意和冲击力，并配以精彩的文案，力求使作品立体地展现企业的产品、文化、理念，有非常实效的营销力，与多数图片加文字堆砌组合的普通设计形成鲜明的对比，具有强烈的视觉冲击力。海报设计表现手法多种多样，有图形设计表现、文字设计表现和色彩设计表现等。海报设计通过图形、文字和色彩的整体设计，达到完美的统一。

下面我想从海报设计中的图形设计、文字设计和色彩设计三方面，来浅谈我对平面设计的认识。

1、图形设计

图形在海报设计中有着重要的地位。没有理想的图形，海报设计就显得苍白无力，图形成为设计的生命。

如上图，是一幅迪士尼舞台剧的海报。用舞台剧的主角们，像米老鼠、白雪公主等来做海报的主体图形就十分得体。让人一看就明白这是一个迪斯尼公司用来宣传的商业性的海报。小图形在排版上形成了一个近似的圆形，圆形代表全世界，寓意为在全世界都有迪士尼的影子，象征着无处不达。下面坐满了来自世界各国的儿童，表明了迪士尼深受世界儿童的喜爱。整个海报体现出迪士尼公司的特点：科技、现代、传递、速度。该海报效果强烈，并具有迪斯尼公司的时代感，可以说是将图文设计运用得极具现代感的好作品。

2、文字设计

一个海报设计要是没有文字，那是多么的枯燥乏味。现代设计中，无论是包装、装饰、标志、书籍、招贴、广告还是环境设计都可以借鉴书法艺术的表现形式，拓宽现代设计领域。海报设计中，文字的设计也尤其重要。

如右图，这是一张“节约用

水”的公益海报。图的正中是一

个很大的“水”字，仔细看，会

发现，利用了常见的水管的形状

作为“水”字的黑色部分，形象

鲜明、得体， 字的红色部分，

感觉就像小溪一般。海报的左上

方以及正下方，都附有文字说

明，选择的字体与正中的大“水”

字也很相称。

如左图中各名字的文字设计也是千

差万别、各具特色。它们表达着一般字体

所不能表现出来的意蕴。

3、色彩设计

在千变万化的色彩世界中，人们视觉感受到的色彩非常丰富。画面的色彩基调将会深深影响该画面作品给观众的印象，所以色彩设计在作品的企划初期即占有一定的重要性。

一个海报设计效果的好坏，最终是由色彩来体现的。首先要处理好单个色彩与整个画面的关系，应整个画面的连续展示效果，以及远近距离上的视觉效果。

如上面可口可乐的宣传海报。整个画面明快、简洁；虽然只用了红白两种颜色，但这样的用色决不意味着单调和贫乏，相反更有冲击力，十分醒目，也不会造成视觉混合的不良后果，且言简意深，百看不厌，给人留下深刻的印象。

通过图形设计、文字设计和色彩设计达到对海报设计的视觉传达。海报视觉传达中最重要的因素应是宣传海报中的主体。海报首先是起到一种宣传作用，它终究是要用来视觉观看的。海报的设计如同做菜，一道美味的菜肴视觉美感如何，首先要具有食用性的功能。如果做出来的菜肴不能食用，那么外表做的再好看色彩有多么的吸引人都是无用功也失去了原有的意义了。因此，对海报计而言，内容和形式的完美统一，审美和视觉感受统一，具有强有力的视觉冲击的海报才是最好的海报。

最后，我想说不论是哪类平面设计中，图形、文字、色彩的设计，都是绝对重要的。短短几周的学习，我真的收获到很多东西，十分感谢老师的授课，让我获益匪浅。当然，仅仅这样是不够的，以后我还会继续学习。

参考文献：

〔1〕 韩斌.展示设计学[M] .哈尔滨：黑龙江美术出版社，1996

〔2〕 李美蓉.视觉艺术概论[M].雄狮图书股份有限公司，1996

图片来源： /i?ct=503316480&z=0&tn=baiduimagedetail&word=%B5%CF%CA%BF%C4%E1%B5%E7%D3%B0%BA%A3%B1%A8&in=18270&cl=2&lm=-1&pn=6&rn=1&di=26987055705&ln=669&fr=ala0&fmq=&ic=&s=&se=&sme=0&tab=&width=&height=&face=&is=&istype=2#pn29&-1

/i?tn=baiduimage&ct=201326592&cl=2&lm=-1&fr=&sf=1&fmq=&pv=&ic=0&z=&se=1&showtab=0&fb=0&width=&height=&face=0&istype=2&word=%CE%C4%D7%D6%C9%E8%BC%C6+%BA%A3%B1%A8&s=0

第二篇：105090440029黄晶晶网页设计课论文

网

页

设

计

与

制

作

院系：电子与电气工程学院专业：电子信息工程 姓名：黄晶晶

学号：105090440029

班级：10电子

摘要：进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。作为一名大学生，学习如何设计和制作网页变成了一项必不可少的过程，经过几个月的集中学习，我开始对网页的设计和制作有了初步的认识，并且学习了一些网页制作基础。

网页分为静态网页和动态网页两种。静态页面是网页的代码都在页面中，不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页常见的静态页面以.html、.htm为扩展名的。动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。

对于网络设计基础知识与网络制作软件我有了一定的认识，网络制作主流技术也不断的在进步与更新。

关键字：网页设计 网页技术 HTML

HTML

1. HTML标签

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的

HTML 标签由开始标签和结束标签组成

开始标签是被括号包围的元素名

结束标签是被括号包围的斜杠和元素名

某些 HTML 元素没有结束标签，比如 <br />

2. HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容（empty content）

空元素在开始标签中进行关闭（以开始标签的结束而结束）

大多数 HTML 元素可拥有属性

3. HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name="value"。

属性总是在 HTML 元素的开始标签中规定。

4. HTML段落

段落是通过 <p> 标题定义的。

使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！（但是不要用 <br /> 标签去创建列表。不要着急，您将在稍后的篇幅学习到 HTML 列表。）

5. HTML样式

style 属性的作用：

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

6. HTML链接

HTML 使用 <a> （锚）标签来创建连接另一个文档的链接。

锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。

7. HTML表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

8. HTML列表

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

9. HTML表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（<form>）定义。

10. HTML框架 框架结构标签（<frameset>）定义如何将窗口分割为框架

网页制作常用工具及发展趋势

常用工具：

1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。

3、FLASH 网页需要画面流动时的首选择

4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。

5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。

6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。

发展趋势：

(1)，网站建设水平要求要高，符合WEB2.0 标准；w3c标准。

(2)，网站建设符合用户体验，让用户信赖企业网站。

(3)，网站必须进行SEO网站优化。

(4)，网站进行网络营销，这样网站才能摆上用场。

(5)，专人对网站进行维护，更新，在线咨询。

网站制作主流技术

MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。简介 dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到

DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网

(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手。

参考文献：

[1] 任学文、范严编, 网页设计与制作，中国科学技术出版社

[2] 武创、王惠主编,网页设计探索之旅 ,电子工业出版社

[3] 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社

[4] 吴黎兵、罗云芳编，网页设计教程， 武汉大学出版社