浅析传统风格网页设计——以“千秋词君李煜”、“北京小吃”网站为例.doc

1、浅析传统风格网页设计以“千秋词君李煜”、“北京小吃”网站为例摘要现代风格，简约、扁平化、有质感，拥有空间感，能够以少胜多；传统风格，也指中国风，包罗万象，既有繁复精巧，亦有淡雅意境。二者在网页风格设计中，并不对立，反而共生，以网页为载体，就要遵守其一定的内在规律，例如按照浏览者眼动规律来布局，根据传达给浏览者的信息来配色等，只有这样才能让传统风格成功的呈现在互联网上，一成不变的照搬必然会被用户拒绝甚至淘汰。本文以“千秋词君李煜”和“北京小吃”网站项目为例，同时辅以其他网站案例，介绍了传统风格中具有代表性的两个类型，通过浅析传统网页风格设计的特点和要素，总结如何在网页这一现代产物中更好的表现传统

2、风格，以及怎样准确的向用户传达中国传统风格中的文化含义，加快传统风格设计的普及。关键词网页设计传统风格信息传达设计总说明本人的毕业设计是“千秋词君李煜”与“北京小吃”两个网站项目，这两个是我个人非常感兴趣的项目。李煜，世称南唐后主，是五代十国之一南唐的最后一位帝王，他的诗词，既有哀戚婉转亦有气势磅礴；他的一生，恣意放纵却可享国十余年，但早年丧兄丧父丧妻，中年流亡为质终死于毒酒；几句话不足以总结李煜充满传奇色彩的一生，不谈政治，私以为李煜是中国历史上任何一位帝王都不可比拟的。北京小吃，分为民间小吃和宫廷小吃。随着各个朝代不断更替与进步，现已传承有百来种各具特色并深受多方食客喜爱的口味与风格，譬如

3、爆肚儿、炒肝儿、卤煮、豆汁儿、焦圈儿等等。凝聚了无数人的智慧，传承了中国5000年的文化。而且在很多小吃的背后，都有一段鲜为人知的小故事，或是带有传奇色彩的民间流传，或是跟慈禧老佛爷的逸闻趣事有关。所以北京小吃已经不单单是简单的小吃，而是一种代表北京的饮食文化。本次毕业设计的主要任务根据两个不同的项目会有所调整。首先是“李煜”，因为在目前所有的受众群体中，知道和了解李煜的用户比较少，好在现在许多人都开始注重自身文化修养，所以我们从李煜的诗词入手，运用传统风格营造一种浓郁的文化气氛，既要符合李煜的个人气质，也要符合当今各种用户的欣赏需求，以此去吸引用户进一步的了解和关注李煜这个人物。其次是关于北

4、京小吃。北京作为中国的首都，每天都迎接着八方来客。所以北京小吃这个带有浓郁文化的特色传承，也自然受到了更多人的喜爱与探寻。但至今为止互联网上还没有一个关于北京小吃的网站，实在可惜。本人想通过这个网站可以系统的梳理其种类和多方式去展现北京小吃，让爱吃、会吃的朋友们能够深入了解北京小吃与北京文化，有一个可以交流的平台，同时也要吸引更多不了解其中奥妙的民众来关注北京小吃，并深深的爱上它。在制作这两个项目时，我们选择了现在市场上主流的HTMLCSS样式，便于用户浏览和阅读信息，并配以FLASH导入页，增加视觉效果。在“千秋词君李煜”这个项目中我们采用了淡然雅致的配色，其中导入页与首页各1页，5个二级页

5、面，21个次级页面，次级页面中共有49个内容页，共计77个页面；而在“北京小吃”中，我们采用了活泼鲜艳的配色，其中导入页与首页各1页，登录注册1页，4个二级页面，10个次级页面，32个内容页，共计49个页面，其中有两个二级页面因有用户发言功能，需后台服务器支持，故只能做出一个模版，其中链接不可点击，如果可以点击内容会更加丰富。制作该网站时主要使用的是PHOTOSHOP（用于界面设计）、DREAMWEAVE（用于网页制作）以及FLASH（用于界面主视觉FLASH制作）三款软件。目录绪论11网页风格设计111网页风格设计的概念112网页风格种类12传统风格网页设计321传统风格网页设计322如何选

6、择传统风格网页设计423传统风格网页设计的优势与趋势43千秋词君李煜官方网站风格设计531导入页设计632首页设计733次级页面与内容页设计834淡然雅致风格设计应注意的细节94北京小吃官方网站风格设计941首页设计1042次级页面与内容页设计1143活泼鲜艳风格设计应注意的细节125“李煜”与“北京小吃”案例风格设计对比1251布局对比1252色彩对比1353传统元素运用对比13总结14谢辞15参考文献16绪论如今的互联网正飞速发展着，人们通过互联网不仅可以用传统的方式搜索所需信息，而且还可以通过它满足生活中的衣食住行。在如今的大数据时代，网站做为一个多元化的信息载体，在其中扮演着非常重要的

7、角色。用户也不仅仅满足于简单的信息传递，对视觉和形式感也愈发重视。所以网站风格设计的未来发展趋势要注重更多的整体与细节，带给用户从视觉到心理的整体感受。所以丰富的带有创意性的迎合网民心理需求的网页风格设计越来越成为主流。而就在这样一个获取信息十分便利的时代，人们的内心也愈发浮躁，于是一种经过历史沉淀的文化正在悄然流行，它就是中国风。从服装到美食到艺术形式，都受到很多人的喜爱和研究，当然其中也不缺乏其他国家的爱好者。中国风，或者说中国传统文化正在以它自己的方式慢慢传播于全球，而我们的互联网发展也紧跟时代的步伐，中国传统风格设计的网站就是其中之一。将中国传统元素融入到现代网页风格设计中，是发展中国

8、传统文化的又一个好的方式。本人选择这个论点为题目，也是希望能够更深入的去理解和研究文化的传承，并设计出更好的带有中国文化风格的网站。1网页风格设计网页风格设计最能传递企业文化信息，好的网页风格不仅能帮助客户认识和了解网站背后的企业，也能帮助企业树立别具一格的形象。通过网页风格的独特，直接给自身网站和所处行业的其它网站之间营造出一种清晰的辨识度。随着互联网的影响力不断提升，网站成了企业让客户了解自身最直接的一个门户，通过自身网站的辨识度在众多网站中脱颖而出，迅速帮助企业树立品牌，提升企业形象。11网页风格设计的概念网站风格是抽象的概念，一般是指网站的整体形象给浏览者的综合性惑受。每一个网站都有自

9、己独特的风格，而拥有独立风格的网站会吸引越来越多用户的关注，从而提升自己网站的知名度。网站的整体形象包括页面的排版布局，形式，色彩，效果等。比如我们觉得福娃的形象是生动活泼的而法官的形象则是专业严肃。每一个网站都会给浏览者留下不同感受。因此我们需要做到的是根据网站的定位不同做出每个网站特有的形式。除此我们还需要在风格上把握一下，网页上所有的图形、文字，包括背景颜色排版形式等等都要统一风格，这样网页才可以使浏览者看起来舒服、顺畅。12网页风格种类网页风格按不同的分类标准可分为很多不同的种类，就本文而言，按照用途可分为以下六类。（1）时尚类（见图1）适用于精品、时尚、饭店旅馆、服饰、婚纱等产业。需

10、要特别注重视觉的效果。时尚风格类型的设计特色呈现出简约、精致、高质感，比较少使用线条。另外照片的运用上建议使用高解析度、饱和度高、鲜明对比色为主，较能表现出高质感的感觉。图1时尚类网站（2）科技类此类型一般适用于高科技、机械、电子、多媒体等产业。科技类型大多使用大量动画特效、多媒体音效及线条并结合主打商品或服务，来传达高科技感和专业度。（3）商业类商业网站制作适用于任何类型的企业，是目前最普遍类型的网站。此类型网的风格偏向简单且网站动线明确为主，不做过度华丽的版面设计或使用过多的动画，以增加网站浏览速度而提高搜寻排名。（4）休闲类（见图2）适用于休闲农场、观光景点、户外餐厅等企业。此类型的网页

11、设计大多会使用户外的素材，如蓝天白云、天空、树木、绿地等等来营造出休闲自然的风格，会让用户感受到。图2休闲类网站（5）活泼类适用于主题乐园、童装、学校等客群以幼童或青少年为主的网站。（6）传统类又称古典风，适用于企业形象或主要商品风格偏向中国风或欧洲古典风的网站。这种类型的网站设计会以复古风格结合的花纹底图或图藤效果来表现柔美复古感。若是属于中国风网站，通常在设计上会比较注重国画中“留白”的原则，同时辅以复古配色，以及水墨，毛笔字和印章烙印等图片来传达中国文化。2传统风格网页设计21传统风格网页传统风格是一个比较概括的分类，在传统风格中又分为中国风、日韩风和欧洲古典风。本文重点研究的是偏向中国

12、风的传统风格，其中包含以下三种主要风格。淡然雅致风格（见图3）配色饱和度较低，多以淡色为主色调，配以国画、书法等素材，“留白”概念在此中能得到很好的诠释。图3淡然雅致风格活泼鲜艳风格（见图4）以较为鲜艳的色彩为主色调，有形式感，排版不过于正式，图片较多，内容丰富。图4活泼鲜艳风格沉稳大气风格（见图5）配色正式，能体现气势，如红黄，紫黄等，排版也突出对称和稳定性。图5沉稳大气风格22如何选择传统风格网页设计首先，最重要的是根据网站所要传递给用户的信息内容来确定风格。以介绍人物的网站为例，假设此人是知名古诗词人，可根据其词风来确定。如词风清隽就选择淡雅风格，偏民俗可选择活泼的风格。要是换成企业类或

13、机构类网站的话，还是以沉稳、大气风格为主；如果一个清隽词人的网站设定成沉稳大气的风格就会显得死板，难以吸引用户。23传统风格网页设计的优势与趋势传统风格网页设计的优势（1）突显网站的文化底蕴。只要和传统风格不过于相反的内容，同样可以使用。传统风格演变自中国五千多年的历史积累，其中网页设计的变化和统一、对比和调和、均齐与平衡，这些概念最早就来源于易经一书。（2）更适合文化类、机构类网站。现在很多此类网站仍使用单调的线条，内容与风格不匹配，反之如果使用传统风格，就会衬托出网站的整体氛围，让用户感觉更和谐。（3）属于中国独创。像时尚类、休闲类的风格网站并不能准确说出它们属于哪个国家，而中国传统风格有

14、类似符号的性质，代表着中国文化，世界上绝无仅有。传统风格网页设计的趋势（1）政府重视。现在，非物质文化遗产的传承受到了政府更多的支持和保护，并且我校还申请了国家级民族文化传承与创新教学资源库，越来越多的学生和青年人加入到非遗的保护、传承和发展的行列，随之传统风格的网页设计也会越来越普及。（2）国民重视。现代生活节奏的加快与生活的压力，让很多人开始回归简单与向往淳朴的生活方式，并开始注重本国的传统文化，而且人们获取信息最有效的途径仍是互联网。所以随着这种发展趋势和民众需求，中国传统风格网页设计也会得到很好的发展。（3）国外流行。虽然“中国风”为近年流行，可早在十七、八世纪的欧洲就兴起了“中国热”

15、。当时太阳王路易十四有一场聚会，他坐着中国的八抬大轿进入会场，从那时起很多人开始对中国有了了解，平民百姓也开始收集一些古玩等等。虽然如今传统风格网页设计在国外还不十分流行，但随着各国间的文化交流，当中国传统文化真正普及到全球那一天，相信关于传统风格的网页设计也会更加受到人们喜爱。3“千秋词君李煜”官方网站风格设计南唐后主李煜，唐末宋初，五代十国，生逢乱世。如果可以用一句话概括他的一生，那便是“一代风流君不二，多情才子薄命王“。因为他的出生地是今江苏省，又因为他的词派是花间词，这些都与温润和淡雅结合了起来，所以把李煜的官方网站风格设定为淡然雅致是最恰当不过了。为了体现这样的风格理念，其设计所应用

16、到的元素是来自于中国水墨画和江南建筑中的花窗。水墨画这种带有浓郁中国特色的艺术表现手法，可在网站设计中应用的元素，包括宣纸、山水、花草、墨韵、印章，和各种动物等等（见图6）；这些元素表现的意境也非常广泛，例如古朴、飘渺、优美、苍劲、生机勃勃图6水墨元素水墨画中可应用在网页设计的素材很多，意境也不局限于此，但传统风格并不是元素的叠加。“意境是指抒情性作品中呈现的那种情景交融、虚实相生、活跃着生命律动的韵味无穷的诗意空间”，这一点和网页设计中的对比与调和不谋而合。说起江南建筑中的花窗，就不得不说榫卯。榫卯是古典家具之魂，一榫一卯之间，一转一折之际，凝结着中国几千年传统家具文化的精粹，这种木材的精巧

17、衔接，十分坚固牢靠，并且美观，花窗就是这样技术下的产物。在传统风格网站设计中，可以应用一些古建筑的元素，如宝塔、宫殿、拱桥等等，也包括花窗、屋檐、城墙这种小素材，这样有利于感官的虚实结合，只是不要太多，画蛇添足，少而精为佳。网页风格设计中可应用的中国元素还有很多，书法，和其他多样的绘画手法，但同样需要注意，传统风格的元素应用不是一味的重复，一般网站风格设计中，取一主要风格应用即可。（以下“千秋词君李煜”官方网站，简称“李煜”）31导入页（风格）设计导入页的效果要尽量丰富，因为它是用户对网站的第一印象，一定要吸引住用户的眼球。“李煜”导入页的设计，采用纸张底纹，为使背景不单调，加上了水墨远山以衬

18、托李煜为人性格的飘渺的感觉；上下封底是花窗元素，让界面看起来更整齐；进入时界面飘下花瓣，增加界面优美感；圆形墨韵按照笔序出现，然后淡入李煜本人画像，同时展开讲述他生平的一首诗，有一种既视感，舒缓的把用户带入到的李煜的世界当中去。为吸引用户视觉；在界面下方是一副滚动的韩熙载夜宴图（描绘李煜宫廷生活的真实写照），画幅较长，在设计上丰富了页面内容，有图片支撑底部显得更稳定（见图7）。图7李煜导入页第一步效果之后，进入导入页的另一个界面，整体变暗模糊变为背景，在这之上从界面的四周汇集本站LOGO“李煜千秋词君”六字，增加视觉效果；随之出现闪烁的点击进入按钮；至此所有的导入页动画完毕，点击按钮即可进入（

19、见图8）。图8李煜导入页第二步效果32首页（风格）设计在首页（见图9）设计中，LOGO和导航处于界面顶端，下方是网站的动态BANNER，可以自动切换图片。为了视觉效果BANNER设计的尺寸比较大，如果将导航放在它下面，当用户浏览时就会受到BANNER尺寸的影响，不利于点击导航，同时LOGO旁边也会显得太过空旷。网站的下半部分分为三栏，分别是李煜的三类信息，在分栏右下角的位置有“更多”按钮，点击可切换到对应页面。图9李煜首页在LOGO的设计上，采用了水墨底，水墨菊花，祥云这三样素材；为了使素材与背景更加融合，菊花使用了正片叠底效果，并且和祥云一样降低了75的透明度；喻意是，菊花，高贵，清雅，与大

20、多数春夏盛开的花朵不同，但到严寒时还是会枯萎，就好像李煜的一生，与众不同，却最终死于窘境之中。文字分别是柏青体“李煜”，以效“翠微松柏”的精神，以及繁方篆“千秋词君”，以增古韵。同时文字的大小已接近艺术字体的识别界限，为了与背景区别开，所有文字都添加了比较明显的阴影。在导航的设计上，过于单调的设计让导航不容易被用户注意，过重的装饰影响用户识别，缺少整体感，不利于点击。所以本站导航选择圆形色块为装饰，为了不显单调并增加整体感，在上面应用了中文大写数字的样式，有作为项目编号的意义；当鼠标滑过时，显示文字的墨迹背景，点击后跳转到二级页面，墨迹背景停留在该状态，这样会让用户清楚的知道自己在网站中所处的

21、位置。在BANNER的设计上，为了增加动态效果，我们选择利用HTML代码，实现非FLASH的图片切换。同时BANNER中的图片也经过精心设计，第一张运用LOGO和导入页中的菊花、文字、墨韵和画像再重组，偶尔重组素材会让界面看起来有互相辉映之感；第二张“词赏析”，采用了远山水和荷花，荷花有高洁之意，山水正好应了诗词中“一江春水向东流”的意境；第三张讲轶事典故，因为会讲到李煜的爱情故事，所以设计得粉嫩一些，采用了桃花和折扇的元素，它们分别带给人甜蜜及风流的联想；最后一张第四张“惊才艳艳”，讲李煜的才气，“惊”“金”二字发音相近，所以在最后一张中添加了金色的花朵以取巧意。从四个不同的角度，取四种不同

22、意境来制作BANNER，但仍符合淡然雅致的网站整体风格，并不脱离主题。33次级页面与内容页（风格）设计为了让用户更快捷、更有效的了解李煜，包括他的生平、诗词、为政等，本人用简洁精炼的的方法去设置次级页面与内容页（见图10）的框架，这样可以让有些不了解李煜的用户，很快并清晰的对这个历史人物有个大概的认知。图10李煜次级页面与内容页在设计内容页与次级页面的整体风格时，本人应用了牡丹，以及梅、兰、竹、菊，五个元素，这五个元素对应五个栏目的主题，每个二级页面都有自己的主题，为网站添加了统一之中的变化。同时，之所以在“四君子”之外选择牡丹，是因为牡丹代表着雍容华贵，李煜首先是个君主，然后才是一位词人。在

23、制作整体设计时，根据用户的普遍视觉习惯，是最先关注左半部分的内容，所以为了使用户先被内容吸引住，我们把内容部分放在了左半部分，占整个页面大约五分之四，而切换内容的按钮选择栏放置在页面右半部份，约占页面的五分之一（在所有的网页设计中，选择栏都不宜过宽，否则会影响页面的和谐感）。34淡然雅致风格设计应注意的细节在设计淡然雅致风格时我们应该注意以下细节（1）画面色彩不要过于单调。慎用全篇黑白配色，可以搭配一些低饱和度的颜色，例如绛红、黎色（土青）、牙色等。（2）内容不要太满。要有适当留白，方寸之地亦显天地之宽。4“北京小吃”官方网站风格设计北京小吃，历史悠久，技艺精湛，品种繁多，其中有汉民风味、回民

24、风味和宫廷小吃等，各种荤素、甜咸、干稀、凉热，种类纷繁，季节性强，适应面广。有史料可查北京小吃元代已甚著称，由于北京曾为金、元、清的都城，又是新中国的首都，多方面的有利条件使它能博彩各地小吃之精华，兼收各组小吃之风味，使北京小吃更加丰富多彩。在网页风格设计方面，因为北京小吃给人的整体感觉是偏民俗的，贴近生活的，所以本人选择了活泼鲜艳的色彩搭配，运用了老北京城的设计元素。鲜艳的颜色可以吸引视觉的注意和激起对食物的食欲，老北京城的民俗感又和北京小吃悠久的历史相得益彰。北京小吃官方网站的风格设计，灵感来源于故宫的红墙琉璃瓦，因为这样的设计很有北京古建筑的特点，而且北京小吃比较大的一部分也来自宫廷流传

25、，所以用这种古建筑风格的元素来相衬北京小吃的整体风格再贴合不过。在设计传统风格的网站时，需要收集大量中国传统风格的艺术经典素材，比如青花瓷，祥云，龙纹等等。这些带有强烈中国特色的形象，为设计传统风格的网站提供了很多的灵感来源，也最能体现我国的文化精髓。这些都是传统风格网站必不可少的元素点缀。41首页（风格）设计在设计北京小吃这个网站的首页（见图11）时，主色调为绯红，设计的较为醒目，这是为了当用户登陆网站时第一眼就被中国红所吸引住，而且为了视觉对颜色的平衡，但我们将LOGO设计成黑色并延展下来，这样的红黑搭配更加具有亲和力，让人感觉均齐与平衡。在界面的顶端是网站LOGO和登录/注册，添加了一张

26、小吃图片的渐变（透明度55），这样看起来既不会太单调也不会太凌乱。下面是一个FLASH，有一个流动的背景，里面包含导航按钮，鼠标滑过时会在首页中切换不同的图片，丰富了视觉效果。界面的下半部分，是吃货论坛和小吃简介，之所以要推荐这个两个栏目板块，一是因为让用户看到这是一个有人气的社交平台，增加用户的对北京小吃的凝聚力和对美食的热衷；二是因为网站需要不断的更换最新最快的相关信息，从而不让用户流失，让他们可以在论坛里时刻畅所欲言对北京小吃的热爱。而且主页还设置了“今日推荐”这个特别小板块，更加贴心的为用户提供了有用的信息，拉近与食客们的距离感。在设计LOGO时，考虑到北京也是一个现代化都市，所以用色

27、块与英文“TASTEOFPEKING”增加现代感，旁边的京味儿三字是其中文翻译，采用繁体古隶，是小篆走向隶书的过度字体，古韵十足。图11北京小吃首页而在设计界面时，我们把红墙琉璃瓦的元素，应用到了占比最重的视觉FLASH里，奠定了整体风格的基调；并把导航按钮嵌入其中，当鼠标划过按钮时会切换图片，增加网站视觉效果。这其中，不仅有“墙瓦”的元素，还有背景中的龙头喷泉，左上方的竖排文字，切换时与栏目对应的民俗图片，以及“墙”下用以增加质感的麻布底纹，正是这些元素一点一滴的融合，才完成了民俗、鲜艳、活泼的北京小吃官方网站的风格设计。42次级页面与内容页（风格）设计在设计北京小吃的次级页面与内容页时，考

28、虑到网站设定包括地图与在线论坛功能，所以在版式的设计上也有所不同。次级页面上，“小吃食谱”与“历史典故”（见图12）为一类，因为它们有明确的分类，层级较清晰明确。“美食地图”（见图13）就是网站中包括的地图功能，因为北京小吃大部分集中在城区内，郊区部分会出现大量空白，所以不适用类似“高德地图”的实时交互界面，而是更适合类似“大众点评”的分类查找，这样不仅提高了信息查找的准确性与便捷性，同时也更容易阅读浏览。最后一个栏目“吃货论坛”（见图14）就是网站中的在线论坛功能，但由于没有后台服务器支持，我们只设计出一个雏形，包括左半部分的内容，以及右半部份的“发表帖子”，“论坛版块”，与“热门帖子”，总

29、共四部分。图12北京小吃次级页面历史典故在内容页上，“小吃食谱”与“历史典故”在界面右侧都设立了副导航，用以栏图13北京小吃次级页面美食地图图14北京小吃次级页面吃货论坛目内切换内容用；在“历史典故”的四级页面的导航下方，是“足迹”功能，为防止层级过多，用户在网页中不能清晰了解自己所在的位置。在“美食地图”中，当点击次级页面的内容栏的链接时，会进入到内容页，此时同样可点击右侧的副导航进行内容切换。设计上，北京小吃的内容页并没有延续首页的“红墙琉璃瓦”元素，而是改为“素瓦白墙”，一方面因为在次级页面与内容页中，要阅读的文字较多，但绛红仍属于比较鲜艳的颜色，不适于用户阅读；另一方面也是因为朴素的配

30、色更易贴近北京小吃中民俗的一面。但并不是在次级页面与内容页中没有鲜艳的颜色，暗红色（非绛红）在朱红的基础上降低了饱和度，用于界面中的“点睛色”，在一些选项和需要用户注意的地方，都运用了这种“点睛色”，如此不仅可以延续首页的风格，增加页面统一感，也有画龙点睛之妙。43活泼鲜艳风格设计应注意的细节在设计活泼鲜艳风格时我们应注意以下细节（1）避免配色过于鲜艳。注意色彩的对比与调和，界面颜色最好不要超过五种，对于比较鲜艳的颜色可降低其饱和度，或用明度较低的颜色进行调和。（2）内容页要适于阅读。因内容页文字较多，故不适用大量高饱和度颜色，同时注意背景色与文字颜色间的对比。（3）增加视听觉效果。避免活泼风

31、格中页面过于死板，可应用动画、音乐、图片等元素。5“李煜”与“北京小吃”网站风格设计对比在传统风格网页设计中，李煜与北京小吃这两个案例，带给了用户截然不同的感受。在布局、色彩，和对传统元素的应用上，这两个案例有所同，也有所不同，下文从如何细致准确得应用传统风格网页设计的角度出发，分析了李煜和北京小吃这两个案例。51布局对比李煜与北京小吃在布局上的相同之处在于，二者都应用了占页面比例较大的BANNER；不同之处则是李煜的BANNER应用JAVASCRIPT技术实现图片轮播，导航处于页面BANNER上方，页面下半部分则是规则的三个分栏。而北京小吃是利用FLASH将导航按钮融合在BANNER中，页面

32、下方的不规则分栏，更具有活力。在两个案例的二级页面中，都更偏向于左半部分为内容，右半部分为副导航，用以切换栏目内的页面，不同之处在于，李煜的二级页面与内容页是一体的，而北京小吃则有较深的层级。52色彩对比李煜为淡然雅致风格，北京小吃为活泼鲜艳风格。首先从色彩上来讲，李煜采用淡然雅致风格，整体运用白色，配黎、绛红为点睛色，有水墨画之感（见图15）。图15李煜配色北京小吃采用活泼鲜艳风格，主色调运用绯红，米、黑为配色，绛红为点睛色（见图16）。两个案例中关于色彩，最大的不同是李煜大量应用了白色，所以黎、绛红只能为点睛色，映衬水墨之感，以体现淡然雅致；北京小吃则以绯红为主色调，但颜色偏于鲜艳，所以配

33、米、黑为辅助色，黑与红之间既是对比亦是制衡，故需米为之调和。图16北京小吃配色53传统元素应用对比在这两个案例中，从元素运用上来讲，李煜为水墨，北京小吃偏民间，其所呈现的效果各有千秋。李煜运用水墨画和江南建筑元素，给人以温柔，细腻，雅致的意象。而在北京小吃中，最为突显的是视觉FLASH里“红墙琉璃瓦”的北方宫廷建筑元素，其它民俗韵味则以食物、人物等图片来体现，这些元素整体带给人朴实、民俗、活泼的意象，活泼在词典中的释意为“生动自然；不呆板”。两个案例作为两种不同的传统风格，其中最大的差别在于，李煜中的每个元素都与整体风格相呼应；而北京小吃则是突出其中一个，并融合现代设计元素。总结传统网页风格设

34、计是对中国元素进行完美的拆分与重组，它包含了绘画、书法、建筑、图腾等元素，需要设计师对中国传统文化有一定的了解与认知。本文中浅析了传统风格网页设计的概念、分类，优势与趋势，并辅以毕业设计案例，分析传统元素的实际应用。但就李煜与北京小吃这两个案例而言，还存在着不足，例如李煜的二级栏目之间没有明显的风格区分，让界面看起来有些单调；北京小吃的设计略显稚嫩，线条、按钮等一些细节还需要仔细调试。在将来，互联网仍是许多人获得信息的首要渠道，而网页也仍是一个重要的传播载体，人们会更加注重网页设计的美与丑和带给自身的感受，而传统风格也会在中国传统文化复兴的大背景下发展得更加顺利。作为一名未来的“设计师”，也要

35、增加自身修养，多学习中国的传统文化。希望有一天中国的传统风格网页设计，可以成为亚洲东方文化的代表。谢辞岁月如白驹过隙，五年的时间，学校见证了我们的成长，我们也见证了学校的改变。感谢曾经教授过我的每一位老师，也感谢这次的毕设指导陈金梅老师。得一良师，胜万卷书，陈老师的严谨、耐心、负责让我受益匪浅。同时还要感谢小组另一个成员白宇轩同学，与他一起做过很多大作业，默契无需多言，感谢他这两年来的支持与照顾。最后，感谢参考文献中作者们做出的研究。参考文献1覃瀚颖浅谈网站风格设计J现代企业教育,2014205325322王志玮浅谈网站风格设计J价值工程,2011,30131711713徐美雅浅谈网站风格设计的基本要求J天津电大学报,2009,13159624冯皓,吴向炜现代网页设计风格分析J长治学院学报,2009,26483845耿阳,孙志红浅谈网页设计的形式和艺术风格J艺术与设计理论,20090365676余小芬,宋魁友网页设计风格的审美效应J大众文艺学术版,201261081097马艳丽中国风格在网页设计中的应用J艺术教育,2012051491498杨敬飞传统风格网页设计及其视觉审美性研究J设计,201404113114