东西方传统设计风格

第一篇：东西方传统设计风格

设计风格与流派课程 指导老师：盛忠谊

雲南少数民族“干栏式”民居

姓名：陈明梅 学号：M11055108066

专业：2011届MFA环境艺术

雲南少数民族“干栏式”民居

水傣的传统民居是干栏式，也就是俗称“竹楼”。特点是歇山式的屋顶，正脊很短，屋顶很大，坡度非常陡，也就是当地人说的“偏厦”，看上去很象重檐顶形式。傣族干栏民居的构架非常简単，在平地上接塔出一亇稳定的架子，底层悬空二层做出居室型，然后在顶部辅草就可以了。这种形式是因地取材便利快捷，占地面积少居住面积大，有防潮通风等特点很适合当地气候条件。

干栏式建筑的结构干栏（也作[干阑]）是历史极为久远的一种建筑类型，它是由原始人类的巢居逐步演变而成的。[干栏]一词最早见于《魏书》：[依树积木，以居其上名曰干栏]。《旧唐书》：[山有毒草及风蝮蛇，人并楼居，登梯而上，号为干栏]。干栏是一种把居住层地板用支柱架离地面的建筑，以避虫蛇猛兽，并有利于防潮及通风，适用于温暖潮湿的地域。（如图）

云南省剑川剑湖海尾河旁的海门口遗址的复原的干栏建筑（距今7000多年干栏式建筑群（距今3000多年）干栏在中国古时候的长江以南地区曾广泛采用，后来逐渐减少，现在只存在于西南少数民族地区。如今仍以干栏为主要住房的，有傣族的竹楼、壮族的麻栏、侗族的木干栏、黎族的船形屋、水族的木楼等。其中傣族的竹楼是以竹为主要建筑材料，每家有篱笆围成的小院，种有芭蕉等热带植物，极富生趣。壮族的麻栏吸收了较多的汉族建筑手法，木材用量增加。侗族的木干栏建造工艺较高，尤其是村寨中的鼓楼及风雨桥，显示出惊人的木工技巧。

干栏式竹楼具有独特的风格，它有舒适、卫生、防潮、防虫等优点。傣家的竹楼正方形，分为上下两层，上层住人，距离地面约2公尺左右，以数根木料（或用大青竹）为柱。下层无墙，用以饲养牲畜及堆放什物。竹楼层顶造型为歇山式，层面用草排复盖。设有楼梯，拾级登楼，有走廊、凉台，可以晾物和纳凉。室内用竹篱笆隔为两间，内间为主人卧室，外间为客室。客室进门内有高出地面四、五寸长的火塘，供烹饪取暖照明之用。外间是接待宾客的场所，也是室内活动的中心。卧室是一大通间，男女数代同宿一室，席楼而卧，仅仅是使用黑布蚊帐，作为间隔。室内陈设简朴，用具绝大部份为竹制品，除锅、盆、罐外。其余桌、凳、箩、筐、饭盒等系竹篾编制而成。壁多无窗，阳光和风都是从这些竹片缝中透入。楼外以竹为篱笆，宅院内长着劲秀挺拔的椰子、树干高大的柚树、果实累累的香蕉、香甜可口的木瓜和婆娑苍翠的竹丛。一派诗情画意，点缀出浓郁的亚热带风光。傣族的竹楼具有两大优点。一是竹楼能防蚊虫、防潮湿、防野兽。二是建盖竹楼的材料来源方便，就地取材，比较经济。傣族建造竹楼使用的材料主要是大青竹和少量木料。大青竹是傣族地区的特产，而竹楼屋面覆盖的草排是以当地所生长的茅草编制而成，这种制草排的茅草来源广，又很经济。加之傣族人民建造新房时有全寨互相帮助的习惯，一家盖房，全村出动，送草排，赠送青竹，出劳力。因此，傣族人民建造新房的速度也相当快，一幢竹楼只需一天多即可竣工。新房落成，全村老幼都前往祝贺。傣族人民喜爱的民间歌手“赞哈”，更以自己的歌声祝贺主人迁入新居。、

第二篇：毕业论文-浅析传统风格网页设计

浅析传统风格网页设计

——以“千秋词君李煜”、“北京小吃”网站为例

摘 要

现代风格，简约、扁平化、有质感，拥有空间感，能够以少胜多；传统风格，也指中国风，包罗万象，既有繁复精巧，亦有淡雅意境。二者在网页风格设计中，并不对立，反而共生，以网页为载体，就要遵守其一定的内在规律，例如按照浏览者眼动规律来布局，根据传达给浏览者的信息来配色等，只有这样才能让传统风格成功的呈现在互联网上，一成不变的照搬必然会被用户拒绝甚至淘汰。

本文以“千秋词君李煜”和“北京小吃”网站项目为例，同时辅以其他网站案例，介绍了传统风格中具有代表性的两个类型，通过浅析传统网页风格设计的特点和要素，总结如何在网页这一现代产物中更好的表现传统风格，以及怎样准确的向用户传达中国传统风格中的文化含义，加快传统风格设计的普及。关键词：网页设计 传统风格 信息传达

设计总说明

本人的毕业设计是“千秋词君李煜”与“北京小吃”两个网站项目，这两个是我个人非常感兴趣的项目。

李煜，世称南唐后主，是五代十国之一南唐的最后一位帝王，他的诗词，既有哀戚婉转亦有气势磅礴；他的一生，恣意放纵却可享国十余年，但早年丧兄丧父丧妻，中年流亡为质终死于毒酒；几句话不足以总结李煜充满传奇色彩的一生，不谈政治，私以为李煜是中国历史上任何一位帝王都不可比拟的。

北京小吃，分为民间小吃和宫廷小吃。随着各个朝代不断更替与进步，现已传承有百来种各具特色并深受多方食客喜爱的口味与风格，譬如爆肚儿、炒肝儿、卤煮、豆汁儿、焦圈儿等等。凝聚了无数人的智慧，传承了中国5000年的文化。而且在很多小吃的背后，都有一段鲜为人知的小故事，或是带有传奇色彩的民间流传，或是跟慈禧老佛爷的逸闻趣事有关。所以北京小吃已经不单单是简单的小吃，而是一种代表北京的饮食文化。

本次毕业设计的主要任务根据两个不同的项目会有所调整。

首先是“李煜”，因为在目前所有的受众群体中，知道和了解李煜的用户比较少，好在现在许多人都开始注重自身文化修养，所以我们从李煜的诗词入手，运用传统风格营造一种浓郁的文化气氛，既要符合李煜的个人气质，也要符合当今各种用户的欣赏需求，以此去吸引用户进一步的了解和关注李煜这个人物。

其次是关于北京小吃。北京作为中国的首都，每天都迎接着八方来客。所以北京小吃这个带有浓郁文化的特色传承，也自然受到了更多人的喜爱与探寻。但至今为止互联网上还没有一个关于北京小吃的网站，实在可惜。

本人想通过这个网站可以系统的梳理其种类和多方式去展现北京小吃，让爱吃、会吃的朋友们能够深入了解北京小吃与北京文化，有一个可以交流的平台，同时也要吸引更多不了解其中奥妙的民众来关注北京小吃，并深深的爱上它。

在制作这两个项目时，我们选择了现在市场上主流的HTML+CSS样式，便于用户浏览和阅读信息，并配以Flash导入页，增加视觉效果。在“千秋词君李煜”这个项目中我们采用了淡然雅致的配色，其中导入页与首页各1页，5个二级页面，21个次级页面，次级页面中共有49个内容页，共计77个页面；而在“北京小吃”中，我们采用了活泼鲜艳的配色，其中导入页与首页各1页，登录注册1页，4个二级页面，10个次级页面，32个内容页，共计49个页面，其中有两个二级页面因有用户发言功能，需后台服务器支持，故只能做出一个模版，其中链接不可点击，如果可以点击内容会更加丰富。

制作该网站时主要使用的是Photoshop（用于界面设计）、Dreamweave（用于网页制作）以及Flash（用于界面主视觉Flash制作）三款软件。

目 录

绪论........................................................................1 1 网页风格设计..............................................................1

1.1网页风格设计的概念....................................................1 1.2网页风格种类..........................................................1 2 传统风格网页设计..........................................................3

2.1传统风格网页设计......................................................3 2.2.如何选择传统风格网页设计..............................................4 2.3传统风格网页设计的优势与趋势..........................................4 3千秋词君李煜官方网站风格设计...............................................5

3.1导入页设计............................................................6 3.2首页设计..............................................................7 3.3次级页面与内容页设计..................................................8

3.4淡然雅致风格设计应注意的细节..........................................9 4北京小吃官方网站风格设计...................................................9

4.1首页设计.............................................................10 4.2次级页面与内容页设计.................................................11 4.3活泼鲜艳风格设计应注意的细节.........................................12 5“李煜”与“北京小吃”案例风格设计对比....................................12

5.1布局对比.............................................................12 5.2色彩对比..........................................................................................................................13 5.3传统元素运用对比..........................................................................................................13 总结.......................................................................14 谢辞.......................................................................15 参考文献...................................................................16

绪论

如今的互联网正飞速发展着，人们通过互联网不仅可以用传统的方式搜索所需信息，而且还可以通过它满足生活中的衣食住行。在如今的大数据时代，网站做为一个多元化的信息载体，在其中扮演着非常重要的角色。用户也不仅仅满足于简单的信息传递，对视觉和形式感也愈发重视。所以网站风格设计的未来发展趋势要注重更多的整体与细节，带给用户从视觉到心理的整体感受。所以丰富的带有创意性的迎合网民心理需求的网页风格设计越来越成为主流。

而就在这样一个获取信息十分便利的时代，人们的内心也愈发浮躁，于是一种经过历史沉淀的文化正在悄然流行，它就是——中国风。从服装到美食到艺术形式，都受到很多人的喜爱和研究，当然其中也不缺乏其他国家的爱好者。中国风，或者说中国传统文化正在以它自己的方式慢慢传播于全球，而我们的互联网发展也紧跟时代的步伐，中国传统风格设计的网站就是其中之一。将中国传统元素融入到现代网页风格设计中，是发展中国传统文化的又一个好的方式。本人选择这个论点为题目，也是希望能够更深入的去理解和研究文化的传承，并设计出更好的带有中国文化风格的网站。网页风格设计

网页风格设计最能传递企业文化信息，好的网页风格不仅能帮助客户认识和了解网站背后的企业，也能帮助企业树立别具一格的形象。通过网页风格的独特，直接给自身网站和所处行业的其它网站之间营造出一种清晰的辨识度。随着互联网的影响力不断提升，网站成了企业让客户了解自身最直接的一个门户，通过自身网站的辨识度在众多网站中脱颖而出，迅速帮助企业树立品牌，提升企业形象。

1.1网页风格设计的概念

网站风格是抽象的概念，一般是指网站的整体形象给浏览者的综合性惑受。每一个网站都有自己独特的风格，而拥有独立风格的网站会吸引越来越多用户的关注，从而提升自己网站的知名度。网站的整体形象包括页面的排版布局，形式，色彩，效果等。比如：我们觉得福娃的形象是生动活泼的而法官的形象则是专业严肃。每一个网站都会给浏览者留下不同感受。因此我们需要做到的是根据网站的定位不同做出每个网站特有的形式。除此我们还需要在风格上把握一下，网页上所有的图形、文字，包括背景颜色排版形式等等都要统一风格，这样网页才可以使浏览者看起来舒服、顺畅。

1.2网页风格种类

网页风格按不同的分类标准可分为很多不同的种类，就本文而言，按照用途可分

为以下六类。

（1）时尚类（见图1）：适用于精品、时尚、饭店旅馆、服饰、婚纱等产业。需要特别注重视觉的效果。时尚风格类型的设计特色呈现出简约、精致、高质感，比较少使用线条。另外照片的运用上建议使用高解析度、饱和度高、鲜明对比色为主，较能表现出高质感的感觉。

图1 时尚类网站

（2）科技类：此类型一般适用于高科技、机械、电子、多媒体等产业。科技类型大多使用大量动画特效、多媒体音效及线条并结合主打商品或服务，来传达高科技感和专业度。

（3）商业类：商业网站制作适用于任何类型的企业，是目前最普遍类型的网站。此类型网的风格偏向简单且网站动线明确为主，不做过度华丽的版面设计或使用过多的动画，以增加网站浏览速度而提高搜寻排名。

（4）休闲类（见图2）：适用于休闲农场、观光景点、户外餐厅等企业。此类型的网页设计大多会使用户外的素材，如蓝天白云、天空、树木、绿地等等来营造出休闲自然的风格，会让用户感受到。

图2 休闲类网站

（5）活泼类：适用于主题乐园、童装、学校等客群以幼童或青少年为主的网站。

（6）传统类：又称古典风，适用于企业形象或主要商品风格偏向中国风或欧洲古典风的网站。这种类型的网站设计会以复古风格结合的花纹底图或图藤效果来表现柔美复古感。若是属于中国风网站，通常在设计上会比较注重国画中“留白”的原则，同时辅以复古配色，以及水墨，毛笔字和印章烙印等图片来传达中国文化。传统风格网页设计

2.1传统风格网页

传统风格是一个比较概括的分类，在传统风格中又分为中国风、日韩风和欧洲古典风。本文重点研究的是偏向中国风的传统风格，其中包含以下三种主要风格。

淡然雅致风格（见图3）：配色饱和度较低，多以淡色为主色调，配以国画、书法等素材，“留白”概念在此中能得到很好的诠释。

图3 淡然雅致风格

活泼鲜艳风格（见图4）：以较为鲜艳的色彩为主色调，有形式感，排版不过于正式，图片较多，内容丰富。

图4 活泼鲜艳风格

沉稳大气风格（见图5）：配色正式，能体现气势，如红+黄，紫+黄等，排版也突出对称和稳定性。

图5 沉稳大气风格

2.2如何选择传统风格网页设计

首先，最重要的是根据网站所要传递给用户的信息内容来确定风格。以介绍人物的网站为例，假设此人是知名古诗词人，可根据其词风来确定。如词风清隽就选择淡雅风格，偏民俗可选择活泼的风格。要是换成企业类或机构类网站的话，还是以沉稳、大气风格为主；如果一个清隽词人的网站设定成沉稳大气的风格就会显得死板，难以吸引用户。

2.3传统风格网页设计的优势与趋势

传统风格网页设计的优势：

（1）突显网站的文化底蕴。只要和传统风格不过于相反的内容，同样可以使用。传统风格演变自中国五千多年的历史积累，其中网页设计的变化和统一、对比和调和、均齐与平衡，这些概念最早就来源于《易经》一书。

（2）更适合文化类、机构类网站。现在很多此类网站仍使用单调的线条，内容与风格不匹配，反之如果使用传统风格，就会衬托出网站的整体氛围，让用户感觉更和谐。

（3）属于中国独创。像时尚类、休闲类的风格网站并不能准确说出它们属于哪个国家，而中国传统风格有类似符号的性质，代表着中国文化，世界上绝无仅有。

传统风格网页设计的趋势：

（1）政府重视。现在，非物质文化遗产的传承受到了政府更多的支持和保护，并且我校还申请了国家级民族文化传承与创新教学资源库，越来越多的学生和青年人加入到非遗的保护、传承和发展的行列，随之传统风格的网页设计也会越来越普及。

（2）国民重视。现代生活节奏的加快与生活的压力，让很多人开始回归简单与

向往淳朴的生活方式，并开始注重本国的传统文化，而且人们获取信息最有效的途径仍是互联网。所以随着这种发展趋势和民众需求，中国传统风格网页设计也会得到很好的发展。

（3）国外流行。虽然“中国风”为近年流行，可早在十七、八世纪的欧洲就兴起了“中国热”。当时太阳王路易十四有一场聚会，他坐着中国的八抬大轿进入会场，从那时起很多人开始对中国有了了解，平民百姓也开始收集一些古玩等等。虽然如今传统风格网页设计在国外还不十分流行，但随着各国间的文化交流，当中国传统文化真正普及到全球那一天，相信关于传统风格的网页设计也会更加受到人们喜爱。

3“千秋词君李煜”官方网站风格设计

南唐后主李煜，唐末宋初，五代十国，生逢乱世。如果可以用一句话概括他的一生，那便是：“一代风流君不二，多情才子薄命王”。因为他的出生地是今江苏省，又因为他的词派是花间词，这些都与温润和淡雅结合了起来，所以把李煜的官方网站风格设定为淡然雅致是最恰当不过了。为了体现这样的风格理念，其设计所应用到的元素是来自于中国水墨画和江南建筑中的花窗。

水墨画这种带有浓郁中国特色的艺术表现手法，可在网站设计中应用的元素，包括宣纸、山水、花草、墨韵、印章，和各种动物等等（见图6）；这些元素表现的意境也非常广泛，例如古朴、飘渺、优美、苍劲、生机勃勃„„

图6 水墨元素

水墨画中可应用在网页设计的素材很多，意境也不局限于此，但传统风格并不是元素的叠加。“意境是指抒情性作品中呈现的那种情景交融、虚实相生、活跃着生命

律动的韵味无穷的诗意空间”，这一点和网页设计中的对比与调和不谋而合。

说起江南建筑中的花窗，就不得不说榫卯。榫卯是古典家具之魂，一榫一卯之间，一转一折之际，凝结着中国几千年传统家具文化的精粹，这种木材的精巧衔接，十分坚固牢靠，并且美观，花窗就是这样技术下的产物。在传统风格网站设计中，可以应用一些古建筑的元素，如宝塔、宫殿、拱桥等等，也包括花窗、屋檐、城墙这种小素材，这样有利于感官的虚实结合，只是不要太多，画蛇添足，少而精为佳。

网页风格设计中可应用的中国元素还有很多，书法，和其他多样的绘画手法，但同样需要注意，传统风格的元素应用不是一味的重复，一般网站风格设计中，取一主要风格应用即可。

（以下“千秋词君李煜”官方网站，简称“李煜”）

3.1导入页（风格）设计

导入页的效果要尽量丰富，因为它是用户对网站的第一印象，一定要吸引住用户的眼球。“李煜”导入页的设计，采用纸张底纹，为使背景不单调，加上了水墨远山以衬托李煜为人性格的飘渺的感觉；上下封底是花窗元素，让界面看起来更整齐；进入时界面飘下花瓣，增加界面优美感；圆形墨韵按照笔序出现，然后淡入李煜本人画像，同时展开讲述他生平的一首诗，有一种既视感，舒缓的把用户带入到的李煜的世界当中去。为吸引用户视觉；在界面下方是一副滚动的《韩熙载夜宴图》（描绘李煜宫廷生活的真实写照），画幅较长，在设计上丰富了页面内容，有图片支撑底部显得更稳定（见图7）。

图7 李煜导入页-第一步效果

之后，进入导入页的另一个界面，整体变暗模糊变为背景，在这之上从界面的四周汇集本站LOGO“李煜千秋词君”六字，增加视觉效果；随之出现闪烁的点击进入按钮；至此所有的导入页动画完毕，点击按钮即可进入（见图8）。

图8 李煜导入页-第二步效果

3.2首页（风格）设计

在首页（见图9）设计中，LOGO和导航处于界面顶端，下方是网站的动态banner，可以自动切换图片。为了视觉效果banner设计的尺寸比较大，如果将导航放在它下面，当用户浏览时就会受到banner尺寸的影响，不利于点击导航，同时LOGO旁边也会显得太过空旷。网站的下半部分分为三栏，分别是李煜的三类信息，在分栏右下角的位置有“更多”按钮，点击可切换到对应页面。

图9 李煜首页

在LOGO的设计上，采用了水墨底，水墨菊花，祥云这三样素材；为了使素材与背景更加融合，菊花使用了正片叠底效果，并且和祥云一样降低了75%的透明度；喻意是，菊花，高贵，清雅，与大多数春夏盛开的花朵不同，但到严寒时还是会枯萎，就好像李煜的一生，与众不同，却最终死于窘境之中。文字分别是柏青体“李煜”，以效“翠微松柏”的精神，以及繁方篆“千秋词君”，以增古韵。同时文字的大小已接近艺术字体的识别界限，为了与背景区别开，所有文字都添加了比较明显的阴影。

在导航的设计上，过于单调的设计让导航不容易被用户注意，过重的装饰影响用户识别，缺少整体感，不利于点击。所以本站导航选择圆形色块为装饰，为了不显单调并增加整体感，在上面应用了中文大写数字的样式，有作为项目编号的意义；当鼠标滑过时，显示文字的墨迹背景，点击后跳转到二级页面，墨迹背景停留在该状态，这样会让用户清楚的知道自己在网站中所处的位置。

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

3.3次级页面与内容页（风格）设计

为了让用户更快捷、更有效的了解李煜，包括他的生平、诗词、为政等，本人用简洁精炼的的方法去设置次级页面与内容页（见图10）的框架，这样可以让有些不了解李煜的用户，很快并清晰的对这个历史人物有个大概的认知。

图10 李煜次级页面与内容页

在设计内容页与次级页面的整体风格时，本人应用了牡丹，以及梅、兰、竹、菊，五个元素，这五个元素对应五个栏目的主题，每个二级页面都有自己的主题，为网站添加了统一之中的变化。同时，之所以在“四君子”之外选择牡丹，是因为牡丹代表着雍容华贵，李煜首先是个君主，然后才是一位词人。

在制作整体设计时，根据用户的普遍视觉习惯，是最先关注左半部分的内容，所以为了使用户先被内容吸引住，我们把内容部分放在了左半部分，占整个页面大约五分之四，而切换内容的按钮选择栏放置在页面右半部份，约占页面的五分之一（在所有的网页设计中，选择栏都不宜过宽，否则会影响页面的和谐感）。

3.4淡然雅致风格设计应注意的细节

在设计淡然雅致风格时我们应该注意以下细节：

（1）画面色彩不要过于单调。慎用全篇黑白配色，可以搭配一些低饱和度的颜色，例如绛红、黎色（土青）、牙色等。

（2）内容不要太满。要有适当留白，方寸之地亦显天地之宽。

4“北京小吃”官方网站风格设计

北京小吃，历史悠久，技艺精湛，品种繁多，其中有汉民风味、回民风味和宫廷小吃等，各种荤素、甜咸、干稀、凉热，种类纷繁，季节性强，适应面广。有史料可查北京小吃元代已甚著称，由于北京曾为金、元、清的 都城，又是新中国的首都，多方面的有利条件使它能博彩各地小吃之精华，兼收各组小吃之风味，使北京小吃更加丰富多彩。

在网页风格设计方面，因为北京小吃给人的整体感觉是偏民俗的，贴近生活的，所以本人选择了活泼鲜艳的色彩搭配，运用了老北京城的设计元素。鲜艳的颜色可以吸引视觉的注意和激起对食物的食欲，老北京城的民俗感又和北京小吃悠久的历史相得益彰。北京小吃官方网站的风格设计，灵感来源于故宫的红墙琉璃瓦，因为这样的设计很有北京古建筑的特点，而且北京小吃比较大的一部分也来自宫廷流传，所以用这种古建筑风格的元素来相衬北京小吃的整体风格再贴合不过。

在设计传统风格的网站时，需要收集大量中国传统风格的艺术经典素材，比如青花瓷，祥云，龙纹等等。这些带有强烈中国特色的形象，为设计传统风格的网站提供了很多的灵感来源，也最能体现我国的文化精髓。这些都是传统风格网站必不可少的元素点缀。

4.1首页（风格）设计

在设计北京小吃这个网站的首页（见图11）时，主色调为绯红，设计的较为醒目，这是为了当用户登陆网站时第一眼就被中国红所吸引住，而且为了视觉对颜色的平衡，但我们将LOGO设计成黑色并延展下来，这样的红黑搭配更加具有亲和力，让人感觉均齐与平衡。

在界面的顶端是网站LOGO和登录/注册，添加了一张小吃图片的渐变（透明度55%），这样看起来既不会太单调也不会太凌乱。下面是一个Flash，有一个流动的背景，里面包含导航按钮，鼠标滑过时会在首页中切换不同的图片，丰富了视觉效果。

界面的下半部分，是吃货论坛和小吃简介，之所以要推荐这个两个栏目板块，一是因为让用户看到这是一个有人气的社交平台，增加用户的对北京小吃的凝聚力和对美食的热衷；二是因为网站需要不断的更换最新最快的相关信息，从而不让用户流失，让他们可以在论坛里时刻畅所欲言对北京小吃的热爱。而且主页还设置了“今日推荐”这个特别小板块，更加贴心的为用户提供了有用的信息，拉近与食客们的距离感。

在设计LOGO时，考虑到北京也是一个现代化都市，所以用色块与英文“TASTE OF PEKING”增加现代感，旁边的京味儿三字是其中文翻译，采用繁体古隶，是小篆走向隶书的过度字体，古韵十足。

图11 北京小吃首页

而在设计界面时，我们把红墙琉璃瓦的元素，应用到了占比最重的视觉Flash里，奠定了整体风格的基调；并把导航按钮嵌入其中，当鼠标划过按钮时会切换图片，增加网站视觉效果。这其中，不仅有“墙瓦”的元素，还有背景中的龙头喷泉，左上方的竖排文字，切换时与栏目对应的民俗图片，以及“墙”下用以增加质感的麻布底纹，正是这些元素一点一滴的融合，才完成了民俗、鲜艳、活泼的北京小吃官方网站的风格设计。

4.2次级页面与内容页（风格）设计

在设计北京小吃的次级页面与内容页时，考虑到网站设定包括地图与在线论坛功能，所以在版式的设计上也有所不同。

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

图12 北京小吃次级页面-历史典故

↑图13 北京小吃次级页面-美食地图 ←图14 北京小吃次级页面-吃货论坛

在内容页上，“小吃食谱”与“历史典故”在界面右侧都设立了副导航，用以栏

目内切换内容用；在“历史典故”的四级页面的导航下方，是“足迹”功能，为防止层级过多，用户在网页中不能清晰了解自己所在的位置。在“美食地图”中，当点击次级页面的内容栏的链接时，会进入到内容页，此时同样可点击右侧的副导航进行内容切换。

设计上，北京小吃的内容页并没有延续首页的“红墙琉璃瓦”元素，而是改为“素瓦白墙”，一方面因为在次级页面与内容页中，要阅读的文字较多，但绛红仍属于比较鲜艳的颜色，不适于用户阅读；另一方面也是因为朴素的配色更易贴近北京小吃中民俗的一面。但并不是在次级页面与内容页中没有鲜艳的颜色，暗红色（非绛红）在朱红的基础上降低了饱和度，用于界面中的“点睛色”，在一些选项和需要用户注意的地方，都运用了这种“点睛色”，如此不仅可以延续首页的风格，增加页面统一感，也有画龙点睛之妙。

4.3活泼鲜艳风格设计应注意的细节

在设计活泼鲜艳风格时我们应注意以下细节：

（1）避免配色过于鲜艳。注意色彩的对比与调和，界面颜色最好不要超过五种，对于比较鲜艳的颜色可降低其饱和度，或用明度较低的颜色进行调和。

（2）内容页要适于阅读。因内容页文字较多，故不适用大量高饱和度颜色，同时注意背景色与文字颜色间的对比。

（3）增加视听觉效果。避免活泼风格中页面过于死板，可应用动画、音乐、图片等元素。

5“李煜”与“北京小吃”

网站风格设计对比

在传统风格网页设计中，李煜与北京小吃这两个案例，带给了用户截然不同的感受。在布局、色彩，和对传统元素的应用上，这两个案例有所同，也有所不同，下文从如何细致准确得应用传统风格网页设计的角度出发，分析了李煜和北京小吃这两个案例。

5.1布局对比

李煜与北京小吃在布局上的相同之处在于，二者都应用了占页面比例较大的banner；不同之处则是李煜的banner应用JavaScript技术实现图片轮播，导航处于页面banner上方，页面下半部分则是规则的三个分栏。而北京小吃是利用Flash将导航按钮融合在banner中，页面下方的不规则分栏，更具有活力。在两个案例的二级页面中，都更偏向于左半部分为内容，右半部分为副导航，用以切换栏目内的页面，不同之处在于，李煜的二级页面与内容页是一体的，而北京小吃则有较深的层级。

5.2色彩对比

李煜为淡然雅致风格，北京小吃为活泼鲜艳风格。首先从色彩上来讲，李煜采用淡然雅致风格，整体运用白色，配黎、绛红为点睛色，有水墨画之感（见图15）。

图15 李煜配色

北京小吃采用活泼鲜艳风格，主色调运用绯红，米、黑为配色，绛红为点睛色（见图16）。两个案例中关于色彩，最大的不同是李煜大量应用了白色，所以黎、绛红只能为点睛色，映衬水墨之感，以体现淡然雅致；北京小吃则以绯红为主色调，但颜色偏于鲜艳，所以配米、黑为辅助色，黑与红之间既是对比亦是制衡，故需米为之调和。

图16 北京小吃配色

5.3传统元素应用对比

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

总结

传统网页风格设计是对中国元素进行完美的拆分与重组，它包含了绘画、书法、建筑、图腾等元素，需要设计师对中国传统文化有一定的了解与认知。本文中浅析了传统风格网页设计的概念、分类，优势与趋势，并辅以毕业设计案例，分析传统元素的实际应用。但就李煜与北京小吃这两个案例而言，还存在着不足，例如李煜的二级栏目之间没有明显的风格区分，让界面看起来有些单调；北京小吃的设计略显稚嫩，线条、按钮等一些细节还需要仔细调试。

在将来，互联网仍是许多人获得信息的首要渠道，而网页也仍是一个重要的传播载体，人们会更加注重网页设计的美与丑和带给自身的感受，而传统风格也会在中国传统文化复兴的大背景下发展得更加顺利。作为一名未来的“设计师”，也要增加自身修养，多学习中国的传统文化。希望有一天中国的传统风格网页设计，可以成为亚洲东方文化的代表。

谢 辞

岁月如白驹过隙，五年的时间，学校见证了我们的成长，我们也见证了学校的改变。感谢曾经教授过我的每一位老师，也感谢这次的毕设指导——陈金梅老师。得一良师，胜万卷书，陈老师的严谨、耐心、负责让我受益匪浅。同时还要感谢小组另一个成员白宇轩同学，与他一起做过很多大作业，默契无需多言，感谢他这两年来的支持与照顾。最后，感谢参考文献中作者们做出的研究。

参考文献

[1]覃瀚颖.浅谈网站风格设计[J].现代企业教育, 2014(20):532-532.[2]王志玮.浅谈网站风格设计[J].价值工程, 2011, 30(13):171-171.[3]徐美雅.浅谈网站风格设计的基本要求[J].天津电大学报, 2009, 13(1):59-62.[4]冯皓, 吴向炜.现代网页设计风格分析[J].长治学院学报, 2009, 26(4):83-84.[5]耿阳, 孙志红.浅谈网页设计的形式和艺术风格[J].艺术与设计：理论, 2009(03):65-67.[6]余小芬, 宋魁友.网页设计风格的审美效应[J].大众文艺：学术版, 2012(6):108-109.[7]马艳丽.中国风格在网页设计中的应用[J].艺术教育, 2012(05):149-149.[8]杨敬飞.传统风格网页设计及其视觉审美性研究[J].设计, 2014(04):113-114.

第三篇：Illustrator实例教程传统风格名片设计实例（模版）

名片设计是Illustrator常见的实用设计之一。本例介绍Illustrator设计传统风格商务名片的过程，和大家一起练习如何定义大小、创建参考线、进行版面设计等。

先来看一下最终效果。

下面介绍具体操作步骤。

1.按Ctrl+N打开【新建文档】对话框，并按如图1所示设置文档的名称、大小、颜色模式和栅格效果，文档的取向设置为横向。设置完毕单击【确定】按钮。

图1

2.按Ctrl+R显示出标尺，然后标尺上拖动出8条参考线，位置如图2所示。最外面的参考线称为裁切线，里面的参考线称为安全线。裁切线以外的部分将来会被剪切掉，安全线以内的内容可以保证不会被裁切掉。因为裁切的机器操作时并不是那么精确，安全线与裁切线中间的部分也有可能被裁切掉，因此应确保名片的重要内容（如标志、文本等）在安全线以内。

图2

3.选择工具箱中的【矩形工具】，在画布上绘制一个矩形，并填充为浅蓝色，颜色值如图3所示，大小与画布大小相同。注意其描边为无。

图3

4.按Ctrl+2将矩形锁定，以方便接下来的操作。

5.选择【文件|置入】菜单命令，将配套光盘中本章的素材文件“LOGO.ai”置入到当前文档中，并适当调整其大小与位置，如图4所示。

图4

6.在LOGO下方绘制一个矩形，并填充为红色到橙色的渐变，如图5所示。注意其描边为无。

图5

7.输入文字，包括姓名、职务、公司名称、电话与地址等，设置合适的大小、字体及颜色，如图6所示，对某些文字要使用对齐按钮进行对齐。

图6

8.按Shift键单击所有文字将其全部选中，然后右击文字并选择弹出菜单中的【创建轮廓】命令，将文字转为轮廓，完成名片的设计。

提示：可以为文字、背景、渐变矩形设置不同的颜色，得到不同风格的名片。

第四篇：东西方文化差异

思维差异：

国际商务谈判时,来自不同文化背景的谈判者往往会遭遇思维方式的冲突。以东方和英美文化为例,两者在思维方面的差异有三个方面:

1.东方文化偏好形象思维,英 美文化偏好抽象思维;

2.东方文化偏好综合思维,英美文化偏好分析思维;

3.东方文化注重统一,英美文化注重对立。

意识差异：

1.决策意识 当面对复杂的谈判时,来自不同国家的人将使用不同 的方式做出决定。比如,对于日本人来说,决策是集体的事 情,需要得到管理层的一致同意。日本人的价值观念和精 神取向都是集体主义的,以集体为核心。而在德国,决策权 一般在公司的最高层手中。

2.人情意识 中国有别于西方的一个特色就是人情问题,凡事讲究 人情,讲究面子,所以在谈判中,也不可避免受此影响。而 且,中国谈判者注重建立和谐的人际关系,认为个人间的融 洽关系对于谈判的成败有很大影响。西方人在现行的市场 经济条件下,强调对利益的追求。虽然也很注重谈判中的 人际关系,但他们一切以利益为重,在人情和利益两难的情 况下,他们会毫不犹豫地选择利益。

3.利益意识 商务谈判的目的主要是获取经济利益。在现代社会, 中西谈判者都具有利益意识,双方谈判的目标集中而鲜明 地指向利益,并以利益作为谈判的主要评价指标。但是,中 国谈判者的利益意识没有西方谈判者那么明确和强烈

观念差异：

空间观：西方人一般有很强的空间领域感和个人秘密感,由于这两种需要,他们常用墙、门以及夹板把个人工作或生活的地域隔起来,如果门开着就意味着一种邀请。与空间观直接相连的是人与人交谈时的距离。距离反映了谈话者双方的社会身份。在西方,上司与下属交谈时,总保持相当宽的距离;而社会地位相等的双方交谈时,空间则相对缩小。在商务活动中,双方一般保持一臂之远,在430分钟内解决问题。而阿拉伯、南美和亚洲某些商务会谈可能一连数小时,甚至数次都不涉及正题,而且有一些必不可少的客套,诸如拉家常、喝咖啡或饮茶之类,其目的是为了建立良好的人际关系。对此,美国人则视为浪费时间。

第五篇：东西方智慧

许锡良：西方的智慧是求真，中国的智慧是欺诈

2014年9月17日 09:53

法国启蒙思想家孟德斯鸠曾经说过，中国人是世界上最会骗人的民族，要探究清楚这一原因，除了他已经说过中国专制皇权文化所衍生出来的专制制度的荒唐之外，还有思维方式上的原因。

一种文化的核心部位其实就是两个方面，一是价值观，二是思维方式。价值观与思维方式决定了文化中的其他部分，包括制度的建立。不同文化观念的人，即使所建立的建筑也会体现其文化的精神。比如，中国的建筑特点就是要求左右对称，屋檐常常是勾心斗角。会场的设置也常常是围绕着一个核心，栉比鳞差、层层环绕。不管这个核心叫什么，总之必须有一个这样的角色。要是让中国人在圆桌上开会，中国人就不知道怎么做了，因为，那样就会群龙无首，乱成一团。

在中国人这里，开会的目的其实并不是真的是为了讨论事项，而是宣布事项的结果。真正的讨论与博弈，早已经在幕后密室里完成了。古代皇帝的所谓朝会，其实也是这样的。真正的讨论与博弈早已经在以皇帝为核心的三五个重臣之间在密室里完成了，其他的文武百官只不过是例行公事地到朝廷里站站，听听结果而已。

其实这一切都是因为中国人只有服从权力的习惯，而没有服从真理的习惯。要中国人探求真理，还不如去死了好。像君要臣死，臣不得不死，这里面需要讲什么道理吗？有据理力争的空间吗？完全没有的。一个人权势特别显赫的时候，即使皇帝面对这种权势的威压也要服从“指鹿为马”的气焰。一切都由权力安排好了，大家根本不用再费心操神，各安其命，各就其位就是了，这就是孔子所说的“思不出其位”，用今天的话说就是屁股决定了脑袋。

说到底，西方人追求的是真理，探求的是真相，他们在探求真理，追求真相的问题上，可谓是殚精竭虑，耗费了一代又一代人的智慧。最早是由亚里斯多德著有《工具论》，后来又有培根的《新工具》，为了探求真理，他们把思想的工具一再改进，因为唯有思维方法的改进，他们的认识才能够更进一步。

因此，他们的智慧其实就是围绕着求真而来的。谁能够探求到更多的真相、真理，谁就是真正的哲人智者，谁能够利用真相、真理为人类服务，谁就是真正的智慧之人。因此，他们把苏格拉底、柏拉图、亚里斯多德、牛顿、爱因斯坦、爱迪生这些人推上了大智大慧之人的宝座，成为后人崇敬与学习的榜样。

然而，中国人的智慧就是用来欺诈的。孔子是中国人中最早公开宣扬欺诈有理的人。在《论语·子路第十三》中记载：“叶公语孔子曰：‘吾党有直躬者，其父攘羊，而子证之’。孔子曰：‘吾党之直者异于是，父为子隐，子为父隐，直在其中矣。’”

父亲偷了人家的羊，儿子作了告发，从法治的角度来看这是一种正直的行为；但在孔子看来这却是一种丧德败行。孔子主张父亲应替儿子隐瞒罪行，儿子也应替父亲隐瞒罪行，认为只有这样，才能体现父慈子孝的道理。其实现代法治精神里，遇到亲情关系的案件，既不能够采信子告亲的证据，鼓励告亲，也不像孔子那样“子为父隐，父为子隐”式的“亲亲相隐”，而是要贯彻一条原则就是避嫌。一切不是靠告发，而是要靠证据来定罪。

但是，靠证据而不是靠口供，就必须学会寻找证据，这个过程就要学会逻辑推理，学会用实验与测量以及医学解剖的知识与技能来寻找犯罪证据。可惜，中国文化在逻辑推理、实验、测量与其他科学知识方面几乎完全被忽略，因此遇到类似子告亲的案件，只好作出两种极端的选择，要么完全鼓励亲人之间互相告发，要么就完全采用包庇隐瞒真相的办法。说到底还是因为中国文化在追求真相与真理问题上的能力太弱了，而这种能力的欠缺又与中国人的圣人教导是密切相关的。

孔子说“民可使由之，不可使知之”，其实就是企图用蒙昧的方法，防止人们利用自己的心智与朴素的逻辑以及与生俱来的好奇心去追求事物的原理与真相。孔子一生只讲礼，也就是讲上下尊卑的秩序，从来未曾探求过什么真理真相，相反，他还利用职权以五条莫须有的言论思想罪杀害了同僚少正卯，为杀害中国那些敢于较真，敢于追求真理的人提供了绝妙的借口，作出了一个十分恶劣的榜样。

孔子的礼与仁，其实杜绝了中国人在信仰与求真上的一切可能性。及至儒家所谓的智，其实就是诈骗术。谁拥有高明的诈骗术，就是拥有大智慧。

中国人千百年来的智慧偶像级人物——诸葛亮其实是欺诈手法高超的人。奇怪的是这个人字“孔明”，本来与孔子家族没有什么关系，但是因为“孔明”似乎也与孔家攀

上了亲缘关系。

在关于诸葛亮的高超智慧的故事中，几乎都是欺诈成功的故事。比如“空城计”、“草船借箭”、“八卦阵”、“ 七擒七纵”、“欲擒故纵”等等，都是用来迷惑他人，制造虚假的本领与高超的骗术。鲁迅论及《三国演义》中的诸葛亮的智慧，说“状诸葛之多智而近妖。”

在这种偶像中，许多中国人无意之间都成为骗术高超的骗子，令人防不胜防。然而，这种近乎妖的智慧人物，虽然活着的时候号称智慧顶级人物，但是，其结果却是诸葛亮死后蜀中无大将，廖化为先锋。政治、军事上没有可当大任之人，加之后主昏庸、黄皓弄权，使蜀国迅速衰败。说明这种诈骗术也只是一项小术，而非真正的大智慧。真正的大智慧是追求真理，求得真知与真相的能力，可是，诸葛亮从来没有提供过这种智慧。

现在，广州客村的丽影广场上，由公安设定的广播年复一年，日复一日，每年365天，一天都不间断地广播骗术，还是赶不上新骗术的层出不穷，每天都还是有不少人要上当受骗。被骗的中国人从来得不到别人的同情，相反，人们却很佩服与羡慕那些高明的骗术，竟然是这样富有智慧。

中国人的聪明才智与时间精力都花在如何制假造假，创新新骗术上了。从政府造假到民间江湖骗术，几乎都基于同一欺诈原理与骗术偶像。欺诈有时有效，但是，也很有限，人对可以欺诈人，却不可以欺诈大自然与社会的自然权利。弄虚作假可以对付一时的检查之效，但是环境的污染，社会治理的混乱，政府的腐败是不可能真正掩盖得了的。一个社会捂盖子的技术再高超，最后也还是要露馅。

就像中国无数的政府部门都在造假数据，但是，中国人的生存环境空气污染、水源污染、食品安全及社会腐败问题仍然是越来越严重，仍然是要作用于每个中国人一样，生活不是高超的魔术，而是非常真实的客观存在，不会因为你骗术高明一时看不到破绽它就不存在，也不会因为骗术高明让眼见为实就真的存在着。科学才是探求真相与真理的王道。靠耍花招与计谋的所谓智慧，最后骗得了人，却骗不了天与地，更骗不了神的慧眼。