2017-06-10研習(xí)設(shè)普象工業(yè)設(shè)計(jì)小站普象工業(yè)設(shè)計(jì)小站

本文由 研習(xí)設(shè)（ID: yanxishe2017） 授權(quán)發(fā)布

K先生，站酷網(wǎng)十大人氣設(shè)計(jì)師，10W+粉絲，每周四晚9點(diǎn)，準(zhǔn)時(shí)更新一篇高品質(zhì)原創(chuàng)設(shè)計(jì)文章。

抄襲，指竊取或修改他人的作品當(dāng)作自己的，在相同的使用方式下，完全或者部分完全（設(shè)定.念白.概念.臺(tái)詞.場(chǎng)景.圖片.等...）照抄他人作品或在一定程度上改變其形式或內(nèi)容的行為。是一種嚴(yán)重侵犯他人著作權(quán)的行為，同時(shí)也是在著作權(quán)審判實(shí)踐中較難認(rèn)定的行為。

其實(shí)簡(jiǎn)單的總結(jié)就是：

完全或者部分照抄別人的作品為之己用，這種行為就是抄襲。

我們平時(shí)看到一本小說(shuō)，會(huì)覺得故事梗概似曾相識(shí)，聽到一首歌，覺得旋律之前貌似聽過(guò)，看到一個(gè)電影，和國(guó)外某個(gè)電影劇情很雷同，這個(gè)時(shí)候就會(huì)出現(xiàn)很多不同的聲音對(duì)作品提出異議，尤其在眼下信息快速傳播的時(shí)代，一夜之間你就上了頭條，成為了眾矢之的。

以上這些案例，是在網(wǎng)上找到的抄襲例子，可以看出抄襲稿和原稿幾乎是一模一樣的，這也是很多新人設(shè)計(jì)師容易犯的“問題”，由于看的少，腦中的靈感就會(huì)貧瘠，也就造成了這樣照搬的現(xiàn)象。模仿只是創(chuàng)造的一個(gè)階段，多去臨摹好作品的確會(huì)提升我們的審美和對(duì)設(shè)計(jì)的敏感度。關(guān)鍵在于要學(xué)會(huì)在抄襲中思考，而不是像這樣“復(fù)制”、“粘貼”。

設(shè)計(jì)師為了獲取靈感，會(huì)去收集很多資料，有的時(shí)候就會(huì)出現(xiàn)“雷同”現(xiàn)象，無(wú)論是靈感撞車也好，還是借鑒也罷，評(píng)說(shuō)的都不是自己，所以為了避免出現(xiàn)“雷同”的現(xiàn)象，我們?nèi)绾巍俺?，才能“抄”的巧妙，才能從抄襲變?yōu)槟嬉u，而不是一味的“拿來(lái)主義” 呢？這就是我們這篇文章所要闡述的。

我們這里所講的抄襲只是一種視覺的轉(zhuǎn)換，從好作品中汲取養(yǎng)分，分析這些作品中有用的元素，從而有效的運(yùn)用到自己的設(shè)計(jì)中，這就是我們所謂的“抄襲”。

以上兩組分別是從攝影照片和油畫中去提取色彩，第一張圖片整體偏明色調(diào)，比如在做關(guān)于化妝品相關(guān)設(shè)計(jì)的時(shí)候就可以參考這組顏色搭配。而第二張圖片色調(diào)上沒有明顯的傾向，有淡色調(diào)、有純色調(diào)、有暗色調(diào)，色調(diào)比較豐富，很多設(shè)計(jì)都可以參考這組配色。

首先根據(jù)我們前面所講的，從 油畫作品中提取色彩 ，這里我們選擇一張梵高的作品《星空》。

從油畫中我們提取出了這些顏色，整體傾向于藍(lán)色調(diào)，黃色調(diào)作為輔助色與主色藍(lán)色調(diào)搭配。

我們?nèi)サ袅松嘞嘟念伾?，保留了三個(gè)有代表性的顏色，由于案例中的主體（冰棒）顏色偏純，所以這里要對(duì)顏色做提純處理，讓原本比較偏灰的顏色變得更鮮明。

雖然油畫提取的色彩中，藍(lán)色為主色，但是根據(jù)這個(gè)畫面所表現(xiàn)出的氣質(zhì)，我們選擇黃色作為畫面的主色，藍(lán)色和暗紅色作為輔助色，所以大家在做色彩提取應(yīng)用的時(shí)候要靈活，一定要加入主動(dòng)性的創(chuàng)作。

同樣是這張海報(bào)，我們換一個(gè)方式―― 從照片中提取色彩 。

從照片中我們提取出了這些顏色，我們看到整體傾向于暖色系。

我們只保留了綠色調(diào)的顏色，并且做了提純處理。

綠色調(diào)與紅色的主體形成了鮮明的對(duì)比，這里需要注意的是在選擇顏色的時(shí)候，一張圖片中提取的 顏色不一定都適合你的畫面 ， 要有取舍 ，這就需要大家多去實(shí)驗(yàn)，搭配出既符合畫面調(diào)性又美觀的色彩。

小貼士

設(shè)計(jì)之前要對(duì)設(shè)計(jì)作品所要 傳達(dá)的內(nèi)容進(jìn)行仔細(xì)的思考和分析 ，并不是任何圖片和油畫中的顏色都適合你所設(shè)計(jì)的作品，設(shè)計(jì)里沒有任何理論是絕對(duì)的，要根據(jù)自己設(shè)計(jì)作品的調(diào)性去決定使用的色彩搭配。

構(gòu)圖形式有 占據(jù)中心、對(duì)角線布置、壓住四角、貼近邊緣 （左邊緣、右邊緣、底邊緣、頂邊緣、左右邊緣、上下邊緣）、 S型構(gòu)圖、點(diǎn)狀化構(gòu)圖、滿版式構(gòu)圖 等等多種構(gòu)圖形式。這些版式的骨架都是我們可以去“抄襲”的對(duì)象。

在版面對(duì)角線的位置放入主體元素（文字、圖形、圖像），使其形成一個(gè)呼應(yīng)，從而平衡版式，這就是對(duì)角線構(gòu)圖。

所謂的滿版式構(gòu)圖就是通過(guò)大面積鋪滿元素，這個(gè)構(gòu)圖形式可以帶給受眾最為直觀的感受。接下來(lái)我們根據(jù)這以上兩種構(gòu)圖形式去設(shè)計(jì)案例。

案例一

根據(jù)以下文案和圖片做一個(gè)對(duì)角線構(gòu)圖的海報(bào)

設(shè)計(jì)步驟

1. 把處理好的圖片置入畫布中，根據(jù)對(duì)角線構(gòu)圖原則，把它放到一個(gè)角落，對(duì)應(yīng)的區(qū)域就是我們準(zhǔn)備放文字的地方。

2. 將已經(jīng)分好層級(jí)關(guān)系的文字放到人物對(duì)角線的位置，形成對(duì)角線構(gòu)圖。

3. 將其它文字信息放到畫面空白的區(qū)域，使版式平衡。

4. 最后用網(wǎng)格來(lái)規(guī)范畫面的信息，這樣整個(gè)設(shè)計(jì)就完成了。

案例二

根據(jù)以下文案和圖片做一個(gè)滿版式構(gòu)圖的海報(bào)

1. 根據(jù)要求，用圖片中的元素鋪滿畫面。

2. 刪除其中一些元素，給文字留有空間。

3.將分好層級(jí)關(guān)系的文字編排到畫面中，這里我們看主標(biāo)題略顯單調(diào)，所以接下來(lái)刻畫主標(biāo)題。

3.1 選擇濾鏡――扭曲――波紋【數(shù)量40%大小為小】，使筆畫邊緣變得不那么生硬。

3.2 將素材置入到文字中，調(diào)整顏色、大小、方向，突顯出斑駁的質(zhì)感。

04.文字刻畫完成之后替換到畫面中，這個(gè)滿版式構(gòu)圖的設(shè)計(jì)就算完成了。

構(gòu)圖和網(wǎng)格是相輔相成的，如何把元素合理的布局到畫面中，并且使版面達(dá)到平衡，這是設(shè)計(jì)師需要解決的問題，構(gòu)圖形式有很多種，不要為了何種構(gòu)圖形式而糾結(jié)，我們學(xué)習(xí)的是方法，不是學(xué)習(xí)一個(gè)名詞，沒有必要上綱上線。

用對(duì)的字體是設(shè)計(jì)中最重要的一個(gè)環(huán)節(jié)，學(xué)會(huì)選擇正確美觀的字體是設(shè)計(jì)師應(yīng)該具備的素質(zhì)。而很多設(shè)計(jì)師往往忽略這點(diǎn)，即使安裝了上千款字體也依然選擇那幾個(gè)“有特點(diǎn)”的字體，有的是因?yàn)樵O(shè)計(jì)師的喜好，有的是認(rèn)為版面單調(diào)乏味，需要有特點(diǎn)的字形來(lái)烘托，其實(shí)歸根究底是因?yàn)閷?duì)好字體認(rèn)知的匱乏，所以我們首要解決的是怎樣去選擇字體，這里教給大家一個(gè)學(xué)習(xí)方法――“抄字體”。

之前我們文章經(jīng)常提到要多去看優(yōu)秀的設(shè)計(jì)作品，大多數(shù)人都是走馬觀花的看，這樣是毫無(wú)用處，并且浪費(fèi)時(shí)間，“抄字體”是分析這些優(yōu)秀設(shè)計(jì)作品中， 使用的是何種字體，表現(xiàn)是什么氣質(zhì) ，而當(dāng)我們?cè)O(shè)計(jì)類似項(xiàng)目的時(shí)候，這些字體可以給我們多一個(gè)選擇，而不至于選錯(cuò)字體。

案例一

知名的時(shí)尚雜志《VOGUE》使用的就是 Didot 改造的一款字體，我們看到它可以表現(xiàn)時(shí)尚和女性的氣質(zhì)，所以當(dāng)我們以后做關(guān)于這類氣質(zhì)的設(shè)計(jì)時(shí)，可以考慮使用這款字體。

案例二

這個(gè)案例是關(guān)于戶外運(yùn)動(dòng)的設(shè)計(jì)，畫面所傳遞的是運(yùn)動(dòng)、現(xiàn)代、年輕的氣質(zhì)，而這個(gè)畫面使用的是DIN字體，以此得知，在我們做相關(guān)設(shè)計(jì)時(shí)，DIN字體會(huì)是一個(gè)不錯(cuò)的選擇。

根據(jù)以下文案和圖片選擇正確的字體做一個(gè)海報(bào)

我們來(lái)分析下參考海報(bào)，這里使用的是一款英文的圓體，即使我們不知道他使用的是哪款字體，看他的筆畫特征也會(huì)明白，圓潤(rùn)的轉(zhuǎn)角，筆畫柔軟、渾厚，可以表現(xiàn)食物溫潤(rùn)的口感，所以這就給我們一個(gè)啟發(fā)，用圓體去表現(xiàn)美食。這也是很重要的一點(diǎn)，要有舉一反三的能力。

（參考海報(bào)）

根據(jù)以上對(duì)畫面字體的分析，我們知道圓體可以表現(xiàn)美食，那么這里的中文字體可以選擇方正蘭亭圓體。

把分好層級(jí)關(guān)系的文字編排到畫面中。這里主要強(qiáng)調(diào)的是如何“抄字體”，很多時(shí)候由于作品像素的問題，我們不能具體分析出它是什么字體，但是可以根據(jù) 它的字體結(jié)構(gòu)、筆畫特征、畫面氣質(zhì)去分析，從而歸納整理。

根據(jù)以下文案和圖片的氣質(zhì)選擇正確的字體設(shè)計(jì)一款海報(bào)

分析這張海報(bào)，同樣具有潮流、年輕、個(gè)性、前衛(wèi)氣質(zhì)的畫面，使用的是一款手寫的英文字體。

通過(guò)觀察、我們發(fā)現(xiàn)這種類型的字體有個(gè)特點(diǎn)：字體本身自帶筆觸和飛白，很有張力，有一種隨性、灑脫的個(gè)性。所以，根據(jù)這個(gè)畫面我們選擇一款類似的字體。

將選擇好的文字置入到畫面中，這里我們根據(jù)畫面氣質(zhì)搭配一款無(wú)襯線字體。

好的作品值得分析和借鑒，它能給你提供很多知識(shí)儲(chǔ)備，我們所謂的“抄字體”不僅僅是把字體從一個(gè)畫面拿到另一個(gè)畫面，而是學(xué)會(huì)在看到 好作品時(shí)如何思考 ，如何 分 析畫面中所出現(xiàn)的字體的筆畫特征 ，這里建議大家，多去分析優(yōu)秀設(shè)計(jì)中所使用的字體，建立一個(gè)自己的“字庫(kù)”，不僅會(huì)提高工作效率，也會(huì)提高你的設(shè)計(jì)能力。

第二條我們講到“抄構(gòu)圖”，而構(gòu)圖和網(wǎng)格是相輔相成的，畫面中每個(gè)元素該擺放在什么位置，令很多設(shè)計(jì)師頭疼，在有限的空間內(nèi)，合理配置文字、商標(biāo)、圖片等大量設(shè)計(jì)要素是一件很難的事，而 利用網(wǎng)格可以有效的進(jìn)行多種要素的布局設(shè)計(jì)。

網(wǎng)格不僅讓你的 信息有秩序性，還能讓人清晰易讀 ，這種方法不僅有利于提高工作效率，而且有助于形成整齊、規(guī)則的布局效果。

挑選一個(gè)優(yōu)秀的設(shè)計(jì)作品去解構(gòu)網(wǎng)格，這個(gè)案例屬于比較簡(jiǎn)單的網(wǎng)格形式――五欄網(wǎng)格，根據(jù)它的網(wǎng)格，將各個(gè)元素以色塊的形式丟進(jìn)版面中，看看“抄網(wǎng)格”有多少種可能性。

根據(jù)網(wǎng)格，我們可以畫出很多種不同形式的版式，由于篇幅有限這里我們給大家演示出了六種版式，目的是教給大家如何利用網(wǎng)格去規(guī)劃版面。

根據(jù)上方五欄網(wǎng)格的形式設(shè)計(jì)一款海報(bào)

1. 建立一個(gè)畫板，劃分出五欄網(wǎng)格，確定天頭、地腳、頁(yè)邊距的位置。

2. 將圖片放入畫板，調(diào)整位置。

3. 根據(jù)網(wǎng)格置入主標(biāo)題相關(guān)文字，并且在橫向上占了版面黃金比的位置。

4. 同樣按照網(wǎng)格的布局將其它文字置入版面中。

5. 去掉網(wǎng)格，看下版面效果，整個(gè)設(shè)計(jì)就完成了。

根據(jù)文案和網(wǎng)格形式設(shè)計(jì)一個(gè)畫冊(cè)內(nèi)頁(yè)

左邊頁(yè)面是一個(gè)通欄網(wǎng)格，右邊是有比例的大小網(wǎng)格，比例是1:1.5，我們按照它的網(wǎng)格形式去設(shè)計(jì)我們的版面。

（參考網(wǎng)格形式）

1. 根據(jù)上方參考的網(wǎng)格形式，繪制出畫冊(cè)內(nèi)頁(yè)的網(wǎng)格，左側(cè)同樣是個(gè)通欄網(wǎng)格，右邊也是有比例的大小網(wǎng)格，比例為1:1.618。

2. 將圖片置入左側(cè)通欄網(wǎng)格的版心中，同時(shí)定好頁(yè)眉、頁(yè)碼的位置。

3. 將文字內(nèi)容按照網(wǎng)格比例1:1.618的關(guān)系去布局。

4. 去掉網(wǎng)格，這個(gè)畫冊(cè)內(nèi)頁(yè)就設(shè)計(jì)完成了。

設(shè)計(jì)是理性與感性的結(jié)合，網(wǎng)格就是理性的存在，建議大家日常練習(xí)可以解構(gòu)作品的網(wǎng)格，根據(jù)一套網(wǎng)格畫出不同的版式，從而學(xué)會(huì)靈活的利用網(wǎng)格。

總結(jié)

如何讓抄襲變?yōu)槟嬉u，抄色彩、抄構(gòu)圖、抄字體、抄網(wǎng)格，這些不僅是抄襲的方法，更是學(xué)習(xí)的方式，當(dāng)你看作品的時(shí)候，不再是一個(gè)無(wú)頭蒼蠅一樣，而是知道該看什么地方，與其照貓畫虎，不如根據(jù)這些方法去積累對(duì)設(shè)計(jì)知識(shí)的儲(chǔ)備，慢慢提升自己對(duì)設(shè)計(jì)的敏感度，相信通過(guò)這樣的方式，你的設(shè)計(jì)能力會(huì)有一個(gè)質(zhì)的飛躍。

今天的文章，由 研習(xí)社 （ID： yanxishe2017） 提供

點(diǎn)擊下方“ 閱讀原文 ”查看 《【排版干貨】網(wǎng)格版面是一種什么面？》

↓↓↓

2017-06-10研習(xí)設(shè)普象工業(yè)設(shè)計(jì)小站普象工業(yè)設(shè)計(jì)小站

本文由 研習(xí)設(shè)（ID: yanxishe2017） 授權(quán)發(fā)布

K先生，站酷網(wǎng)十大人氣設(shè)計(jì)師，10W+粉絲，每周四晚9點(diǎn)，準(zhǔn)時(shí)更新一篇高品質(zhì)原創(chuàng)設(shè)計(jì)文章。

抄襲，指竊取或修改他人的作品當(dāng)作自己的，在相同的使用方式下，完全或者部分完全（設(shè)定.念白.概念.臺(tái)詞.場(chǎng)景.圖片.等...）照抄他人作品或在一定程度上改變其形式或內(nèi)容的行為。是一種嚴(yán)重侵犯他人著作權(quán)的行為，同時(shí)也是在著作權(quán)審判實(shí)踐中較難認(rèn)定的行為。

其實(shí)簡(jiǎn)單的總結(jié)就是：

完全或者部分照抄別人的作品為之己用，這種行為就是抄襲。

我們平時(shí)看到一本小說(shuō)，會(huì)覺得故事梗概似曾相識(shí)，聽到一首歌，覺得旋律之前貌似聽過(guò)，看到一個(gè)電影，和國(guó)外某個(gè)電影劇情很雷同，這個(gè)時(shí)候就會(huì)出現(xiàn)很多不同的聲音對(duì)作品提出異議，尤其在眼下信息快速傳播的時(shí)代，一夜之間你就上了頭條，成為了眾矢之的。

以上這些案例，是在網(wǎng)上找到的抄襲例子，可以看出抄襲稿和原稿幾乎是一模一樣的，這也是很多新人設(shè)計(jì)師容易犯的“問題”，由于看的少，腦中的靈感就會(huì)貧瘠，也就造成了這樣照搬的現(xiàn)象。模仿只是創(chuàng)造的一個(gè)階段，多去臨摹好作品的確會(huì)提升我們的審美和對(duì)設(shè)計(jì)的敏感度。關(guān)鍵在于要學(xué)會(huì)在抄襲中思考，而不是像這樣“復(fù)制”、“粘貼”。

設(shè)計(jì)師為了獲取靈感，會(huì)去收集很多資料，有的時(shí)候就會(huì)出現(xiàn)“雷同”現(xiàn)象，無(wú)論是靈感撞車也好，還是借鑒也罷，評(píng)說(shuō)的都不是自己，所以為了避免出現(xiàn)“雷同”的現(xiàn)象，我們?nèi)绾巍俺?，才能“抄”的巧妙，才能從抄襲變?yōu)槟嬉u，而不是一味的“拿來(lái)主義” 呢？這就是我們這篇文章所要闡述的。

我們這里所講的抄襲只是一種視覺的轉(zhuǎn)換，從好作品中汲取養(yǎng)分，分析這些作品中有用的元素，從而有效的運(yùn)用到自己的設(shè)計(jì)中，這就是我們所謂的“抄襲”。

以上兩組分別是從攝影照片和油畫中去提取色彩，第一張圖片整體偏明色調(diào)，比如在做關(guān)于化妝品相關(guān)設(shè)計(jì)的時(shí)候就可以參考這組顏色搭配。而第二張圖片色調(diào)上沒有明顯的傾向，有淡色調(diào)、有純色調(diào)、有暗色調(diào)，色調(diào)比較豐富，很多設(shè)計(jì)都可以參考這組配色。

首先根據(jù)我們前面所講的，從 油畫作品中提取色彩 ，這里我們選擇一張梵高的作品《星空》。

從油畫中我們提取出了這些顏色，整體傾向于藍(lán)色調(diào)，黃色調(diào)作為輔助色與主色藍(lán)色調(diào)搭配。

我們?nèi)サ袅松嘞嘟念伾?，保留了三個(gè)有代表性的顏色，由于案例中的主體（冰棒）顏色偏純，所以這里要對(duì)顏色做提純處理，讓原本比較偏灰的顏色變得更鮮明。

雖然油畫提取的色彩中，藍(lán)色為主色，但是根據(jù)這個(gè)畫面所表現(xiàn)出的氣質(zhì)，我們選擇黃色作為畫面的主色，藍(lán)色和暗紅色作為輔助色，所以大家在做色彩提取應(yīng)用的時(shí)候要靈活，一定要加入主動(dòng)性的創(chuàng)作。

同樣是這張海報(bào)，我們換一個(gè)方式―― 從照片中提取色彩 。

從照片中我們提取出了這些顏色，我們看到整體傾向于暖色系。

我們只保留了綠色調(diào)的顏色，并且做了提純處理。

綠色調(diào)與紅色的主體形成了鮮明的對(duì)比，這里需要注意的是在選擇顏色的時(shí)候，一張圖片中提取的 顏色不一定都適合你的畫面 ， 要有取舍 ，這就需要大家多去實(shí)驗(yàn)，搭配出既符合畫面調(diào)性又美觀的色彩。

小貼士

設(shè)計(jì)之前要對(duì)設(shè)計(jì)作品所要 傳達(dá)的內(nèi)容進(jìn)行仔細(xì)的思考和分析 ，并不是任何圖片和油畫中的顏色都適合你所設(shè)計(jì)的作品，設(shè)計(jì)里沒有任何理論是絕對(duì)的，要根據(jù)自己設(shè)計(jì)作品的調(diào)性去決定使用的色彩搭配。

構(gòu)圖形式有 占據(jù)中心、對(duì)角線布置、壓住四角、貼近邊緣 （左邊緣、右邊緣、底邊緣、頂邊緣、左右邊緣、上下邊緣）、 S型構(gòu)圖、點(diǎn)狀化構(gòu)圖、滿版式構(gòu)圖 等等多種構(gòu)圖形式。這些版式的骨架都是我們可以去“抄襲”的對(duì)象。

在版面對(duì)角線的位置放入主體元素（文字、圖形、圖像），使其形成一個(gè)呼應(yīng)，從而平衡版式，這就是對(duì)角線構(gòu)圖。

所謂的滿版式構(gòu)圖就是通過(guò)大面積鋪滿元素，這個(gè)構(gòu)圖形式可以帶給受眾最為直觀的感受。接下來(lái)我們根據(jù)這以上兩種構(gòu)圖形式去設(shè)計(jì)案例。

案例一

根據(jù)以下文案和圖片做一個(gè)對(duì)角線構(gòu)圖的海報(bào)

設(shè)計(jì)步驟

1. 把處理好的圖片置入畫布中，根據(jù)對(duì)角線構(gòu)圖原則，把它放到一個(gè)角落，對(duì)應(yīng)的區(qū)域就是我們準(zhǔn)備放文字的地方。

2. 將已經(jīng)分好層級(jí)關(guān)系的文字放到人物對(duì)角線的位置，形成對(duì)角線構(gòu)圖。

3. 將其它文字信息放到畫面空白的區(qū)域，使版式平衡。

4. 最后用網(wǎng)格來(lái)規(guī)范畫面的信息，這樣整個(gè)設(shè)計(jì)就完成了。

案例二

根據(jù)以下文案和圖片做一個(gè)滿版式構(gòu)圖的海報(bào)

1. 根據(jù)要求，用圖片中的元素鋪滿畫面。

2. 刪除其中一些元素，給文字留有空間。

3.將分好層級(jí)關(guān)系的文字編排到畫面中，這里我們看主標(biāo)題略顯單調(diào)，所以接下來(lái)刻畫主標(biāo)題。

3.1 選擇濾鏡――扭曲――波紋【數(shù)量40%大小為小】，使筆畫邊緣變得不那么生硬。

3.2 將素材置入到文字中，調(diào)整顏色、大小、方向，突顯出斑駁的質(zhì)感。

04.文字刻畫完成之后替換到畫面中，這個(gè)滿版式構(gòu)圖的設(shè)計(jì)就算完成了。

構(gòu)圖和網(wǎng)格是相輔相成的，如何把元素合理的布局到畫面中，并且使版面達(dá)到平衡，這是設(shè)計(jì)師需要解決的問題，構(gòu)圖形式有很多種，不要為了何種構(gòu)圖形式而糾結(jié)，我們學(xué)習(xí)的是方法，不是學(xué)習(xí)一個(gè)名詞，沒有必要上綱上線。

用對(duì)的字體是設(shè)計(jì)中最重要的一個(gè)環(huán)節(jié)，學(xué)會(huì)選擇正確美觀的字體是設(shè)計(jì)師應(yīng)該具備的素質(zhì)。而很多設(shè)計(jì)師往往忽略這點(diǎn)，即使安裝了上千款字體也依然選擇那幾個(gè)“有特點(diǎn)”的字體，有的是因?yàn)樵O(shè)計(jì)師的喜好，有的是認(rèn)為版面單調(diào)乏味，需要有特點(diǎn)的字形來(lái)烘托，其實(shí)歸根究底是因?yàn)閷?duì)好字體認(rèn)知的匱乏，所以我們首要解決的是怎樣去選擇字體，這里教給大家一個(gè)學(xué)習(xí)方法――“抄字體”。

之前我們文章經(jīng)常提到要多去看優(yōu)秀的設(shè)計(jì)作品，大多數(shù)人都是走馬觀花的看，這樣是毫無(wú)用處，并且浪費(fèi)時(shí)間，“抄字體”是分析這些優(yōu)秀設(shè)計(jì)作品中， 使用的是何種字體，表現(xiàn)是什么氣質(zhì) ，而當(dāng)我們?cè)O(shè)計(jì)類似項(xiàng)目的時(shí)候，這些字體可以給我們多一個(gè)選擇，而不至于選錯(cuò)字體。

案例一

知名的時(shí)尚雜志《VOGUE》使用的就是 Didot 改造的一款字體，我們看到它可以表現(xiàn)時(shí)尚和女性的氣質(zhì)，所以當(dāng)我們以后做關(guān)于這類氣質(zhì)的設(shè)計(jì)時(shí)，可以考慮使用這款字體。

案例二

這個(gè)案例是關(guān)于戶外運(yùn)動(dòng)的設(shè)計(jì)，畫面所傳遞的是運(yùn)動(dòng)、現(xiàn)代、年輕的氣質(zhì)，而這個(gè)畫面使用的是DIN字體，以此得知，在我們做相關(guān)設(shè)計(jì)時(shí)，DIN字體會(huì)是一個(gè)不錯(cuò)的選擇。

根據(jù)以下文案和圖片選擇正確的字體做一個(gè)海報(bào)

我們來(lái)分析下參考海報(bào)，這里使用的是一款英文的圓體，即使我們不知道他使用的是哪款字體，看他的筆畫特征也會(huì)明白，圓潤(rùn)的轉(zhuǎn)角，筆畫柔軟、渾厚，可以表現(xiàn)食物溫潤(rùn)的口感，所以這就給我們一個(gè)啟發(fā)，用圓體去表現(xiàn)美食。這也是很重要的一點(diǎn)，要有舉一反三的能力。

（參考海報(bào)）

根據(jù)以上對(duì)畫面字體的分析，我們知道圓體可以表現(xiàn)美食，那么這里的中文字體可以選擇方正蘭亭圓體。

把分好層級(jí)關(guān)系的文字編排到畫面中。這里主要強(qiáng)調(diào)的是如何“抄字體”，很多時(shí)候由于作品像素的問題，我們不能具體分析出它是什么字體，但是可以根據(jù) 它的字體結(jié)構(gòu)、筆畫特征、畫面氣質(zhì)去分析，從而歸納整理。

根據(jù)以下文案和圖片的氣質(zhì)選擇正確的字體設(shè)計(jì)一款海報(bào)

分析這張海報(bào)，同樣具有潮流、年輕、個(gè)性、前衛(wèi)氣質(zhì)的畫面，使用的是一款手寫的英文字體。

通過(guò)觀察、我們發(fā)現(xiàn)這種類型的字體有個(gè)特點(diǎn)：字體本身自帶筆觸和飛白，很有張力，有一種隨性、灑脫的個(gè)性。所以，根據(jù)這個(gè)畫面我們選擇一款類似的字體。

將選擇好的文字置入到畫面中，這里我們根據(jù)畫面氣質(zhì)搭配一款無(wú)襯線字體。

好的作品值得分析和借鑒，它能給你提供很多知識(shí)儲(chǔ)備，我們所謂的“抄字體”不僅僅是把字體從一個(gè)畫面拿到另一個(gè)畫面，而是學(xué)會(huì)在看到 好作品時(shí)如何思考 ，如何 分 析畫面中所出現(xiàn)的字體的筆畫特征 ，這里建議大家，多去分析優(yōu)秀設(shè)計(jì)中所使用的字體，建立一個(gè)自己的“字庫(kù)”，不僅會(huì)提高工作效率，也會(huì)提高你的設(shè)計(jì)能力。

第二條我們講到“抄構(gòu)圖”，而構(gòu)圖和網(wǎng)格是相輔相成的，畫面中每個(gè)元素該擺放在什么位置，令很多設(shè)計(jì)師頭疼，在有限的空間內(nèi)，合理配置文字、商標(biāo)、圖片等大量設(shè)計(jì)要素是一件很難的事，而 利用網(wǎng)格可以有效的進(jìn)行多種要素的布局設(shè)計(jì)。

網(wǎng)格不僅讓你的 信息有秩序性，還能讓人清晰易讀 ，這種方法不僅有利于提高工作效率，而且有助于形成整齊、規(guī)則的布局效果。

挑選一個(gè)優(yōu)秀的設(shè)計(jì)作品去解構(gòu)網(wǎng)格，這個(gè)案例屬于比較簡(jiǎn)單的網(wǎng)格形式――五欄網(wǎng)格，根據(jù)它的網(wǎng)格，將各個(gè)元素以色塊的形式丟進(jìn)版面中，看看“抄網(wǎng)格”有多少種可能性。

根據(jù)網(wǎng)格，我們可以畫出很多種不同形式的版式，由于篇幅有限這里我們給大家演示出了六種版式，目的是教給大家如何利用網(wǎng)格去規(guī)劃版面。

根據(jù)上方五欄網(wǎng)格的形式設(shè)計(jì)一款海報(bào)

1. 建立一個(gè)畫板，劃分出五欄網(wǎng)格，確定天頭、地腳、頁(yè)邊距的位置。

2. 將圖片放入畫板，調(diào)整位置。

3. 根據(jù)網(wǎng)格置入主標(biāo)題相關(guān)文字，并且在橫向上占了版面黃金比的位置。

4. 同樣按照網(wǎng)格的布局將其它文字置入版面中。

5. 去掉網(wǎng)格，看下版面效果，整個(gè)設(shè)計(jì)就完成了。

根據(jù)文案和網(wǎng)格形式設(shè)計(jì)一個(gè)畫冊(cè)內(nèi)頁(yè)

左邊頁(yè)面是一個(gè)通欄網(wǎng)格，右邊是有比例的大小網(wǎng)格，比例是1:1.5，我們按照它的網(wǎng)格形式去設(shè)計(jì)我們的版面。

（參考網(wǎng)格形式）

1. 根據(jù)上方參考的網(wǎng)格形式，繪制出畫冊(cè)內(nèi)頁(yè)的網(wǎng)格，左側(cè)同樣是個(gè)通欄網(wǎng)格，右邊也是有比例的大小網(wǎng)格，比例為1:1.618。

2. 將圖片置入左側(cè)通欄網(wǎng)格的版心中，同時(shí)定好頁(yè)眉、頁(yè)碼的位置。

3. 將文字內(nèi)容按照網(wǎng)格比例1:1.618的關(guān)系去布局。

4. 去掉網(wǎng)格，這個(gè)畫冊(cè)內(nèi)頁(yè)就設(shè)計(jì)完成了。

設(shè)計(jì)是理性與感性的結(jié)合，網(wǎng)格就是理性的存在，建議大家日常練習(xí)可以解構(gòu)作品的網(wǎng)格，根據(jù)一套網(wǎng)格畫出不同的版式，從而學(xué)會(huì)靈活的利用網(wǎng)格。

總結(jié)

如何讓抄襲變?yōu)槟嬉u，抄色彩、抄構(gòu)圖、抄字體、抄網(wǎng)格，這些不僅是抄襲的方法，更是學(xué)習(xí)的方式，當(dāng)你看作品的時(shí)候，不再是一個(gè)無(wú)頭蒼蠅一樣，而是知道該看什么地方，與其照貓畫虎，不如根據(jù)這些方法去積累對(duì)設(shè)計(jì)知識(shí)的儲(chǔ)備，慢慢提升自己對(duì)設(shè)計(jì)的敏感度，相信通過(guò)這樣的方式，你的設(shè)計(jì)能力會(huì)有一個(gè)質(zhì)的飛躍。

今天的文章，由 研習(xí)社 （ID： yanxishe2017） 提供

點(diǎn)擊下方“ 閱讀原文 ”查看 《【排版干貨】網(wǎng)格版面是一種什么面？》

↓↓↓