浅谈“鲜逸农庄”网页界面的创新设计-毕业论文.doc

1、北京化工大学北方学院NORTH COLLEGE OF BEIJING UNIVERSITY OF CHEMICAL TECHNOLOGY（ 20XX ）届本科生毕业设计（论文）中文题目： 浅谈“鲜逸农庄”网页界面的创新设计 英文题目： The innovation of the introduction to organic food web interface design 学院： 艺术学院 专业： 艺术设计（视觉传达） 学号： 姓名： 指导教师： 20XX 年 X 月 XX 日北京化工大学北方学院毕业设计（论文）I浅谈“鲜逸农庄”网页界面的创新设计摘 要由于网络传播的广泛性和高速性，网站已

2、成为公司及个人与大众交流的一个重要平台，挑战着设计者的创造力和想象力。而插画元素的运用对于企业和个人形象来说无疑是一种全方位的艺术提升，有助于企业树立好的社会形象，也能比其他传播媒体更直观的展示企业的产品和服务。随着时代的发展，各种文化群体的意识在插画的表现风格上色彩缤纷，但他们始终与人的审美需求联系在一起的，电脑的运用使插画设计实现以传统媒介不可能达到的效果。没有学科的限制，没有特定媒介的限制，插画拥有跟其他表现媒介相互交融的力量，只要符合商品风格的要求就没有什么不可能。数字技术的今天使插画家拥有多变的表现方式，通过对网站中的插画元素分析，我们欣喜的发现很多企业的网站已经达到艺术性和商业性的

3、完美结合。个人网站的设计也标新立异，国内设计风格的多样性呈现出百花齐放的模式。插画艺术在网页设计中的运用丰富了视觉元素的表现力，优秀的网页设计始终与人们的审美需求和个性张扬联系在一起，因此插画艺术在网页环境下的运用中注定包括更多的心理感受和文化内涵。关键词：插画艺术 插画风格 网页设计北京化工大学北方学院毕业设计（论文）IIInnovative design on freezing drinks Webpage interfaceAbstractBecause of the wide and rapid dissemination of network, the website has bec

4、ome an important platform for the company and personal communication with the public, challenges the designers creativity and imagination. While the use of illustration element for enterprises and personal image is undoubtedly an all-round promotion of art, to help enterprises to establish a good so

5、cial image, but also than other media more intuitive display of corporate products and services.With the development of the times, various cultural groups consciousness in the illustration of the expressive style of colorful, but they are always with peoples aesthetic demand together, the use of com

6、puters to make the illustration design to achieve the traditional media can not achieve the effect. No subject limit, no specific media restrictions, illustration has with other media of expression blend of strength, as long as consistent with the commodity style requirements there is nothing imposs

7、ible. Digital technology now Angel illustrator has variable expression, through the illustration elements on the site in the analysis, we found many of the web site has reached a perfect combination of art and commercial. The design of personal websites are unconventional, diversity of domestic desi

8、gn style, showing a flourishing mode. Use the illustration art in web design has enriched the visual elements of expressive force, excellent web design always and aesthetic needs of people and personality publicity together, so the illustration art in the use of web page environment doomed to includ

9、e more psychological feelings and cultural connotation.Key words: The art of illustration Illustration style webpage design 北京化工大学北方学院毕业设计（论文）III目 录前 言 .1第 1 章 网页界面中手绘插画的设计概述 .2第 1.1 节 网页界面概述 .2第 1.2 节 手绘插画的概述 .4第 1.3 节 手绘插画在网页界面设计中的应用现状 .7第 2 章 鲜逸农庄网页界面的创新设计 .9第 2.1 节 鲜逸农庄网页界面设计的灵感来源与素材分析 .92.1.1 鲜

10、逸农庄网页界面设计的灵感来源 .92.1.2 鲜逸农庄网页界面设计素材分析 .9 第 2.2 节 鲜逸农庄网页设计中图形的创新设计 .10第 2.3 节 鲜逸农庄网页设计中色彩的创新设计 .15第 2.4 节 鲜逸农庄网页设计中界面的创新设计 .15第 2.5 节 鲜逸农庄网页设计中交互设计的创新 .15第 2.6 节 鲜逸农庄网页设计中用户体验的创新 .15第 2.7 节 鲜逸农庄网页界面的展示效果及应用领域 .152.7.1 鲜逸农庄网页界面的展示效果 .152.7.2 鲜逸农庄网页界面的市场应用领域 .15结 论 .25附 录 .26参考文献 .30北京化工大学北方学院毕业设计（论文）I

11、V致 谢 .31北京化工大学北方学院毕业设计（论文）1 前 言由于互联网传播的高速性，网站已经成为品牌传播和大众交流的最佳平台。一个好的个性化网站，一定要有独特的想象力和创造力。插画元素的合理化运用对网站的美化是一种全方位的艺术提升，不但能更有效的建立品牌和个人形象，还有助于树立企业的社会形象。网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；一个成功的网页设计，首先在观念上要确立动态的思维方式，其次，要有效地将图形引入网页设计之中

12、，增加人们浏览网页的兴趣。北京化工大学北方学院毕业设计（论文）2 第 1 章 网页界面中手绘插画的设计概述插画的定义每个人都有独特的见解，普遍被用于现代设计，其中文化活动、商业活动、影视文化涉及颇多。不管是深思熟虑的创作或者是随意的涂鸦，都算是插画形式的某一个范畴。在网页设计中运用插画是一种崭新的表现形式，其直观的形象性有很好的视觉传达效果，很容易增添网页的美感和感染力。第 1. 1 节 网页界面概述伴随着网络的病毒式传播，插画设计逐渐深入人心，插画设计的多样化风格也步入了一个全新的设计领域。1.1.1 网页界面的概念每个网站都会有一个主页来表现网站的定位，传递产品的特点。主页涵盖了该网站的标

13、志和连接其他页面的链接。我们只要单击有指向性的标题或者图片就可以打开下一级的页面。我们可以把网页看成是组成网站的最基本的单元，这个单元由文字、图像、声音、链接等元素组成。1.1.2 网页界面的风格表现简约风格：随着互联网的发展，我们进入了信息大爆炸时代，网页上繁杂的信息，多余排版，让人视觉疲劳。简约风格的页面设计缓解了这个痛处，几个简单的标志和清晰的排版，让浏览者更加直观清晰的了解内容（如图 1.1 简约风格）。图 1.1 简约风格 1 1图片来源：http:/ 网页界面的风格和时装界的流行趋势一样，随着时代在变迁，也在不断的变化，近些年风格的表现大体为夸张、精致、简约、复古，其中尤其以夸张表

14、现的风格最为常见。巨大的 logo 或者不相上下大小的标头。整个屏幕会被标头占据，上面会有一个重要的信息，在不点击任何东西的情况下，只要向下滑动鼠标，大标头就会出现，但是它不会强迫你的用户点击任何东西。另外夸张风格中还包含肥厚的字体，一般是大写字母。以前设计师会避开这样的字体，因为以前标志和标头都比较小，现如今和巨大的标头组合在一起之后，浏览者自然会注意到肥厚的字体（如图 1.2 界面设计）。图 1.2 界面设计 11.1.3 网页界面的设计原则网页设计要遵循一些自己特有的原则。想要定位一个网站，要先了解该网站用户的特点，同时也要了解不同的用户特性。每个网页的目的不同，所以设计方案也就不同。为

15、了达到网页设计的目的，必须对其界面进行美化，让用户感受到更强烈的视觉冲击。千篇一律的网站，总是令人厌恶。于是打造个性化的网页成为重中之重，人们总是更倾向于富有创意的网页，然而想要创作一个有创意的网页，就要从网页创作的初衷下手，不管是哪种风格都要适合网页的需要。要做到和谐的网页界面，首先是构图，色调的选取，色彩与色彩之间的搭配。文字大小及颜色字体的安1图片来源：http:/ 排，文字与构图之间的排版都对一页面的统一有着影响。第 1.2 节 手绘插画的概述手绘插画是插画最早的表现手法，运用最传统的绘画工具表现其独特性和创造性的艺术形式。简单纯朴的画面流露出创造者的真实情感，用最简单的线条勾勒和色彩

16、运用这种最质朴的形式能激荡出最强烈的视觉冲击力。1.2.1 手绘插画的特点手绘插画是插画艺术的一种，具备其独特的创造手法。因手绘插画的独特性，表现出越来越多的形式，无论通过哪种工具来表现，都可以达到人们对艺术的追求。手绘插画中更多的是设计者自己内心的想法，插画设计相比较来说比较自由，正是因为插画具有此特点，才表现出插画特有的韵味。在现代商业社会发展中，手绘插画得到了越来越多人的喜爱和推崇，这也反映出人们在物质追求下对传统文化和价值的认同。自由灵动的线条。手绘插画能够通过艺术手法，加入设计者的主观情感让作品更具独特性，每幅插画都是不可复制的。如英国著名时尚插画家 David Downton 在他

17、的时装插画中将时尚与艺术融合，用线条描绘出女性的柔美（如图 1.3 插画）。图 1.3 插画 1北京化工大学北方学院毕业设计（论文）5 手绘风格不同于其他艺术设计，强调手绘痕迹，及画面通过各种媒介的呈现出一定得肌理。粗糙的油画布让画面色彩感厚重，立体质感强，给人以稳重的艺术感受（如图 1.4 插画）；图 1.4 插画 1疏松的水彩纸让人回归自然，放松心境（如图 1.5 插画）；干裂墙面涂鸦更具创造力，给人以粗犷、奔放的感受。图 1.5 插画 21.2.2 手绘插画的创意表现无论是设计还是插画艺术都必须要有好创意，手绘插画要给人们在视觉上留下深刻印象。根据人们的审美观点,通过表现形式的多样、灵活的手法和新颖的立意,使浏览者的视觉感受与心灵共通。1图片来源：http:/