第一篇：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點了，休息休息，然后洗個澡就上床睡覺，這樣下來睡覺的時候感覺睡得很踏實，睡的很香，幾乎不做夢的。也就是通過緩慢的跑步使得大腦皮層的運動中樞興奮起來，經過一段時間以后，運動中樞得到抑制，進而自己感到比較困頓，睡覺后所以睡得比較香。經過二周的這樣的調節，自己的身體感覺非常好，第二天也非常有精神上課了。同時也可由上面的知識了解到當你的運動中樞十分興奮時，學習中樞受到抑制，所以此時你看書的效率會非常低，最好不要看書，全身心的投入到放松之中。此時也可以知道，你最好不要吃東西，因為控制吃東西的中樞也受到抑制，這時吃東西可能會立即吐掉，導致適得其反，對自己的身體更加不好。以前根本不注重調節，雖然別人經常說要會調節自己，但是直到上了傳統養生課，我才知道如何正確的調節自己的身體，如何面對現在這樣一種充滿競爭，充滿壓力的環境。