[ 平面理論教程 ] 如何設計有中國味的設計作品- 其他教程 - 骨子愛創意

教學主題: 如何設計有中國味的設計作品

大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

今天的這個教學主題是: 如何設計有中國味的設計作品

這教學的重點為這幾點 [ 設計,如何,我們,字體,竹子,菜單,上圖,那些,可以,圖片, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

在本文中，我們將介紹如何設計出一張充滿東方氣息的菜單，以使它更好地傳達出那些美味的中國菜。

在本文中，我們將介紹如何設計出一張充滿東方氣息的菜單，以使它更好地傳達出那些美味的中國菜。

中國菜讓人一看就想流口水——所以“東方風味“( A Taste of the Orient )餐廳總是坐滿了中午來吃飯的上班一族。這是一家規模不大的家庭作坊式餐廳，座落在購物廣場的旁邊。但你如果只是看一眼他們這張普遍的粉紅色折頁菜單，卻讓人感到毫無特色!“東方風味”需要讓它的菜單與它的菜肴一樣吸引人，能夠傳達出有着鮮明特色的中國文化氣息，而且能夠讓那些寫字樓里的白領將這張菜單貼在公司的告示板上，而不是將它塞進抽屜里。讓我們開始改造。

上圖為原來的菜單設計。實事求是地講，一張菜單所需要的信息它全都有了。但如果我們將那個碗狀的標誌去掉，那整張菜單就沒有一個元素是能夠與中國菜聯繫起來的。而且這張菜單是要向那些上班的人派發的，我們需要讓上班的人一看到這張菜單時就能感受到中國菜的美味——從而吸引他來這家餐廳。所以我們需要設計得漂亮一些。

首先讓我們來分析一下原來的設計存在什麼問題。

剛才說了，菜單上的文字信息並沒有什麼問題，但整個版面並沒有設計，只是將版面填滿而已。原來的設計師並沒有在設計中表達出吸引人的視覺元素、對比及層次感。

上圖的菜單外頁中，有一個視覺焦點(那個碗)，所放的位置很正確(在中間)，但它顯得太普通，與其它菜單沒有什麼兩樣，缺乏吸引力。餐廳的名字在版面中所處的位置也很正確，周圍的空間比較開闊，所以一眼望去很容易就注意到。但卻傳達不出特有的氣息。其中的菜名、地址、電話號碼及營業時間對於餐廳來說都是很重要的一些信息，都缺乏精心的設計。

整張菜單充斥着太多的框框。所有的菜名都是放在線框里。這樣處理雖然顯得整整齊齊，但這些線條在裡面本來看起來就很細，既不漂亮，其實也沒必要。因為菜單上已經有足夠的空間讓各種文字信息分開而不會引起混亂。而且各個線框的尺寸長短不一，破壞了整個版面的協調。

一個好的設計必須是精心組織的。例如在上圖中，三個圓形及三個長方形的元素構成了兩個三角形，而且這兩個三角形都圍繞着一個視覺焦點(盤子中間的花飾)，而大的圓圈(盤子)將所有元素都圍繞起來。這就是設計!而且也非常吸引人。而在原來的菜單外頁中，中間部分的線框里的字體與左右兩邊的字體不一樣——當然，這樣也是一種吸引人的辦法，但問題是，這樣處理並沒有什麼特定的理由。其實只能算是一種隨意性的設計，並沒有我們所說的精心組織。

在重新設計前，我們先要了解一下有關中國的一些東西。你必須真的進行一番認真的搜索，不要只憑你的記憶去想象，不然你就以為中國只有筷子及幸運甜餅( fortune cookie ，該餅是由廣東的一種小食演變而成，在美國當地深受歡迎，而包着甜餅的紙條上寫着一些有關吉利與否的文字，類似於一種“抽籤占卜”，所以亦稱“簽餅”——譯註)。

中國到底有什麼特色?

不要去想象，如果你在書本、網站及圖片庫里仔細尋找一些有關中國的東西，甚至去中餐廳里看一下，那你設計出來的效果就會好很多(也更容易)。我們要看什麼?要特別注意觀察各種有關中國的東西，包括它們的形狀、顏色、圖案及觀察中國菜的色香味，還要留意隱藏在這些東西後面的有關中國歷史、文化及傳統這些看不見的元素。

臉譜：具有悠久的歷史，有宗教氣息，表演時用，顏色五彩繽紛，由多種圖案構成;

中餐廳：以中性顏色為主，有圖案複雜的木雕製品裝飾;

幸運餅：從明朝留傳下來的一種“月餅”，代表歡樂，圓形，金****;

竹子：充滿自然氣息，體態優雅，錯落有致;

炒鍋：熱氣騰騰，圓形，菜肴五顏六色，香味撲鼻;

文字：古老，毛筆書寫，書法感，流動感，有着鮮明的東方特色;

顏色：紅色，金色;

屏風：精緻，上面鑲有歷史人物故事，在中餐廳里經常可以見到。

從版式與背景開始：

我們只需利用上面兩張圖片就可以確定設計風格。一張是屏風，因為屏風就象一張折頁，而竹子作為版面的背景，顯得優雅寧靜。

屏風上繪有風景、植物及人物，而且一般由三個或四個折面組成，使用起來非常方便，而我們本次設計的菜單則有三個折面。

剪切圖片：為了使我們的設計就象屏風一樣開闊，我們要將所用到的圖片的比例定好。注意上面左圖中的構圖平衡——我們所取的圖片的面積占原圖片的二分之一左右。定好圖片的比例后，我們就可以將這張圖片變成一張漂亮的背景圖。

創建投影圖：

我們需要將圖片轉為一張投影圖，給人一種是竹子投在屏風上的陰影的感覺，首先要將圖片中的竹子與背景分離。

將原來的彩色照片轉為純粹由黑白兩種實色組成(不含灰色)。在這張竹子圖片中，竹子的形態非常具有特色，所以我們並不需要在意竹子具體的細節。在 Photoshop 軟件中，首先我們將這張圖片變為灰度圖片(上圖右)。

PS 里，我們利用 閾值 工具(圖象 > 調整 > 閾值 )。打開預覽模式，然後移動其滑桿，使到竹子是白色，而其餘區域為黑色。當調整到最理想的效果時，按 OK 應用(上圖左)。

接下來，我們利用反相工具(圖象 > 調整 > 反相)將黑與白反轉，用橡皮工具將竹子以外的一些黑色雜點清理乾淨。如果有需要的話，可以用畫筆工具對其中的細節進行修飾(上圖右)。然後將它保存為副件(或圖層)，等一下我們還用得着。

創建自然光線效果：我們將這張黑白照片進行模糊及加亮操作將其變淡，然後在整個版面上描繪一些淺顏色。

我們將上圖的黑白圖片轉為 CMYK 模式，然後將顏色變淡。可以選擇模糊工具(濾鏡 > 模糊 > 高斯模糊)。我們所需要的效果是把竹子的色調變淡，但仍然可以使人感覺到竹子的形態。如在模糊操作中，我們輸入的數值是 10 。然後我們將不透明度調到 10%(上圖左) 。

下一步，我們要添加一些自然的光線效果。我們可以從上述的中餐廳圖片取一種淺色及較深的色(見上圖 1 處)。然後我們建立一個新圖層，用淺色填充(上圖 2 )。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

接着我們用一隻柔軟的畫筆將較深的顏色以孤線的路徑在接近頁面下方的區域中描繪(上圖 3 )。然後我們將這個圖層的混合模式選擇為正片疊底( Multiply )，這樣下方的竹子圖層就可以顯露出來。出來的效果讓人感覺到那些竹子好象是從紙的後面被燈光投影上來似的。

當我們完成上面的效果后，我們還要通過添加一些黑色的竹子使整個頁面形成層次感。這樣在版面中，前景與背景之間就形成了良好的對比。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

首先我們將剛才的那張黑白竹子的圖層複製，將複製的圖層移到最上面一層。然後將它的圖層混合模式也設為正片疊底，並利用橡皮工具，將大部分竹子擦掉，只留一部分，我們要將這部分竹子單獨分離出來。

要注意這些深色的竹子的大小要與背景中的竹子尺寸的一樣大，使到整個頁面上深淺不一的竹子象是因為後面的竹子由於距離及光線所造成的若顯若暗的效果。我們在三個折頁中間都要放置這些深色的竹子。這種處理手法使到整個頁面充滿層次的變化。

我們現在要進行繪畫!利用畫筆工具，我們自己畫上一些竹子，使其兩部分葉子聯接起來(上圖 1 )。並加上竹桿(上圖 2 )。我們在上圖 3 的地方再添加多一兩片竹葉，使其有下垂的感覺。等一下我們要在它下面放上文字。

創建一個焦點標誌：

原來那個碗狀的標誌對於一家餐廳來說其實挺不錯的，因為它顯得簡單，很清晰地表達出餐廳的主要特徵，碗上的那雙筷子與中國菜聯繫了起來。而那些熱氣則代表着食物的新鮮。而一個印章式的標誌可以加強這些元素，而且顯得更有中國味。

在中國的繪畫中，簽名時經常會用上印章(通常是紅色)。如果我們將剛才那個碗狀的標誌變為一個印章的效果，就更能傳達出中國的韻味。

創建印章標誌：由於原來的標誌其實設計得不錯，所以我們將其全部利用。我們這裡是利用掃描儀將原來的黑色碗狀標誌掃描進 Photoshop ，像素為 300ppi ，顏色模式為 RGB ，背景為透明，填充紅色(上圖左)。

接着，我們要將邊緣變得粗糙一些。首先前景和背景色分別設為紅色及白色，然後應用撕邊濾鏡(濾鏡 > 素描 > 撕邊)，在這個設計中，我們將圖像平衡設為 25 ，平滑度設為 1 ，對比度為 15 ，然後按 OK 。

最後一步我們要銳化這個印章。我們應用 USM 銳化濾鏡( unsharp mask ，濾鏡 > 銳化 >USM 銳化)，各數值設置如下：數值 100 ，半徑 25 ，閾值 0 ，按 OK 應用。下一步，將前景色設為白色，我們選用噴槍畫筆( spatter brush ，在這裡我們選擇第 39 號的畫筆)，將畫筆調成不同的尺寸及改變不透明度，在印章上輕輕塗抹，我們要故意讓邊緣變得有點參差不齊。

現在們要選擇字體了。

沒有什麼東西比得上那些獨特的漢字更能代表中國文化。但我們菜單中的字體是要用西方字體，所以我們要尋找一種能夠傳達出中國字體特色的西方字體。通常來說，那些濕畫筆字體、干畫筆字體及藝術性字體都值得嘗試。我們最終選擇干畫筆的 Ruach 字體作為本設計的文字字體。

我們首先觀察一下中國漢字的特點。一旦你選擇了一種你喜歡的字體后，你要注意這種字體的筆畫。特別要注意它的邊緣、線條收尾的地方及線條粗細之間的變化，而且這些線條一般都是呈某個角度的。那就讓我們來看一下在西方字體中有哪些字體是與它相似的。

上圖第一種濕畫筆效果是 Visigoth Regular 字體。它的特點是：肥大，字母筆直，有滲透的感覺。

第二種是干畫筆效果 Ruach Plain 字體。它的特點是：給人快速書寫的效果，線條較細。邊緣沒有太多的變化，而轉角位則顯得粗糙，與手寫字體非常接近(我們認為這種字體是最合適的)。

第三種藝術化畫筆效果是 Choc ICG Regular 字體。它的特點是沒有毛筆的那種粗糙感，而象油性筆寫出來的，字體比較收縮。邊緣及轉角位都較乾淨。

選擇小字體：

對於菜單中那些菜名的小字體，我們必須要選擇那些容易辨認的字體，而通常來說，那些容易辨認的字體一般是那種“字體筆畫開放”的字體，而且結構簡單。我們用三種字體來作個比較。

雖然 Helvetica 字體很受歡迎，但作為字體較小時使用，卻難以給人一種清晰的感覺。因為它的這些字體的收口處顯得特別狹窄，而它的筆畫也太過筆直，顯得有點死板，與我們在上面所選擇的 Ruach 大字體並不搭配。

Roman 字體中那些襯線的筆畫使其很容易讓人辨認，因為這些襯線筆畫使閱讀的人的目光能夠輕易地從一個字母引導到另一個字母上，但它的弊端是細節太多，與 Ruach 字體差異太大。

Sanvito 字體筆畫簡潔，孤線很大，線條有一種搖擺的感覺，既容易辨認，又有書法的特點。因此我們選擇這種字體作為菜單中小文字的字體。

好了，現在讓我們開始處理版面吧。

如果你仔細觀察竹子的形態，你會發覺竹子的葉子及竹桿都充滿角度的，每片葉子的方向都是不同，有水平，有傾斜，有豎直，這使到竹子圖案傳達出一種運動及不安定的感覺。我們可以參照這個特點來處理我們的版面。

那個紅色的印章標誌放在哪裡才合適?一般來說，標誌一般是要放在讓你最容易看到的地方。在上圖中，黑色竹子的構圖是這個版面最重要的視覺元素，所以我們放這個標誌的地方也要配合竹子的圖案，我們直接將它放在竹子葉的下方，剛好是竹葉伸出來的地方，這些竹葉構成了一個“傘形”區域(上圖左虛線處)。

接着放置名字。我們可以看到，每片竹子葉的大小都不一樣，方向也不一樣。我們模仿這種特點，將餐廳名字分成兩種不同的尺寸，錯開排列，使其方向感向兩邊伸展(上圖右)。

現在我們要放置聯繫信息等文字。由於這張菜單是要向人派發的，所以我們的電話號碼必須要醒目。這一行電話號碼我們故意讓它伸出右邊，使其更加容易吸引人。而下面的文字則要與印章右對齊。這樣既可協調整個版面，也保留了動感的特點。

組織菜單的各種信息：

在原菜單設計中所用到的那些線框其實沒有什麼用，因為各部分的周圍都有足夠的空間。我們同樣可以模仿竹子的特點，使裡面的文字有些突出來，給人一種“錯落有致”的感覺。

我們可以看出，每一個小標題都是向左突出一點的，而裡面文字的尺寸及每部分文字之間的文字距離都與大標題字母的 X 高度一樣的。

從上圖可以看出，我們採用了小標題突出的排版而不是全部左對齊區分每部分文字，這可以與竹子及我們剛才最右邊的首頁版式相響應。

整個外頁我們設計完了，現在輪到內頁。其實我們可以將外頁的設計風格在內頁里重複。一個外頁設計如果效果不錯的話，那用到內頁上同樣有良好的效果，也可以使整張菜單的版式更統一協調。

我們將外頁的整個背景同樣應用在內頁上，但為了留有足夠的空間給那些菜名，所以我們將那些深色的竹子去掉，而其中的文字版式必須與外頁一樣，包括同樣的文字頁邊距。

最後，需要用到顏色來使整個版面更精美。我們在看一樣東西時總是首先看到那些相似的元素。我們將其中的那些標題加上顏色，使其與印章標誌更統一(顏色取自印章上的紅色)。另外我們採用金****以加強版面的層次感，也更符合中國菜那種熱氣騰騰的感覺。

我們將電話號碼變成金****，使其與另外那些菜名等信息分開，同時也可以增加版面的層次。這種金****是來自我們開始時所搜索到的圖片，要記住圖片搜索是很重要的，如果你不進行這項工作，或者只是想當然地利用其它的圖片來取色，那就完全失去顏色與信息之間的聯繫了。

至此，這張中餐廳的菜單終於設計完成了。其實，到了這一步，我們還可以有另外的一種選擇：

我們對各個折葉加上一個粗黑框，以使它更有屏風的感覺(靈感同樣來自我們上述那張屏風的照片)。

象上圖中，如果我們對每個折頁加上一個粗黑框，那就使每一個折頁都變成一個獨立的空間，這個設計粗看起來好象與最原來的設計有點相似，但卻比原來的設計更有吸引力，因為圖案的竹子很自然地將每個折頁在視覺上聯繫在一起。這個設計有以下特點：

1 、黑色的那根竹子圖案佔據了兩個折頁;

2 、背景的淺色竹子佔據了三個折頁;

3 、重複應用的紅色元素貫穿整個設計。

摺疊的設計給人一種屏風的感覺，而那些美味的中國菜卻吸引你將它展開。

本文所用顏色如下：

看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

希望我們所介紹的 如何設計有中國味的設計作品 這教學會喜歡

文章標題: 骨子愛創意- 如何設計有中國味的設計作品–轉載請註明來源處

本教學分類為平面理論教程中的 其他教程相關教學

文章相關關鍵字為: 設計,如何,我們,字體,竹子,菜單,上圖,那些,可以,圖片,

本文永久連結 :如何設計有中國味的設計作品

本文轉載自 :VIA