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

第一篇：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键单击所有文字将其全部选中，然后右击文字并选择弹出菜单中的【创建轮廓】命令，将文字转为轮廓，完成名片的设计。

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

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

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

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

姓名：陈明梅 学号：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 CS6平面创意设计与制作实例 ai cs6视频教程

中文版Illustrator CS6平面创意设计与制作实例 ai cs6视频教程

本教程有http://整理发布

中文版Illustrator CS6平面创意设计与制作实例视频教程采用案例教程的编写形式，兼具技术手册和应用专著的特点，中文版Illustrator CS6平面创意设计与制作实例视频教程内容全面、结构合理、图文并茂、实例丰富、讲解清晰，不仅适合广大图像设计初级、中级爱好者的使用，同时也可以作为大中专院校相关专业，以及社会各类初、中级平面培训班的教学教材。

目录

第1章IllustratorCS6新手入门

实例001矢量图和位图

实例002IllustratorCS6新增功能介绍

实例003IllustratorCS6的工作环境

实例004新建和打开文件

实例005设置图像显示效果

实例006图像的显示比例

实例007保存文件

实例008置入和导出文件

实例009标尺、网格和参考线

实例010个性化的IllustratorCS6界面

实例011管理画板

第2章简单编辑基本图形对象

实例012使用选择工具选择对象

实例013使用选择菜单选择对象

实例014城市建筑

实例015图形对象的移动

实例016图形对象的复制

实例017锁定与解锁图形对象

实例018编组与取消编组

实例019对象的排列顺序

实例020对齐与分布图形对象

实例021对象的显示与隐藏

实例022对象的删除与恢复

实例023切割对象

实例024圣诞夜景

实例025可爱南瓜

实例026田园风光

实例027复古花卉

实例028风景插画一

实例029风景插画二

实例030水墨花卉

实例031夏季海滩

实例032麦穗

实例033运动鞋

实例034情人节贺卡

实例035春

第3章基本绘图工具的使用

实例036矩形工具

实例037便利贴

实例038圆角矩形

实例039椭圆工具

实例040多边形工具

实例041 星形工具

实例042光晕工具

实例043衣柜

实例044禁止吸烟标志

实例045直尺

实例046手绘插画

实例047圣诞树

实例048圆形相框

实例049矩形背景

实例050综合背景

实例051 电源开关

实例052温度计

实例053可爱卡通背景

实例054麻将

实例055壁纸效果

实例056电视标板

实例057树形剪影

实例058电视机

实例059 iPhone 4S

实例060卡通玩具汽车

实例061伞

第4章填充和描边对象

实例062认识颜色模式

实例063单色填充

实例064渐变填充

实例065卡通烟与烟灰缸

实例066图案填充

实例067渐变网格填充

实例068描边设置

实例069加油器

实例070圣诞贺卡

实例071 餐具

实例072超市海报

实例073卡通蛋

实例074海边风光

实例075公路指示牌

实例076荷花

实例077水滴

实例078千纸鹤

实例079葡萄

实例080甜橙

实例081牵牛花

实例082柠檬

实例083沙发

实例084坐椅

实例085巧克力和樱桃

实例086礼品包装盒

实例087钳子

实例088盆花

实例089钱包

实例090啤酒和酒杯

实例091木门

实例092彩色氢气球

实例093旅行箱

实例094漏斗

实例095椰树

实例096鞋盒

实例097纸箱

实例098苹果

实例099打印机

实例100水杯

实例101超市货架

实例102蜂蜜罐子

第5章复杂图形的创建

实例103直级段工具

实例104弧形工具

实例105螺旋线工具

实例106矩形网格工具

实例107极坐标网格工具

实例108铅笔工具

实例109平滑工具

实例110橡皮擦工具

实例111画笔工具

实例112透视网格工具

实例113色彩斑斓的墨迹

实例114平面图

第6章图形对象的高级操作

实例115旋转工具

实例116镜像工具

实例117缩放工具

实例118倾斜工具

实例119 自由变换工具

实例120对象的扭曲变形

实例121形状生成器工具

实例122实时上色工具

实例123指南针

实例124飞行棋棋盘

实例125魔方

实例126文件夹

实例127贺卡

实例128数码相机

实例129精美标签

实例130水乡一色

实例131小儿退热贴包装

实例132螺丝和螺母

实例133窗

实例134枫树

实例135多彩图案

实例136手提袋

实例137树叶背景

第7章钢笔工具和路径

实例138路径和钢笔工具

实例139编辑路径

实例140其他路径编辑命令

实例141扇子

实例142小海豚

实例143吉他

实例144卡通鸡

实例145手套

实例146夹子

实例147圣诞贺卡

实例148灯泡

实例149围巾

实例150热气球

实例151彩铅

实例152垃圾桶

实例153购物车

实例154多彩闹钟

实例155表一

实例156表二

实例157玩具熊

实例158电话

实例159键盘

实例160铅笔刀

实例161剪刀

实例162酒瓶

实例163咖啡杯

实例164清洁工具

实例165钢笔

实例166色子

实例167试管和烧瓶

实例168标志设计一

实例169标志设计二

实例170落地音箱

实例171时尚潮流吉他

第8章路径查找器

实例172路径查找器面板

实例173软盘

实例174影视胶卷

实例175乒乓球拍

实例176音响

实例177酒杯

实例178圣诞蜡烛

实例179卷纸

实例180户外广告牌

实例181油漆桶

实例182路灯和路旗

实例183扑克牌

实例184磁带

实例185壁灯

实例186招财猫

实例187太极八卦图

实例188心连心

第9章文字、混合和封套

实例189文字工具

实例190工作证、参观证

实例191信封

实例192信纸

实例193伞

实例194多重描边字

实例195企业文化墙

实例196企业展板设计

实例197浪漫情缘

实例198招聘广告

实例199菜谱

实例200杂志封面

实例201混合字

实例202办公用品

实例203色卡

实例204铅笔

实例205封套

第10章符号、图表和样式

实例206符号

实例207符号面板

实例208图表

实例209符号

实例210定义图案表现图表

实例211饼形图

实例212精美三维图表

实例213花撒图案

第11章图层、动作和蒙版

实例214图层

实例215动作

实例216裁切蒙版

实例217 照片

实例218特效字

实例219邮票

实例220羽毛球拍

实例221结婚请柬

实例222蒙版图案一

实例223蒙版图案二

实例224拖鞋

第12章 效果

实例225裁剪标记

实例226扭曲和变换效果组

实例227风格化效果组

实例228风格化效果组

实例229扭曲效果组

实例230模糊效果组

实例231 画笔描边效果组

实例232素描效果组

实例233纹理效果组

实例234艺术效果组

实例235果盘

实例236立体字

第13章企业VI设计

实例237 VI设计——资料袋、文件夹

实例238 VI设计——借款单

实例239 VI设计——报表

实例240 VI设计——手提袋

实例241 VI设计——导向牌

实例242 VI设计——桌旗和挂旗

实例243 VI设计——T恤和帽子

实例244 VI设计——交通工具

实例245 VI设计——礼品笔

实例246 VI设计——打火机

实例247 VI设计——钥匙扣

实例248 VI设计——企业服装设计

实例249 VI设计——台历

实例250 VI设计—— 接待台

实例251 VI设计——纸杯

实例252 VI设计——礼品表

第14章海报设计

实例253手机招贴设计

实例254招聘广告

实例255微波炉招贴设计

实例256公益招贴

实例257电压力锅海报

实例258家具海报

实例259房地产海报

实例260电信招贴设计

实例261 咖啡招贴设计

实例262团购网招贴设计

第15章房地产广告设计

实例263房地产广告设计一

实例264房地产广告设计二

实例265房地产广告设计三

实例266房地产广告设计四

实例267房地产广告设计五

实例268房地产广告设计六

实例269房地产广告设计七

实例270房地产广告设计八

实例271 房地产广告设计九

实例272房地产广告设计十

实例273房地产广告设计十一

实例274房地产广告设计十二

实例275房地产广告设计十三

实例276房地产广告设计十四

实例277房地产广告设计十五

实例278房地产广告设计十六

实例279房地产广告设计十七

实例280房地产广告设计十八

实例281 房地产广告设计十九

实例282房地产广告设计二十

第16章平面广告设计

实例283化妆品单页

实例284三折页正面

实例285三折页正面

实例286包装设计展开图

实例287企业宣传画册内页一

实例288企业宣传画册内页二

实例289企业宣传画册内页三

实例290企业宣传画册内页四

实例291 经济公司传播画册内页一

实例292经济公司传播画册内页二

实例293经济公司传播画册内页三

实例294经济公司传播画册内页四

实例295经济公司传播画册内页五

实例296经济公司传播画册内页六

实例297经济公司传播画册内页七

实例298经济公司传播画册内页八

实例299画册内页一

实例300画册内页二

教程截图：

第五篇：河海大学体育课传统养生实例

传统养生实例

最近考试太多，身心感到有点疲惫，比较焦虑的是害怕自己考不好，由于晚上焦虑以致第二天没有精神，于是想起了传统养生课上老师讲的同时性正负诱导，相续性正负诱导的调节方法，希望通过同时性正负诱导，相续性正负诱导的调节方法来使自己的身体得到调节，从而达到一定的效果。其实考前紧张，考完就没事了的状况，就是老师所讲的齐加尼克效应，这种状况是可以通过一定的方式进行调节的。

所谓同时性正诱导，即大脑皮质某一点“抑制”的同时促使其周围出现负诱导。相反亦可知同时性负诱导。相续性正诱导即是，“抑制”的区域在原来的位置部位出现了“兴奋”的加强。相反亦可知，相续性负诱导。又从资料中得知大脑皮层中，学习中枢与运动中枢是邻居。所以想通过调节来使得身心得以放松，精神得以振作。于是每天晚上9点自己会在操场上慢跑几圈，等到感觉有些疲惫的时候就停下来再走几圈，然后到宿舍就差不多10点了，休息休息，然后洗个澡就上床睡觉，这样下来睡觉的时候感觉睡得很踏实，睡的很香，几乎不做梦的。也就是通过缓慢的跑步使得大脑皮层的运动中枢兴奋起来，经过一段时间以后，运动中枢得到抑制，进而自己感到比较困顿，睡觉后所以睡得比较香。经过二周的这样的调节，自己的身体感觉非常好，第二天也非常有精神上课了。同时也可由上面的知识了解到当你的运动中枢十分兴奋时，学习中枢受到抑制，所以此时你看书的效率会非常低，最好不要看书，全身心的投入到放松之中。此时也可以知道，你最好不要吃东西，因为控制吃东西的中枢也受到抑制，这时吃东西可能会立即吐掉，导致适得其反，对自己的身体更加不好。以前根本不注重调节，虽然别人经常说要会调节自己，但是直到上了传统养生课，我才知道如何正确的调节自己的身体，如何面对现在这样一种充满竞争，充满压力的环境。