第一篇：Illustrator實(shí)例教程傳統(tǒng)風(fēng)格名片設(shè)計實(shí)例（模版）

名片設(shè)計是Illustrator常見的實(shí)用設(shè)計之一。本例介紹Illustrator設(shè)計傳統(tǒng)風(fēng)格商務(wù)名片的過程，和大家一起練習(xí)如何定義大小、創(chuàng)建參考線、進(jìn)行版面設(shè)計等。

先來看一下最終效果。

下面介紹具體操作步驟。

1.按Ctrl+N打開【新建文檔】對話框，并按如圖1所示設(shè)置文檔的名稱、大小、顏色模式和柵格效果，文檔的取向設(shè)置為橫向。設(shè)置完畢單擊【確定】按鈕。

圖1

2.按Ctrl+R顯示出標(biāo)尺，然后標(biāo)尺上拖動出8條參考線，位置如圖2所示。最外面的參考線稱為裁切線，里面的參考線稱為安全線。裁切線以外的部分將來會被剪切掉，安全線以內(nèi)的內(nèi)容可以保證不會被裁切掉。因?yàn)椴们械臋C(jī)器操作時并不是那么精確，安全線與裁切線中間的部分也有可能被裁切掉，因此應(yīng)確保名片的重要內(nèi)容（如標(biāo)志、文本等）在安全線以內(nèi)。

圖2

3.選擇工具箱中的【矩形工具】，在畫布上繪制一個矩形，并填充為淺藍(lán)色，顏色值如圖3所示，大小與畫布大小相同。注意其描邊為無。

圖3

4.按Ctrl+2將矩形鎖定，以方便接下來的操作。

5.選擇【文件|置入】菜單命令，將配套光盤中本章的素材文件“LOGO.ai”置入到當(dāng)前文檔中，并適當(dāng)調(diào)整其大小與位置，如圖4所示。

圖4

6.在LOGO下方繪制一個矩形，并填充為紅色到橙色的漸變，如圖5所示。注意其描邊為無。

圖5

7.輸入文字，包括姓名、職務(wù)、公司名稱、電話與地址等，設(shè)置合適的大小、字體及顏色，如圖6所示，對某些文字要使用對齊按鈕進(jìn)行對齊。

圖6

8.按Shift鍵單擊所有文字將其全部選中，然后右擊文字并選擇彈出菜單中的【創(chuàng)建輪廓】命令，將文字轉(zhuǎn)為輪廓，完成名片的設(shè)計。

提示：可以為文字、背景、漸變矩形設(shè)置不同的顏色，得到不同風(fēng)格的名片。

第二篇：東西方傳統(tǒng)設(shè)計風(fēng)格

設(shè)計風(fēng)格與流派課程 指導(dǎo)老師：盛忠誼

雲(yún)南少數(shù)民族“干欄式”民居

姓名：陳明梅 學(xué)號：M11055108066

專業(yè)：2011屆MFA環(huán)境藝術(shù)

雲(yún)南少數(shù)民族“干欄式”民居

水傣的傳統(tǒng)民居是干欄式，也就是俗稱“竹樓”。特點(diǎn)是歇山式的屋頂，正脊很短，屋頂很大，坡度非常陡，也就是當(dāng)?shù)厝苏f的“偏廈”，看上去很象重檐頂形式。傣族干欄民居的構(gòu)架非常簡単，在平地上接塔出一亇穩(wěn)定的架子，底層懸空二層做出居室型，然后在頂部輔草就可以了。這種形式是因地取材便利快捷，占地面積少居住面積大，有防潮通風(fēng)等特點(diǎn)很適合當(dāng)?shù)貧夂驐l件。

干欄式建筑的結(jié)構(gòu)干欄（也作[干闌]）是歷史極為久遠(yuǎn)的一種建筑類型，它是由原始人類的巢居逐步演變而成的。[干欄]一詞最早見于《魏書》：[依樹積木，以居其上名曰干欄]?！杜f唐書》：[山有毒草及風(fēng)蝮蛇，人并樓居，登梯而上，號為干欄]。干欄是一種把居住層地板用支柱架離地面的建筑，以避蟲蛇猛獸，并有利于防潮及通風(fēng)，適用于溫暖潮濕的地域。（如圖）

云南省劍川劍湖海尾河旁的海門口遺址的復(fù)原的干欄建筑（距今7000多年干欄式建筑群（距今3000多年）干欄在中國古時候的長江以南地區(qū)曾廣泛采用，后來逐漸減少，現(xiàn)在只存在于西南少數(shù)民族地區(qū)。如今仍以干欄為主要住房的，有傣族的竹樓、壯族的麻欄、侗族的木干欄、黎族的船形屋、水族的木樓等。其中傣族的竹樓是以竹為主要建筑材料，每家有籬笆圍成的小院，種有芭蕉等熱帶植物，極富生趣。壯族的麻欄吸收了較多的漢族建筑手法，木材用量增加。侗族的木干欄建造工藝較高，尤其是村寨中的鼓樓及風(fēng)雨橋，顯示出驚人的木工技巧。

干欄式竹樓具有獨(dú)特的風(fēng)格，它有舒適、衛(wèi)生、防潮、防蟲等優(yōu)點(diǎn)。傣家的竹樓正方形，分為上下兩層，上層住人，距離地面約2公尺左右，以數(shù)根木料（或用大青竹）為柱。下層無墻，用以飼養(yǎng)牲畜及堆放什物。竹樓層頂造型為歇山式，層面用草排復(fù)蓋。設(shè)有樓梯，拾級登樓，有走廊、涼臺，可以晾物和納涼。室內(nèi)用竹籬笆隔為兩間，內(nèi)間為主人臥室，外間為客室。客室進(jìn)門內(nèi)有高出地面四、五寸長的火塘，供烹飪?nèi)∨彰髦?。外間是接待賓客的場所，也是室內(nèi)活動的中心。臥室是一大通間，男女?dāng)?shù)代同宿一室，席樓而臥，僅僅是使用黑布蚊帳，作為間隔。室內(nèi)陳設(shè)簡樸，用具絕大部份為竹制品，除鍋、盆、罐外。其余桌、凳、籮、筐、飯盒等系竹篾編制而成。壁多無窗，陽光和風(fēng)都是從這些竹片縫中透入。樓外以竹為籬笆，宅院內(nèi)長著勁秀挺拔的椰子、樹干高大的柚樹、果實(shí)累累的香蕉、香甜可口的木瓜和婆娑蒼翠的竹叢。一派詩情畫意，點(diǎn)綴出濃郁的亞熱帶風(fēng)光。傣族的竹樓具有兩大優(yōu)點(diǎn)。一是竹樓能防蚊蟲、防潮濕、防野獸。二是建蓋竹樓的材料來源方便，就地取材，比較經(jīng)濟(jì)。傣族建造竹樓使用的材料主要是大青竹和少量木料。大青竹是傣族地區(qū)的特產(chǎn)，而竹樓屋面覆蓋的草排是以當(dāng)?shù)厮L的茅草編制而成，這種制草排的茅草來源廣，又很經(jīng)濟(jì)。加之傣族人民建造新房時有全寨互相幫助的習(xí)慣，一家蓋房，全村出動，送草排，贈送青竹，出勞力。因此，傣族人民建造新房的速度也相當(dāng)快，一幢竹樓只需一天多即可竣工。新房落成，全村老幼都前往祝賀。傣族人民喜愛的民間歌手“贊哈”，更以自己的歌聲祝賀主人遷入新居。、

第三篇：畢業(yè)論文-淺析傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計

淺析傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計

——以“千秋詞君李煜”、“北京小吃”網(wǎng)站為例

摘 要

現(xiàn)代風(fēng)格，簡約、扁平化、有質(zhì)感，擁有空間感，能夠以少勝多；傳統(tǒng)風(fēng)格，也指中國風(fēng)，包羅萬象，既有繁復(fù)精巧，亦有淡雅意境。二者在網(wǎng)頁風(fēng)格設(shè)計中，并不對立，反而共生，以網(wǎng)頁為載體，就要遵守其一定的內(nèi)在規(guī)律，例如按照瀏覽者眼動規(guī)律來布局，根據(jù)傳達(dá)給瀏覽者的信息來配色等，只有這樣才能讓傳統(tǒng)風(fēng)格成功的呈現(xiàn)在互聯(lián)網(wǎng)上，一成不變的照搬必然會被用戶拒絕甚至淘汰。

本文以“千秋詞君李煜”和“北京小吃”網(wǎng)站項(xiàng)目為例，同時輔以其他網(wǎng)站案例，介紹了傳統(tǒng)風(fēng)格中具有代表性的兩個類型，通過淺析傳統(tǒng)網(wǎng)頁風(fēng)格設(shè)計的特點(diǎn)和要素，總結(jié)如何在網(wǎng)頁這一現(xiàn)代產(chǎn)物中更好的表現(xiàn)傳統(tǒng)風(fēng)格，以及怎樣準(zhǔn)確的向用戶傳達(dá)中國傳統(tǒng)風(fēng)格中的文化含義，加快傳統(tǒng)風(fēng)格設(shè)計的普及。關(guān)鍵詞：網(wǎng)頁設(shè)計 傳統(tǒng)風(fēng)格 信息傳達(dá)

設(shè)計總說明

本人的畢業(yè)設(shè)計是“千秋詞君李煜”與“北京小吃”兩個網(wǎng)站項(xiàng)目，這兩個是我個人非常感興趣的項(xiàng)目。

李煜，世稱南唐后主，是五代十國之一南唐的最后一位帝王，他的詩詞，既有哀戚婉轉(zhuǎn)亦有氣勢磅礴；他的一生，恣意放縱卻可享國十余年，但早年喪兄喪父喪妻，中年流亡為質(zhì)終死于毒酒；幾句話不足以總結(jié)李煜充滿傳奇色彩的一生，不談?wù)?，私以為李煜是中國歷史上任何一位帝王都不可比擬的。

北京小吃，分為民間小吃和宮廷小吃。隨著各個朝代不斷更替與進(jìn)步，現(xiàn)已傳承有百來種各具特色并深受多方食客喜愛的口味與風(fēng)格，譬如爆肚兒、炒肝兒、鹵煮、豆汁兒、焦圈兒等等。凝聚了無數(shù)人的智慧，傳承了中國5000年的文化。而且在很多小吃的背后，都有一段鮮為人知的小故事，或是帶有傳奇色彩的民間流傳，或是跟慈禧老佛爺?shù)囊萋勅な掠嘘P(guān)。所以北京小吃已經(jīng)不單單是簡單的小吃，而是一種代表北京的飲食文化。

本次畢業(yè)設(shè)計的主要任務(wù)根據(jù)兩個不同的項(xiàng)目會有所調(diào)整。

首先是“李煜”，因?yàn)樵谀壳八械氖鼙娙后w中，知道和了解李煜的用戶比較少，好在現(xiàn)在許多人都開始注重自身文化修養(yǎng)，所以我們從李煜的詩詞入手，運(yùn)用傳統(tǒng)風(fēng)格營造一種濃郁的文化氣氛，既要符合李煜的個人氣質(zhì)，也要符合當(dāng)今各種用戶的欣賞需求，以此去吸引用戶進(jìn)一步的了解和關(guān)注李煜這個人物。

其次是關(guān)于北京小吃。北京作為中國的首都，每天都迎接著八方來客。所以北京小吃這個帶有濃郁文化的特色傳承，也自然受到了更多人的喜愛與探尋。但至今為止互聯(lián)網(wǎng)上還沒有一個關(guān)于北京小吃的網(wǎng)站，實(shí)在可惜。

本人想通過這個網(wǎng)站可以系統(tǒng)的梳理其種類和多方式去展現(xiàn)北京小吃，讓愛吃、會吃的朋友們能夠深入了解北京小吃與北京文化，有一個可以交流的平臺，同時也要吸引更多不了解其中奧妙的民眾來關(guān)注北京小吃，并深深的愛上它。

在制作這兩個項(xiàng)目時，我們選擇了現(xiàn)在市場上主流的HTML+CSS樣式，便于用戶瀏覽和閱讀信息，并配以Flash導(dǎo)入頁，增加視覺效果。在“千秋詞君李煜”這個項(xiàng)目中我們采用了淡然雅致的配色，其中導(dǎo)入頁與首頁各1頁，5個二級頁面，21個次級頁面，次級頁面中共有49個內(nèi)容頁，共計77個頁面；而在“北京小吃”中，我們采用了活潑鮮艷的配色，其中導(dǎo)入頁與首頁各1頁，登錄注冊1頁，4個二級頁面，10個次級頁面，32個內(nèi)容頁，共計49個頁面，其中有兩個二級頁面因有用戶發(fā)言功能，需后臺服務(wù)器支持，故只能做出一個模版，其中鏈接不可點(diǎn)擊，如果可以點(diǎn)擊內(nèi)容會更加豐富。

制作該網(wǎng)站時主要使用的是Photoshop（用于界面設(shè)計）、Dreamweave（用于網(wǎng)頁制作）以及Flash（用于界面主視覺Flash制作）三款軟件。

目 錄

緒論........................................................................1 1 網(wǎng)頁風(fēng)格設(shè)計..............................................................1

1.1網(wǎng)頁風(fēng)格設(shè)計的概念....................................................1 1.2網(wǎng)頁風(fēng)格種類..........................................................1 2 傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計..........................................................3

2.1傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計......................................................3 2.2.如何選擇傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計..............................................4 2.3傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計的優(yōu)勢與趨勢..........................................4 3千秋詞君李煜官方網(wǎng)站風(fēng)格設(shè)計...............................................5

3.1導(dǎo)入頁設(shè)計............................................................6 3.2首頁設(shè)計..............................................................7 3.3次級頁面與內(nèi)容頁設(shè)計..................................................8

3.4淡然雅致風(fēng)格設(shè)計應(yīng)注意的細(xì)節(jié)..........................................9 4北京小吃官方網(wǎng)站風(fēng)格設(shè)計...................................................9

4.1首頁設(shè)計.............................................................10 4.2次級頁面與內(nèi)容頁設(shè)計.................................................11 4.3活潑鮮艷風(fēng)格設(shè)計應(yīng)注意的細(xì)節(jié).........................................12 5“李煜”與“北京小吃”案例風(fēng)格設(shè)計對比....................................12

5.1布局對比.............................................................12 5.2色彩對比..........................................................................................................................13 5.3傳統(tǒng)元素運(yùn)用對比..........................................................................................................13 總結(jié).......................................................................14 謝辭.......................................................................15 參考文獻(xiàn)...................................................................16

緒論

如今的互聯(lián)網(wǎng)正飛速發(fā)展著，人們通過互聯(lián)網(wǎng)不僅可以用傳統(tǒng)的方式搜索所需信息，而且還可以通過它滿足生活中的衣食住行。在如今的大數(shù)據(jù)時代，網(wǎng)站做為一個多元化的信息載體，在其中扮演著非常重要的角色。用戶也不僅僅滿足于簡單的信息傳遞，對視覺和形式感也愈發(fā)重視。所以網(wǎng)站風(fēng)格設(shè)計的未來發(fā)展趨勢要注重更多的整體與細(xì)節(jié)，帶給用戶從視覺到心理的整體感受。所以豐富的帶有創(chuàng)意性的迎合網(wǎng)民心理需求的網(wǎng)頁風(fēng)格設(shè)計越來越成為主流。

而就在這樣一個獲取信息十分便利的時代，人們的內(nèi)心也愈發(fā)浮躁，于是一種經(jīng)過歷史沉淀的文化正在悄然流行，它就是——中國風(fēng)。從服裝到美食到藝術(shù)形式，都受到很多人的喜愛和研究，當(dāng)然其中也不缺乏其他國家的愛好者。中國風(fēng)，或者說中國傳統(tǒng)文化正在以它自己的方式慢慢傳播于全球，而我們的互聯(lián)網(wǎng)發(fā)展也緊跟時代的步伐，中國傳統(tǒng)風(fēng)格設(shè)計的網(wǎng)站就是其中之一。將中國傳統(tǒng)元素融入到現(xiàn)代網(wǎng)頁風(fēng)格設(shè)計中，是發(fā)展中國傳統(tǒng)文化的又一個好的方式。本人選擇這個論點(diǎn)為題目，也是希望能夠更深入的去理解和研究文化的傳承，并設(shè)計出更好的帶有中國文化風(fēng)格的網(wǎng)站。網(wǎng)頁風(fēng)格設(shè)計

網(wǎng)頁風(fēng)格設(shè)計最能傳遞企業(yè)文化信息，好的網(wǎng)頁風(fēng)格不僅能幫助客戶認(rèn)識和了解網(wǎng)站背后的企業(yè)，也能幫助企業(yè)樹立別具一格的形象。通過網(wǎng)頁風(fēng)格的獨(dú)特，直接給自身網(wǎng)站和所處行業(yè)的其它網(wǎng)站之間營造出一種清晰的辨識度。隨著互聯(lián)網(wǎng)的影響力不斷提升，網(wǎng)站成了企業(yè)讓客戶了解自身最直接的一個門戶，通過自身網(wǎng)站的辨識度在眾多網(wǎng)站中脫穎而出，迅速幫助企業(yè)樹立品牌，提升企業(yè)形象。

1.1網(wǎng)頁風(fēng)格設(shè)計的概念

網(wǎng)站風(fēng)格是抽象的概念，一般是指網(wǎng)站的整體形象給瀏覽者的綜合性惑受。每一個網(wǎng)站都有自己獨(dú)特的風(fēng)格，而擁有獨(dú)立風(fēng)格的網(wǎng)站會吸引越來越多用戶的關(guān)注，從而提升自己網(wǎng)站的知名度。網(wǎng)站的整體形象包括頁面的排版布局，形式，色彩，效果等。比如：我們覺得福娃的形象是生動活潑的而法官的形象則是專業(yè)嚴(yán)肅。每一個網(wǎng)站都會給瀏覽者留下不同感受。因此我們需要做到的是根據(jù)網(wǎng)站的定位不同做出每個網(wǎng)站特有的形式。除此我們還需要在風(fēng)格上把握一下，網(wǎng)頁上所有的圖形、文字，包括背景顏色排版形式等等都要統(tǒng)一風(fēng)格，這樣網(wǎng)頁才可以使瀏覽者看起來舒服、順暢。

1.2網(wǎng)頁風(fēng)格種類

網(wǎng)頁風(fēng)格按不同的分類標(biāo)準(zhǔn)可分為很多不同的種類，就本文而言，按照用途可分

為以下六類。

（1）時尚類（見圖1）：適用于精品、時尚、飯店旅館、服飾、婚紗等產(chǎn)業(yè)。需要特別注重視覺的效果。時尚風(fēng)格類型的設(shè)計特色呈現(xiàn)出簡約、精致、高質(zhì)感，比較少使用線條。另外照片的運(yùn)用上建議使用高解析度、飽和度高、鮮明對比色為主，較能表現(xiàn)出高質(zhì)感的感覺。

圖1 時尚類網(wǎng)站

（2）科技類：此類型一般適用于高科技、機(jī)械、電子、多媒體等產(chǎn)業(yè)?？萍碱愋痛蠖嗍褂么罅縿赢嬏匦?、多媒體音效及線條并結(jié)合主打商品或服務(wù)，來傳達(dá)高科技感和專業(yè)度。

（3）商業(yè)類：商業(yè)網(wǎng)站制作適用于任何類型的企業(yè)，是目前最普遍類型的網(wǎng)站。此類型網(wǎng)的風(fēng)格偏向簡單且網(wǎng)站動線明確為主，不做過度華麗的版面設(shè)計或使用過多的動畫，以增加網(wǎng)站瀏覽速度而提高搜尋排名。

（4）休閑類（見圖2）：適用于休閑農(nóng)場、觀光景點(diǎn)、戶外餐廳等企業(yè)。此類型的網(wǎng)頁設(shè)計大多會使用戶外的素材，如藍(lán)天白云、天空、樹木、綠地等等來營造出休閑自然的風(fēng)格，會讓用戶感受到。

圖2 休閑類網(wǎng)站

（5）活潑類：適用于主題樂園、童裝、學(xué)校等客群以幼童或青少年為主的網(wǎng)站。

（6）傳統(tǒng)類：又稱古典風(fēng)，適用于企業(yè)形象或主要商品風(fēng)格偏向中國風(fēng)或歐洲古典風(fēng)的網(wǎng)站。這種類型的網(wǎng)站設(shè)計會以復(fù)古風(fēng)格結(jié)合的花紋底圖或圖藤效果來表現(xiàn)柔美復(fù)古感。若是屬于中國風(fēng)網(wǎng)站，通常在設(shè)計上會比較注重國畫中“留白”的原則，同時輔以復(fù)古配色，以及水墨，毛筆字和印章烙印等圖片來傳達(dá)中國文化。傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計

2.1傳統(tǒng)風(fēng)格網(wǎng)頁

傳統(tǒng)風(fēng)格是一個比較概括的分類，在傳統(tǒng)風(fēng)格中又分為中國風(fēng)、日韓風(fēng)和歐洲古典風(fēng)。本文重點(diǎn)研究的是偏向中國風(fēng)的傳統(tǒng)風(fēng)格，其中包含以下三種主要風(fēng)格。

淡然雅致風(fēng)格（見圖3）：配色飽和度較低，多以淡色為主色調(diào)，配以國畫、書法等素材，“留白”概念在此中能得到很好的詮釋。

圖3 淡然雅致風(fēng)格

活潑鮮艷風(fēng)格（見圖4）：以較為鮮艷的色彩為主色調(diào)，有形式感，排版不過于正式，圖片較多，內(nèi)容豐富。

圖4 活潑鮮艷風(fēng)格

沉穩(wěn)大氣風(fēng)格（見圖5）：配色正式，能體現(xiàn)氣勢，如紅+黃，紫+黃等，排版也突出對稱和穩(wěn)定性。

圖5 沉穩(wěn)大氣風(fēng)格

2.2如何選擇傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計

首先，最重要的是根據(jù)網(wǎng)站所要傳遞給用戶的信息內(nèi)容來確定風(fēng)格。以介紹人物的網(wǎng)站為例，假設(shè)此人是知名古詩詞人，可根據(jù)其詞風(fēng)來確定。如詞風(fēng)清雋就選擇淡雅風(fēng)格，偏民俗可選擇活潑的風(fēng)格。要是換成企業(yè)類或機(jī)構(gòu)類網(wǎng)站的話，還是以沉穩(wěn)、大氣風(fēng)格為主；如果一個清雋詞人的網(wǎng)站設(shè)定成沉穩(wěn)大氣的風(fēng)格就會顯得死板，難以吸引用戶。

2.3傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計的優(yōu)勢與趨勢

傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計的優(yōu)勢：

（1）突顯網(wǎng)站的文化底蘊(yùn)。只要和傳統(tǒng)風(fēng)格不過于相反的內(nèi)容，同樣可以使用。傳統(tǒng)風(fēng)格演變自中國五千多年的歷史積累，其中網(wǎng)頁設(shè)計的變化和統(tǒng)一、對比和調(diào)和、均齊與平衡，這些概念最早就來源于《易經(jīng)》一書。

（2）更適合文化類、機(jī)構(gòu)類網(wǎng)站。現(xiàn)在很多此類網(wǎng)站仍使用單調(diào)的線條，內(nèi)容與風(fēng)格不匹配，反之如果使用傳統(tǒng)風(fēng)格，就會襯托出網(wǎng)站的整體氛圍，讓用戶感覺更和諧。

（3）屬于中國獨(dú)創(chuàng)。像時尚類、休閑類的風(fēng)格網(wǎng)站并不能準(zhǔn)確說出它們屬于哪個國家，而中國傳統(tǒng)風(fēng)格有類似符號的性質(zhì)，代表著中國文化，世界上絕無僅有。

傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計的趨勢：

（1）政府重視?，F(xiàn)在，非物質(zhì)文化遺產(chǎn)的傳承受到了政府更多的支持和保護(hù)，并且我校還申請了國家級民族文化傳承與創(chuàng)新教學(xué)資源庫，越來越多的學(xué)生和青年人加入到非遺的保護(hù)、傳承和發(fā)展的行列，隨之傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計也會越來越普及。

（2）國民重視。現(xiàn)代生活節(jié)奏的加快與生活的壓力，讓很多人開始回歸簡單與

向往淳樸的生活方式，并開始注重本國的傳統(tǒng)文化，而且人們獲取信息最有效的途徑仍是互聯(lián)網(wǎng)。所以隨著這種發(fā)展趨勢和民眾需求，中國傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計也會得到很好的發(fā)展。

（3）國外流行。雖然“中國風(fēng)”為近年流行，可早在十七、八世紀(jì)的歐洲就興起了“中國熱”。當(dāng)時太陽王路易十四有一場聚會，他坐著中國的八抬大轎進(jìn)入會場，從那時起很多人開始對中國有了了解，平民百姓也開始收集一些古玩等等。雖然如今傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計在國外還不十分流行，但隨著各國間的文化交流，當(dāng)中國傳統(tǒng)文化真正普及到全球那一天，相信關(guān)于傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計也會更加受到人們喜愛。

3“千秋詞君李煜”官方網(wǎng)站風(fēng)格設(shè)計

南唐后主李煜，唐末宋初，五代十國，生逢亂世。如果可以用一句話概括他的一生，那便是：“一代風(fēng)流君不二，多情才子薄命王”。因?yàn)樗某錾厥墙窠K省，又因?yàn)樗脑~派是花間詞，這些都與溫潤和淡雅結(jié)合了起來，所以把李煜的官方網(wǎng)站風(fēng)格設(shè)定為淡然雅致是最恰當(dāng)不過了。為了體現(xiàn)這樣的風(fēng)格理念，其設(shè)計所應(yīng)用到的元素是來自于中國水墨畫和江南建筑中的花窗。

水墨畫這種帶有濃郁中國特色的藝術(shù)表現(xiàn)手法，可在網(wǎng)站設(shè)計中應(yīng)用的元素，包括宣紙、山水、花草、墨韻、印章，和各種動物等等（見圖6）；這些元素表現(xiàn)的意境也非常廣泛，例如古樸、飄渺、優(yōu)美、蒼勁、生機(jī)勃勃??

圖6 水墨元素

水墨畫中可應(yīng)用在網(wǎng)頁設(shè)計的素材很多，意境也不局限于此，但傳統(tǒng)風(fēng)格并不是元素的疊加。“意境是指抒情性作品中呈現(xiàn)的那種情景交融、虛實(shí)相生、活躍著生命

律動的韻味無窮的詩意空間”，這一點(diǎn)和網(wǎng)頁設(shè)計中的對比與調(diào)和不謀而合。

說起江南建筑中的花窗，就不得不說榫卯。榫卯是古典家具之魂，一榫一卯之間，一轉(zhuǎn)一折之際，凝結(jié)著中國幾千年傳統(tǒng)家具文化的精粹，這種木材的精巧銜接，十分堅固牢靠，并且美觀，花窗就是這樣技術(shù)下的產(chǎn)物。在傳統(tǒng)風(fēng)格網(wǎng)站設(shè)計中，可以應(yīng)用一些古建筑的元素，如寶塔、宮殿、拱橋等等，也包括花窗、屋檐、城墻這種小素材，這樣有利于感官的虛實(shí)結(jié)合，只是不要太多，畫蛇添足，少而精為佳。

網(wǎng)頁風(fēng)格設(shè)計中可應(yīng)用的中國元素還有很多，書法，和其他多樣的繪畫手法，但同樣需要注意，傳統(tǒng)風(fēng)格的元素應(yīng)用不是一味的重復(fù)，一般網(wǎng)站風(fēng)格設(shè)計中，取一主要風(fēng)格應(yīng)用即可。

（以下“千秋詞君李煜”官方網(wǎng)站，簡稱“李煜”）

3.1導(dǎo)入頁（風(fēng)格）設(shè)計

導(dǎo)入頁的效果要盡量豐富，因?yàn)樗怯脩魧W(wǎng)站的第一印象，一定要吸引住用戶的眼球?！袄铎稀睂?dǎo)入頁的設(shè)計，采用紙張底紋，為使背景不單調(diào)，加上了水墨遠(yuǎn)山以襯托李煜為人性格的飄渺的感覺；上下封底是花窗元素，讓界面看起來更整齊；進(jìn)入時界面飄下花瓣，增加界面優(yōu)美感；圓形墨韻按照筆序出現(xiàn)，然后淡入李煜本人畫像，同時展開講述他生平的一首詩，有一種既視感，舒緩的把用戶帶入到的李煜的世界當(dāng)中去。為吸引用戶視覺；在界面下方是一副滾動的《韓熙載夜宴圖》（描繪李煜宮廷生活的真實(shí)寫照），畫幅較長，在設(shè)計上豐富了頁面內(nèi)容，有圖片支撐底部顯得更穩(wěn)定（見圖7）。

圖7 李煜導(dǎo)入頁-第一步效果

之后，進(jìn)入導(dǎo)入頁的另一個界面，整體變暗模糊變?yōu)楸尘埃谶@之上從界面的四周匯集本站LOGO“李煜千秋詞君”六字，增加視覺效果；隨之出現(xiàn)閃爍的點(diǎn)擊進(jìn)入按鈕；至此所有的導(dǎo)入頁動畫完畢，點(diǎn)擊按鈕即可進(jìn)入（見圖8）。

圖8 李煜導(dǎo)入頁-第二步效果

3.2首頁（風(fēng)格）設(shè)計

在首頁（見圖9）設(shè)計中，LOGO和導(dǎo)航處于界面頂端，下方是網(wǎng)站的動態(tài)banner，可以自動切換圖片。為了視覺效果banner設(shè)計的尺寸比較大，如果將導(dǎo)航放在它下面，當(dāng)用戶瀏覽時就會受到banner尺寸的影響，不利于點(diǎn)擊導(dǎo)航，同時LOGO旁邊也會顯得太過空曠。網(wǎng)站的下半部分分為三欄，分別是李煜的三類信息，在分欄右下角的位置有“更多”按鈕，點(diǎn)擊可切換到對應(yīng)頁面。

圖9 李煜首頁

在LOGO的設(shè)計上，采用了水墨底，水墨菊花，祥云這三樣素材；為了使素材與背景更加融合，菊花使用了正片疊底效果，并且和祥云一樣降低了75%的透明度；喻意是，菊花，高貴，清雅，與大多數(shù)春夏盛開的花朵不同，但到嚴(yán)寒時還是會枯萎，就好像李煜的一生，與眾不同，卻最終死于窘境之中。文字分別是柏青體“李煜”，以效“翠微松柏”的精神，以及繁方篆“千秋詞君”，以增古韻。同時文字的大小已接近藝術(shù)字體的識別界限，為了與背景區(qū)別開，所有文字都添加了比較明顯的陰影。

在導(dǎo)航的設(shè)計上，過于單調(diào)的設(shè)計讓導(dǎo)航不容易被用戶注意，過重的裝飾影響用戶識別，缺少整體感，不利于點(diǎn)擊。所以本站導(dǎo)航選擇圓形色塊為裝飾，為了不顯單調(diào)并增加整體感，在上面應(yīng)用了中文大寫數(shù)字的樣式，有作為項(xiàng)目編號的意義；當(dāng)鼠標(biāo)滑過時，顯示文字的墨跡背景，點(diǎn)擊后跳轉(zhuǎn)到二級頁面，墨跡背景停留在該狀態(tài)，這樣會讓用戶清楚的知道自己在網(wǎng)站中所處的位置。

在banner的設(shè)計上，為了增加動態(tài)效果，我們選擇利用HTML代碼，實(shí)現(xiàn)非Flash的圖片切換。同時banner中的圖片也經(jīng)過精心設(shè)計，第一張運(yùn)用LOGO和導(dǎo)入頁中的菊花、文字、墨韻和畫像再重組，偶爾重組素材會讓界面看起來有互相輝映之感；第二張“詞·賞析”，采用了遠(yuǎn)山水和荷花，荷花有高潔之意，山水正好應(yīng)了詩詞中“一江春水向東流”的意境；第三張講軼事典故，因?yàn)闀v到李煜的愛情故事，所以設(shè)計得粉嫩一些，采用了桃花和折扇的元素，它們分別帶給人甜蜜及風(fēng)流的聯(lián)想；最后一張第四張“驚才艷艷”，講李煜的才氣，“驚”“金”二字發(fā)音相近，所以在最后一張中添加了金色的花朵以取巧意。從四個不同的角度，取四種不同意境來制作banner，但仍符合淡然雅致的網(wǎng)站整體風(fēng)格，并不脫離主題。

3.3次級頁面與內(nèi)容頁（風(fēng)格）設(shè)計

為了讓用戶更快捷、更有效的了解李煜，包括他的生平、詩詞、為政等，本人用簡潔精煉的的方法去設(shè)置次級頁面與內(nèi)容頁（見圖10）的框架，這樣可以讓有些不了解李煜的用戶，很快并清晰的對這個歷史人物有個大概的認(rèn)知。

圖10 李煜次級頁面與內(nèi)容頁

在設(shè)計內(nèi)容頁與次級頁面的整體風(fēng)格時，本人應(yīng)用了牡丹，以及梅、蘭、竹、菊，五個元素，這五個元素對應(yīng)五個欄目的主題，每個二級頁面都有自己的主題，為網(wǎng)站添加了統(tǒng)一之中的變化。同時，之所以在“四君子”之外選擇牡丹，是因?yàn)槟档ご碇喝萑A貴，李煜首先是個君主，然后才是一位詞人。

在制作整體設(shè)計時，根據(jù)用戶的普遍視覺習(xí)慣，是最先關(guān)注左半部分的內(nèi)容，所以為了使用戶先被內(nèi)容吸引住，我們把內(nèi)容部分放在了左半部分，占整個頁面大約五分之四，而切換內(nèi)容的按鈕選擇欄放置在頁面右半部份，約占頁面的五分之一（在所有的網(wǎng)頁設(shè)計中，選擇欄都不宜過寬，否則會影響頁面的和諧感）。

3.4淡然雅致風(fēng)格設(shè)計應(yīng)注意的細(xì)節(jié)

在設(shè)計淡然雅致風(fēng)格時我們應(yīng)該注意以下細(xì)節(jié)：

（1）畫面色彩不要過于單調(diào)。慎用全篇黑白配色，可以搭配一些低飽和度的顏色，例如絳紅、黎色（土青）、牙色等。

（2）內(nèi)容不要太滿。要有適當(dāng)留白，方寸之地亦顯天地之寬。

4“北京小吃”官方網(wǎng)站風(fēng)格設(shè)計

北京小吃，歷史悠久，技藝精湛，品種繁多，其中有漢民風(fēng)味、回民風(fēng)味和宮廷小吃等，各種葷素、甜咸、干稀、涼熱，種類紛繁，季節(jié)性強(qiáng)，適應(yīng)面廣。有史料可查北京小吃元代已甚著稱，由于北京曾為金、元、清的 都城，又是新中國的首都，多方面的有利條件使它能博彩各地小吃之精華，兼收各組小吃之風(fēng)味，使北京小吃更加豐富多彩。

在網(wǎng)頁風(fēng)格設(shè)計方面，因?yàn)楸本┬〕越o人的整體感覺是偏民俗的，貼近生活的，所以本人選擇了活潑鮮艷的色彩搭配，運(yùn)用了老北京城的設(shè)計元素。鮮艷的顏色可以吸引視覺的注意和激起對食物的食欲，老北京城的民俗感又和北京小吃悠久的歷史相得益彰。北京小吃官方網(wǎng)站的風(fēng)格設(shè)計，靈感來源于故宮的紅墻琉璃瓦，因?yàn)檫@樣的設(shè)計很有北京古建筑的特點(diǎn)，而且北京小吃比較大的一部分也來自宮廷流傳，所以用這種古建筑風(fēng)格的元素來相襯北京小吃的整體風(fēng)格再貼合不過。

在設(shè)計傳統(tǒng)風(fēng)格的網(wǎng)站時，需要收集大量中國傳統(tǒng)風(fēng)格的藝術(shù)經(jīng)典素材，比如青花瓷，祥云，龍紋等等。這些帶有強(qiáng)烈中國特色的形象，為設(shè)計傳統(tǒng)風(fēng)格的網(wǎng)站提供了很多的靈感來源，也最能體現(xiàn)我國的文化精髓。這些都是傳統(tǒng)風(fēng)格網(wǎng)站必不可少的元素點(diǎn)綴。

4.1首頁（風(fēng)格）設(shè)計

在設(shè)計北京小吃這個網(wǎng)站的首頁（見圖11）時，主色調(diào)為緋紅，設(shè)計的較為醒目，這是為了當(dāng)用戶登陸網(wǎng)站時第一眼就被中國紅所吸引住，而且為了視覺對顏色的平衡，但我們將LOGO設(shè)計成黑色并延展下來，這樣的紅黑搭配更加具有親和力，讓人感覺均齊與平衡。

在界面的頂端是網(wǎng)站LOGO和登錄/注冊，添加了一張小吃圖片的漸變（透明度55%），這樣看起來既不會太單調(diào)也不會太凌亂。下面是一個Flash，有一個流動的背景，里面包含導(dǎo)航按鈕，鼠標(biāo)滑過時會在首頁中切換不同的圖片，豐富了視覺效果。

界面的下半部分，是吃貨論壇和小吃簡介，之所以要推薦這個兩個欄目板塊，一是因?yàn)樽層脩艨吹竭@是一個有人氣的社交平臺，增加用戶的對北京小吃的凝聚力和對美食的熱衷；二是因?yàn)榫W(wǎng)站需要不斷的更換最新最快的相關(guān)信息，從而不讓用戶流失，讓他們可以在論壇里時刻暢所欲言對北京小吃的熱愛。而且主頁還設(shè)置了“今日推薦”這個特別小板塊，更加貼心的為用戶提供了有用的信息，拉近與食客們的距離感。

在設(shè)計LOGO時，考慮到北京也是一個現(xiàn)代化都市，所以用色塊與英文“TASTE OF PEKING”增加現(xiàn)代感，旁邊的京味兒三字是其中文翻譯，采用繁體古隸，是小篆走向隸書的過度字體，古韻十足。

圖11 北京小吃首頁

而在設(shè)計界面時，我們把紅墻琉璃瓦的元素，應(yīng)用到了占比最重的視覺Flash里，奠定了整體風(fēng)格的基調(diào)；并把導(dǎo)航按鈕嵌入其中，當(dāng)鼠標(biāo)劃過按鈕時會切換圖片，增加網(wǎng)站視覺效果。這其中，不僅有“墻瓦”的元素，還有背景中的龍頭噴泉，左上方的豎排文字，切換時與欄目對應(yīng)的民俗圖片，以及“墻”下用以增加質(zhì)感的麻布底紋，正是這些元素一點(diǎn)一滴的融合，才完成了民俗、鮮艷、活潑的北京小吃官方網(wǎng)站的風(fēng)格設(shè)計。

4.2次級頁面與內(nèi)容頁（風(fēng)格）設(shè)計

在設(shè)計北京小吃的次級頁面與內(nèi)容頁時，考慮到網(wǎng)站設(shè)定包括地圖與在線論壇功能，所以在版式的設(shè)計上也有所不同。

次級頁面上，“小吃食譜”與“歷史典故”（見圖12）為一類，因?yàn)樗鼈冇忻鞔_的分類，層級較清晰明確?！懊朗车貓D”（見圖13）就是網(wǎng)站中包括的地圖功能，因?yàn)楸本┬〕源蟛糠旨性诔菂^(qū)內(nèi)，郊區(qū)部分會出現(xiàn)大量空白，所以不適用類似“高德地圖”的實(shí)時交互界面，而是更適合類似“大眾點(diǎn)評”的分類查找，這樣不僅提高了信息查找的準(zhǔn)確性與便捷性，同時也更容易閱讀瀏覽。最后一個欄目“吃貨論壇”（見圖14）就是網(wǎng)站中的在線論壇功能，但由于沒有后臺服務(wù)器支持，我們只設(shè)計出一個雛形，包括左半部分的內(nèi)容，以及右半部份的“發(fā)表帖子”，“論壇版塊”，與“熱門帖子”，總共四部分。

圖12 北京小吃次級頁面-歷史典故

↑圖13 北京小吃次級頁面-美食地圖 ←圖14 北京小吃次級頁面-吃貨論壇

在內(nèi)容頁上，“小吃食譜”與“歷史典故”在界面右側(cè)都設(shè)立了副導(dǎo)航，用以欄

目內(nèi)切換內(nèi)容用；在“歷史典故”的四級頁面的導(dǎo)航下方，是“足跡”功能，為防止層級過多，用戶在網(wǎng)頁中不能清晰了解自己所在的位置。在“美食地圖”中，當(dāng)點(diǎn)擊次級頁面的內(nèi)容欄的鏈接時，會進(jìn)入到內(nèi)容頁，此時同樣可點(diǎn)擊右側(cè)的副導(dǎo)航進(jìn)行內(nèi)容切換。

設(shè)計上，北京小吃的內(nèi)容頁并沒有延續(xù)首頁的“紅墻琉璃瓦”元素，而是改為“素瓦白墻”，一方面因?yàn)樵诖渭夗撁媾c內(nèi)容頁中，要閱讀的文字較多，但絳紅仍屬于比較鮮艷的顏色，不適于用戶閱讀；另一方面也是因?yàn)闃闼氐呐渖踪N近北京小吃中民俗的一面。但并不是在次級頁面與內(nèi)容頁中沒有鮮艷的顏色，暗紅色（非絳紅）在朱紅的基礎(chǔ)上降低了飽和度，用于界面中的“點(diǎn)睛色”，在一些選項(xiàng)和需要用戶注意的地方，都運(yùn)用了這種“點(diǎn)睛色”，如此不僅可以延續(xù)首頁的風(fēng)格，增加頁面統(tǒng)一感，也有畫龍點(diǎn)睛之妙。

4.3活潑鮮艷風(fēng)格設(shè)計應(yīng)注意的細(xì)節(jié)

在設(shè)計活潑鮮艷風(fēng)格時我們應(yīng)注意以下細(xì)節(jié)：

（1）避免配色過于鮮艷。注意色彩的對比與調(diào)和，界面顏色最好不要超過五種，對于比較鮮艷的顏色可降低其飽和度，或用明度較低的顏色進(jìn)行調(diào)和。

（2）內(nèi)容頁要適于閱讀。因內(nèi)容頁文字較多，故不適用大量高飽和度顏色，同時注意背景色與文字顏色間的對比。

（3）增加視聽覺效果。避免活潑風(fēng)格中頁面過于死板，可應(yīng)用動畫、音樂、圖片等元素。

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

網(wǎng)站風(fēng)格設(shè)計對比

在傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計中，李煜與北京小吃這兩個案例，帶給了用戶截然不同的感受。在布局、色彩，和對傳統(tǒng)元素的應(yīng)用上，這兩個案例有所同，也有所不同，下文從如何細(xì)致準(zhǔn)確得應(yīng)用傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計的角度出發(fā)，分析了李煜和北京小吃這兩個案例。

5.1布局對比

李煜與北京小吃在布局上的相同之處在于，二者都應(yīng)用了占頁面比例較大的banner；不同之處則是李煜的banner應(yīng)用JavaScript技術(shù)實(shí)現(xiàn)圖片輪播，導(dǎo)航處于頁面banner上方，頁面下半部分則是規(guī)則的三個分欄。而北京小吃是利用Flash將導(dǎo)航按鈕融合在banner中，頁面下方的不規(guī)則分欄，更具有活力。在兩個案例的二級頁面中，都更偏向于左半部分為內(nèi)容，右半部分為副導(dǎo)航，用以切換欄目內(nèi)的頁面，不同之處在于，李煜的二級頁面與內(nèi)容頁是一體的，而北京小吃則有較深的層級。

5.2色彩對比

李煜為淡然雅致風(fēng)格，北京小吃為活潑鮮艷風(fēng)格。首先從色彩上來講，李煜采用淡然雅致風(fēng)格，整體運(yùn)用白色，配黎、絳紅為點(diǎn)睛色，有水墨畫之感（見圖15）。

圖15 李煜配色

北京小吃采用活潑鮮艷風(fēng)格，主色調(diào)運(yùn)用緋紅，米、黑為配色，絳紅為點(diǎn)睛色（見圖16）。兩個案例中關(guān)于色彩，最大的不同是李煜大量應(yīng)用了白色，所以黎、絳紅只能為點(diǎn)睛色，映襯水墨之感，以體現(xiàn)淡然雅致；北京小吃則以緋紅為主色調(diào)，但顏色偏于鮮艷，所以配米、黑為輔助色，黑與紅之間既是對比亦是制衡，故需米為之調(diào)和。

圖16 北京小吃配色

5.3傳統(tǒng)元素應(yīng)用對比

在這兩個案例中，從元素運(yùn)用上來講，李煜為水墨，北京小吃偏民間，其所呈現(xiàn)的效果各有千秋。李煜運(yùn)用水墨畫和江南建筑元素，給人以溫柔，細(xì)膩，雅致的意象。而在北京小吃中，最為突顯的是視覺Flash里“紅墻琉璃瓦”的北方宮廷建筑元素，其它民俗韻味則以食物、人物等圖片來體現(xiàn)，這些元素整體帶給人樸實(shí)、民俗、活潑的意象，活潑在詞典中的釋意為“生動自然；不呆板”。兩個案例作為兩種不同的傳統(tǒng)風(fēng)格，其中最大的差別在于，李煜中的每個元素都與整體風(fēng)格相呼應(yīng)；而北京小吃則是突出其中一個，并融合現(xiàn)代設(shè)計元素。

總結(jié)

傳統(tǒng)網(wǎng)頁風(fēng)格設(shè)計是對中國元素進(jìn)行完美的拆分與重組，它包含了繪畫、書法、建筑、圖騰等元素，需要設(shè)計師對中國傳統(tǒng)文化有一定的了解與認(rèn)知。本文中淺析了傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計的概念、分類，優(yōu)勢與趨勢，并輔以畢業(yè)設(shè)計案例，分析傳統(tǒng)元素的實(shí)際應(yīng)用。但就李煜與北京小吃這兩個案例而言，還存在著不足，例如李煜的二級欄目之間沒有明顯的風(fēng)格區(qū)分，讓界面看起來有些單調(diào)；北京小吃的設(shè)計略顯稚嫩，線條、按鈕等一些細(xì)節(jié)還需要仔細(xì)調(diào)試。

在將來，互聯(lián)網(wǎng)仍是許多人獲得信息的首要渠道，而網(wǎng)頁也仍是一個重要的傳播載體，人們會更加注重網(wǎng)頁設(shè)計的美與丑和帶給自身的感受，而傳統(tǒng)風(fēng)格也會在中國傳統(tǒng)文化復(fù)興的大背景下發(fā)展得更加順利。作為一名未來的“設(shè)計師”，也要增加自身修養(yǎng)，多學(xué)習(xí)中國的傳統(tǒng)文化。希望有一天中國的傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計，可以成為亞洲東方文化的代表。

謝 辭

歲月如白駒過隙，五年的時間，學(xué)校見證了我們的成長，我們也見證了學(xué)校的改變。感謝曾經(jīng)教授過我的每一位老師，也感謝這次的畢設(shè)指導(dǎo)——陳金梅老師。得一良師，勝萬卷書，陳老師的嚴(yán)謹(jǐn)、耐心、負(fù)責(zé)讓我受益匪淺。同時還要感謝小組另一個成員白宇軒同學(xué)，與他一起做過很多大作業(yè)，默契無需多言，感謝他這兩年來的支持與照顧。最后，感謝參考文獻(xiàn)中作者們做出的研究。

參考文獻(xiàn)

[1]覃瀚穎.淺談網(wǎng)站風(fēng)格設(shè)計[J].現(xiàn)代企業(yè)教育, 2014(20):532-532.[2]王志瑋.淺談網(wǎng)站風(fēng)格設(shè)計[J].價值工程, 2011, 30(13):171-171.[3]徐美雅.淺談網(wǎng)站風(fēng)格設(shè)計的基本要求[J].天津電大學(xué)報, 2009, 13(1):59-62.[4]馮皓, 吳向煒.現(xiàn)代網(wǎng)頁設(shè)計風(fēng)格分析[J].長治學(xué)院學(xué)報, 2009, 26(4):83-84.[5]耿陽, 孫志紅.淺談網(wǎng)頁設(shè)計的形式和藝術(shù)風(fēng)格[J].藝術(shù)與設(shè)計：理論, 2009(03):65-67.[6]余小芬, 宋魁友.網(wǎng)頁設(shè)計風(fēng)格的審美效應(yīng)[J].大眾文藝：學(xué)術(shù)版, 2012(6):108-109.[7]馬艷麗.中國風(fēng)格在網(wǎng)頁設(shè)計中的應(yīng)用[J].藝術(shù)教育, 2012(05):149-149.[8]楊敬飛.傳統(tǒng)風(fēng)格網(wǎng)頁設(shè)計及其視覺審美性研究[J].設(shè)計, 2014(04):113-114.

第四篇：中文版Illustrator CS6平面創(chuàng)意設(shè)計與制作實(shí)例 ai cs6視頻教程

中文版Illustrator CS6平面創(chuàng)意設(shè)計與制作實(shí)例 ai cs6視頻教程

本教程有http://整理發(fā)布

中文版Illustrator CS6平面創(chuàng)意設(shè)計與制作實(shí)例視頻教程采用案例教程的編寫形式，兼具技術(shù)手冊和應(yīng)用專著的特點(diǎn)，中文版Illustrator CS6平面創(chuàng)意設(shè)計與制作實(shí)例視頻教程內(nèi)容全面、結(jié)構(gòu)合理、圖文并茂、實(shí)例豐富、講解清晰，不僅適合廣大圖像設(shè)計初級、中級愛好者的使用，同時也可以作為大中專院校相關(guān)專業(yè)，以及社會各類初、中級平面培訓(xùn)班的教學(xué)教材。

目錄

第1章IllustratorCS6新手入門

實(shí)例001矢量圖和位圖

實(shí)例002IllustratorCS6新增功能介紹

實(shí)例003IllustratorCS6的工作環(huán)境

實(shí)例004新建和打開文件

實(shí)例005設(shè)置圖像顯示效果

實(shí)例006圖像的顯示比例

實(shí)例007保存文件

實(shí)例008置入和導(dǎo)出文件

實(shí)例009標(biāo)尺、網(wǎng)格和參考線

實(shí)例010個性化的IllustratorCS6界面

實(shí)例011管理畫板

第2章簡單編輯基本圖形對象

實(shí)例012使用選擇工具選擇對象

實(shí)例013使用選擇菜單選擇對象

實(shí)例014城市建筑

實(shí)例015圖形對象的移動

實(shí)例016圖形對象的復(fù)制

實(shí)例017鎖定與解鎖圖形對象

實(shí)例018編組與取消編組

實(shí)例019對象的排列順序

實(shí)例020對齊與分布圖形對象

實(shí)例021對象的顯示與隱藏

實(shí)例022對象的刪除與恢復(fù)

實(shí)例023切割對象

實(shí)例024圣誕夜景

實(shí)例025可愛南瓜

實(shí)例026田園風(fēng)光

實(shí)例027復(fù)古花卉

實(shí)例028風(fēng)景插畫一

實(shí)例029風(fēng)景插畫二

實(shí)例030水墨花卉

實(shí)例031夏季海灘

實(shí)例032麥穗

實(shí)例033運(yùn)動鞋

實(shí)例034情人節(jié)賀卡

實(shí)例035春

第3章基本繪圖工具的使用

實(shí)例036矩形工具

實(shí)例037便利貼

實(shí)例038圓角矩形

實(shí)例039橢圓工具

實(shí)例040多邊形工具

實(shí)例041 星形工具

實(shí)例042光暈工具

實(shí)例043衣柜

實(shí)例044禁止吸煙標(biāo)志

實(shí)例045直尺

實(shí)例046手繪插畫

實(shí)例047圣誕樹

實(shí)例048圓形相框

實(shí)例049矩形背景

實(shí)例050綜合背景

實(shí)例051 電源開關(guān)

實(shí)例052溫度計

實(shí)例053可愛卡通背景

實(shí)例054麻將

實(shí)例055壁紙效果

實(shí)例056電視標(biāo)板

實(shí)例057樹形剪影

實(shí)例058電視機(jī)

實(shí)例059 iPhone 4S

實(shí)例060卡通玩具汽車

實(shí)例061傘

第4章填充和描邊對象

實(shí)例062認(rèn)識顏色模式

實(shí)例063單色填充

實(shí)例064漸變填充

實(shí)例065卡通煙與煙灰缸

實(shí)例066圖案填充

實(shí)例067漸變網(wǎng)格填充

實(shí)例068描邊設(shè)置

實(shí)例069加油器

實(shí)例070圣誕賀卡

實(shí)例071 餐具

實(shí)例072超市海報

實(shí)例073卡通蛋

實(shí)例074海邊風(fēng)光

實(shí)例075公路指示牌

實(shí)例076荷花

實(shí)例077水滴

實(shí)例078千紙鶴

實(shí)例079葡萄

實(shí)例080甜橙

實(shí)例081牽?；?/p>

實(shí)例082檸檬

實(shí)例083沙發(fā)

實(shí)例084坐椅

實(shí)例085巧克力和櫻桃

實(shí)例086禮品包裝盒

實(shí)例087鉗子

實(shí)例088盆花

實(shí)例089錢包

實(shí)例090啤酒和酒杯

實(shí)例091木門

實(shí)例092彩色氫氣球

實(shí)例093旅行箱

實(shí)例094漏斗

實(shí)例095椰樹

實(shí)例096鞋盒

實(shí)例097紙箱

實(shí)例098蘋果

實(shí)例099打印機(jī)

實(shí)例100水杯

實(shí)例101超市貨架

實(shí)例102蜂蜜罐子

第5章復(fù)雜圖形的創(chuàng)建

實(shí)例103直級段工具

實(shí)例104弧形工具

實(shí)例105螺旋線工具

實(shí)例106矩形網(wǎng)格工具

實(shí)例107極坐標(biāo)網(wǎng)格工具

實(shí)例108鉛筆工具

實(shí)例109平滑工具

實(shí)例110橡皮擦工具

實(shí)例111畫筆工具

實(shí)例112透視網(wǎng)格工具

實(shí)例113色彩斑斕的墨跡

實(shí)例114平面圖

第6章圖形對象的高級操作

實(shí)例115旋轉(zhuǎn)工具

實(shí)例116鏡像工具

實(shí)例117縮放工具

實(shí)例118傾斜工具

實(shí)例119 自由變換工具

實(shí)例120對象的扭曲變形

實(shí)例121形狀生成器工具

實(shí)例122實(shí)時上色工具

實(shí)例123指南針

實(shí)例124飛行棋棋盤

實(shí)例125魔方

實(shí)例126文件夾

實(shí)例127賀卡

實(shí)例128數(shù)碼相機(jī)

實(shí)例129精美標(biāo)簽

實(shí)例130水鄉(xiāng)一色

實(shí)例131小兒退熱貼包裝

實(shí)例132螺絲和螺母

實(shí)例133窗

實(shí)例134楓樹

實(shí)例135多彩圖案

實(shí)例136手提袋

實(shí)例137樹葉背景

第7章鋼筆工具和路徑

實(shí)例138路徑和鋼筆工具

實(shí)例139編輯路徑

實(shí)例140其他路徑編輯命令

實(shí)例141扇子

實(shí)例142小海豚

實(shí)例143吉他

實(shí)例144卡通雞

實(shí)例145手套

實(shí)例146夾子

實(shí)例147圣誕賀卡

實(shí)例148燈泡

實(shí)例149圍巾

實(shí)例150熱氣球

實(shí)例151彩鉛

實(shí)例152垃圾桶

實(shí)例153購物車

實(shí)例154多彩鬧鐘

實(shí)例155表一

實(shí)例156表二

實(shí)例157玩具熊

實(shí)例158電話

實(shí)例159鍵盤

實(shí)例160鉛筆刀

實(shí)例161剪刀

實(shí)例162酒瓶

實(shí)例163咖啡杯

實(shí)例164清潔工具

實(shí)例165鋼筆

實(shí)例166色子

實(shí)例167試管和燒瓶

實(shí)例168標(biāo)志設(shè)計一

實(shí)例169標(biāo)志設(shè)計二

實(shí)例170落地音箱

實(shí)例171時尚潮流吉他

第8章路徑查找器

實(shí)例172路徑查找器面板

實(shí)例173軟盤

實(shí)例174影視膠卷

實(shí)例175乒乓球拍

實(shí)例176音響

實(shí)例177酒杯

實(shí)例178圣誕蠟燭

實(shí)例179卷紙

實(shí)例180戶外廣告牌

實(shí)例181油漆桶

實(shí)例182路燈和路旗

實(shí)例183撲克牌

實(shí)例184磁帶

實(shí)例185壁燈

實(shí)例186招財貓

實(shí)例187太極八卦圖

實(shí)例188心連心

第9章文字、混合和封套

實(shí)例189文字工具

實(shí)例190工作證、參觀證

實(shí)例191信封

實(shí)例192信紙

實(shí)例193傘

實(shí)例194多重描邊字

實(shí)例195企業(yè)文化墻

實(shí)例196企業(yè)展板設(shè)計

實(shí)例197浪漫情緣

實(shí)例198招聘廣告

實(shí)例199菜譜

實(shí)例200雜志封面

實(shí)例201混合字

實(shí)例202辦公用品

實(shí)例203色卡

實(shí)例204鉛筆

實(shí)例205封套

第10章符號、圖表和樣式

實(shí)例206符號

實(shí)例207符號面板

實(shí)例208圖表

實(shí)例209符號

實(shí)例210定義圖案表現(xiàn)圖表

實(shí)例211餅形圖

實(shí)例212精美三維圖表

實(shí)例213花撒圖案

第11章圖層、動作和蒙版

實(shí)例214圖層

實(shí)例215動作

實(shí)例216裁切蒙版

實(shí)例217 照片

實(shí)例218特效字

實(shí)例219郵票

實(shí)例220羽毛球拍

實(shí)例221結(jié)婚請柬

實(shí)例222蒙版圖案一

實(shí)例223蒙版圖案二

實(shí)例224拖鞋

第12章 效果

實(shí)例225裁剪標(biāo)記

實(shí)例226扭曲和變換效果組

實(shí)例227風(fēng)格化效果組

實(shí)例228風(fēng)格化效果組

實(shí)例229扭曲效果組

實(shí)例230模糊效果組

實(shí)例231 畫筆描邊效果組

實(shí)例232素描效果組

實(shí)例233紋理效果組

實(shí)例234藝術(shù)效果組

實(shí)例235果盤

實(shí)例236立體字

第13章企業(yè)VI設(shè)計

實(shí)例237 VI設(shè)計——資料袋、文件夾

實(shí)例238 VI設(shè)計——借款單

實(shí)例239 VI設(shè)計——報表

實(shí)例240 VI設(shè)計——手提袋

實(shí)例241 VI設(shè)計——導(dǎo)向牌

實(shí)例242 VI設(shè)計——桌旗和掛旗

實(shí)例243 VI設(shè)計——T恤和帽子

實(shí)例244 VI設(shè)計——交通工具

實(shí)例245 VI設(shè)計——禮品筆

實(shí)例246 VI設(shè)計——打火機(jī)

實(shí)例247 VI設(shè)計——鑰匙扣

實(shí)例248 VI設(shè)計——企業(yè)服裝設(shè)計

實(shí)例249 VI設(shè)計——臺歷

實(shí)例250 VI設(shè)計—— 接待臺

實(shí)例251 VI設(shè)計——紙杯

實(shí)例252 VI設(shè)計——禮品表

第14章海報設(shè)計

實(shí)例253手機(jī)招貼設(shè)計

實(shí)例254招聘廣告

實(shí)例255微波爐招貼設(shè)計

實(shí)例256公益招貼

實(shí)例257電壓力鍋海報

實(shí)例258家具海報

實(shí)例259房地產(chǎn)海報

實(shí)例260電信招貼設(shè)計

實(shí)例261 咖啡招貼設(shè)計

實(shí)例262團(tuán)購網(wǎng)招貼設(shè)計

第15章房地產(chǎn)廣告設(shè)計

實(shí)例263房地產(chǎn)廣告設(shè)計一

實(shí)例264房地產(chǎn)廣告設(shè)計二

實(shí)例265房地產(chǎn)廣告設(shè)計三

實(shí)例266房地產(chǎn)廣告設(shè)計四

實(shí)例267房地產(chǎn)廣告設(shè)計五

實(shí)例268房地產(chǎn)廣告設(shè)計六

實(shí)例269房地產(chǎn)廣告設(shè)計七

實(shí)例270房地產(chǎn)廣告設(shè)計八

實(shí)例271 房地產(chǎn)廣告設(shè)計九

實(shí)例272房地產(chǎn)廣告設(shè)計十

實(shí)例273房地產(chǎn)廣告設(shè)計十一

實(shí)例274房地產(chǎn)廣告設(shè)計十二

實(shí)例275房地產(chǎn)廣告設(shè)計十三

實(shí)例276房地產(chǎn)廣告設(shè)計十四

實(shí)例277房地產(chǎn)廣告設(shè)計十五

實(shí)例278房地產(chǎn)廣告設(shè)計十六

實(shí)例279房地產(chǎn)廣告設(shè)計十七

實(shí)例280房地產(chǎn)廣告設(shè)計十八

實(shí)例281 房地產(chǎn)廣告設(shè)計十九

實(shí)例282房地產(chǎn)廣告設(shè)計二十

第16章平面廣告設(shè)計

實(shí)例283化妝品單頁

實(shí)例284三折頁正面

實(shí)例285三折頁正面

實(shí)例286包裝設(shè)計展開圖

實(shí)例287企業(yè)宣傳畫冊內(nèi)頁一

實(shí)例288企業(yè)宣傳畫冊內(nèi)頁二

實(shí)例289企業(yè)宣傳畫冊內(nèi)頁三

實(shí)例290企業(yè)宣傳畫冊內(nèi)頁四

實(shí)例291 經(jīng)濟(jì)公司傳播畫冊內(nèi)頁一

實(shí)例292經(jīng)濟(jì)公司傳播畫冊內(nèi)頁二

實(shí)例293經(jīng)濟(jì)公司傳播畫冊內(nèi)頁三

實(shí)例294經(jīng)濟(jì)公司傳播畫冊內(nèi)頁四

實(shí)例295經(jīng)濟(jì)公司傳播畫冊內(nèi)頁五

實(shí)例296經(jīng)濟(jì)公司傳播畫冊內(nèi)頁六

實(shí)例297經(jīng)濟(jì)公司傳播畫冊內(nèi)頁七

實(shí)例298經(jīng)濟(jì)公司傳播畫冊內(nèi)頁八

實(shí)例299畫冊內(nèi)頁一

實(shí)例300畫冊內(nèi)頁二

教程截圖：

第五篇：河海大學(xué)體育課傳統(tǒng)養(yǎng)生實(shí)例

傳統(tǒng)養(yǎng)生實(shí)例

最近考試太多，身心感到有點(diǎn)疲憊，比較焦慮的是害怕自己考不好，由于晚上焦慮以致第二天沒有精神，于是想起了傳統(tǒng)養(yǎng)生課上老師講的同時性正負(fù)誘導(dǎo)，相續(xù)性正負(fù)誘導(dǎo)的調(diào)節(jié)方法，希望通過同時性正負(fù)誘導(dǎo)，相續(xù)性正負(fù)誘導(dǎo)的調(diào)節(jié)方法來使自己的身體得到調(diào)節(jié)，從而達(dá)到一定的效果。其實(shí)考前緊張，考完就沒事了的狀況，就是老師所講的齊加尼克效應(yīng)，這種狀況是可以通過一定的方式進(jìn)行調(diào)節(jié)的。

所謂同時性正誘導(dǎo)，即大腦皮質(zhì)某一點(diǎn)“抑制”的同時促使其周圍出現(xiàn)負(fù)誘導(dǎo)。相反亦可知同時性負(fù)誘導(dǎo)。相續(xù)性正誘導(dǎo)即是，“抑制”的區(qū)域在原來的位置部位出現(xiàn)了“興奮”的加強(qiáng)。相反亦可知，相續(xù)性負(fù)誘導(dǎo)。又從資料中得知大腦皮層中，學(xué)習(xí)中樞與運(yùn)動中樞是鄰居。所以想通過調(diào)節(jié)來使得身心得以放松，精神得以振作。于是每天晚上9點(diǎn)自己會在操場上慢跑幾圈，等到感覺有些疲憊的時候就停下來再走幾圈，然后到宿舍就差不多10點(diǎn)了，休息休息，然后洗個澡就上床睡覺，這樣下來睡覺的時候感覺睡得很踏實(shí)，睡的很香，幾乎不做夢的。也就是通過緩慢的跑步使得大腦皮層的運(yùn)動中樞興奮起來，經(jīng)過一段時間以后，運(yùn)動中樞得到抑制，進(jìn)而自己感到比較困頓，睡覺后所以睡得比較香。經(jīng)過二周的這樣的調(diào)節(jié)，自己的身體感覺非常好，第二天也非常有精神上課了。同時也可由上面的知識了解到當(dāng)你的運(yùn)動中樞十分興奮時，學(xué)習(xí)中樞受到抑制，所以此時你看書的效率會非常低，最好不要看書，全身心的投入到放松之中。此時也可以知道，你最好不要吃東西，因?yàn)榭刂瞥詵|西的中樞也受到抑制，這時吃東西可能會立即吐掉，導(dǎo)致適得其反，對自己的身體更加不好。以前根本不注重調(diào)節(jié)，雖然別人經(jīng)常說要會調(diào)節(jié)自己，但是直到上了傳統(tǒng)養(yǎng)生課，我才知道如何正確的調(diào)節(jié)自己的身體，如何面對現(xiàn)在這樣一種充滿競爭，充滿壓力的環(huán)境。