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

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

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

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

其實簡單的總結(jié)就是：

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

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

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

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

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

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

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

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

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

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

同樣是這張海報，我們換一個方式―― 從照片中提取色彩 。

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

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

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

小貼士

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

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

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

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

案例一

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

設(shè)計步驟

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

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

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

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

案例二

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

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

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

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

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

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

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

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

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

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

案例一

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

案例二

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

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

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

（參考海報）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

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

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

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

↓↓↓

《我不是藥神》官方今天（7月16日）下午發(fā)布了電影25億票房的慶祝海報，而隨后被網(wǎng)友指出涉嫌抄襲《我的英雄學(xué)院》漫畫，隨后官方火速刪除了原微博，并在剛才正式對此發(fā)布回應(yīng)。

致歉聲明如下：

今日，電影《我不是藥神》發(fā)布票房破25億海報，海報整體設(shè)計與日本動漫《我的英雄學(xué)院》海報雷同，涉嫌侵權(quán)。作為電影新媒體海報制作方，正經(jīng)圖畫在此向廣大網(wǎng)友真誠致歉。

創(chuàng)意是海報的靈魂，每一份創(chuàng)意都值得尊重，由于我們制作上的不嚴(yán)謹(jǐn)，給喜歡電影的廣大影迷以及動漫迷們造成了傷害，我們深表歉意。以后的工作里我們也會以更高的標(biāo)準(zhǔn)要求自己，更認(rèn)真對待關(guān)于電影的每一份物料。

《我不是藥神》是一部優(yōu)秀的作品，也尊重每一位創(chuàng)作者的勞動成果，希望大家繼續(xù)給予支持。

兩款海報對比