您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 用戶研究 >> 瀏覽設(shè)計(jì)教程

設(shè)計(jì)師如何高效解決多風(fēng)格要求?

版式設(shè)計(jì)的優(yōu)秀案例分析!今天分享@南征南征 的一篇設(shè)計(jì)項(xiàng)目實(shí)戰(zhàn)文,3位設(shè)計(jì)師們面對(duì)同一個(gè)宣傳畫冊(cè)的設(shè)計(jì)挑戰(zhàn),分別創(chuàng)作了風(fēng)格各異的作品,作者特意挑版式設(shè)計(jì)的角度分析了這3組作品,希望能給不停改稿的同學(xué)多一點(diǎn)靈感 :)

  我們用三組作品來講述一個(gè)項(xiàng)目,讓大家感受一下在信息相同的狀態(tài)下,如何展現(xiàn)不同的設(shè)計(jì)畫面。

  很多設(shè)計(jì)師經(jīng)常會(huì)感覺看別人作品都很容易,但是自己一旦上手卻又無法進(jìn)行下去。所以大家平時(shí)可以多做這樣的訓(xùn)練也許可以有所幫助,尋找看到別人已經(jīng)做好作品,嘗試自己能否使用不同的思路去展現(xiàn)的更好?去驗(yàn)證自己是否能夠像目標(biāo)作品一樣表達(dá)的那么清晰。

  另外這樣的訓(xùn)練不是為了滿足客戶各種變態(tài)的修改要求,也不是給客戶慣不停修改的毛病,而是為自己以后應(yīng)對(duì)不同項(xiàng)目客戶做的訓(xùn)練。

  在看到作品之前我們需要了解設(shè)計(jì)作品要表現(xiàn)的目的。

  (這次設(shè)計(jì)目的:通過設(shè)計(jì)能讓用戶清晰了解:授課老師,課程目的,課程分類,課程內(nèi)容,展示學(xué)員真實(shí)的設(shè)計(jì)變化)

  通過上文我們就看到這樣的信息,說明畫冊(cè)的構(gòu)架要有幾個(gè)部分。

  1. 封面

  (logo)

  2. 課程理念

  (團(tuán)隊(duì)介紹,共2P)

  3. 課程介紹

  (提升課程2P,精英課程2P,全面課程2P)

  4. 展現(xiàn)學(xué)員作品。

  提升課程(明星學(xué)員=學(xué)員簡(jiǎn)介+學(xué)員作品)+(優(yōu)秀學(xué)員=學(xué)員簡(jiǎn)介+學(xué)員作品)

  精英課程(明星學(xué)員=學(xué)員簡(jiǎn)介+學(xué)員作品)+(優(yōu)秀學(xué)員=學(xué)員簡(jiǎn)介+學(xué)員作品)

  全面課程(明星學(xué)員=學(xué)員簡(jiǎn)介+學(xué)員作品)+(優(yōu)秀學(xué)員=學(xué)員簡(jiǎn)介+學(xué)員作品)

  通過這樣的簡(jiǎn)單構(gòu)架我們就把這個(gè)項(xiàng)目的邏輯性就展現(xiàn)清楚了。

  另外我更愿意用畫冊(cè)作為上課的例子,畫冊(cè)設(shè)計(jì)是非常綜合的設(shè)計(jì)方式。不同的畫冊(cè)類型都會(huì)涉及到不同的設(shè)計(jì)要點(diǎn),不論是從畫面創(chuàng)意上,畫面信息結(jié)構(gòu)層級(jí)上,圖形圖標(biāo)的設(shè)計(jì)上,客戶信息整體策劃上,整體設(shè)計(jì)的節(jié)奏把握上,畫冊(cè)設(shè)計(jì)都會(huì)涉獵到,比如我們看到下面幾個(gè)分類,就是把之前提到的內(nèi)容更加清楚的表現(xiàn)出來。

  形象畫冊(cè):

  在設(shè)計(jì)中會(huì)有大量形象畫面(創(chuàng)意畫面)的出現(xiàn);(這樣處理方式在廣告創(chuàng)意,海報(bào)等方面都會(huì)是主要設(shè)計(jì)方向)。

  年報(bào)設(shè)計(jì):

  大量的圖表信息,對(duì)圖形的設(shè)計(jì)上有極高的要求(圖形設(shè)計(jì)的練習(xí)可以對(duì)logo設(shè)計(jì)奠定基礎(chǔ))年報(bào)中數(shù)據(jù)圖表,信息類文字的歸納與重新提煉,信息文字層級(jí)關(guān)系,文字信息的體積展現(xiàn)等, (圖形和信息的層級(jí)關(guān)系正是導(dǎo)視設(shè)計(jì)所需要的);

  產(chǎn)品畫冊(cè):

  對(duì)產(chǎn)品結(jié)構(gòu),畫面透視,色彩與產(chǎn)品,產(chǎn)品與企業(yè)理念的結(jié)合,都是方法在包裝設(shè)計(jì)中依然適用。(包裝設(shè)計(jì)正是產(chǎn)品與設(shè)計(jì)元素完美結(jié)合的范例)

  雜志設(shè)計(jì):

  對(duì)各類型信息的歸納,不同信息風(fēng)格的總結(jié),統(tǒng)一都綜合性設(shè)計(jì)知識(shí)的體現(xiàn))

  我們了解了項(xiàng)目要求后,來看看第一組作品風(fēng)格展示。

設(shè)計(jì)師如何高效解決多風(fēng)格要求? 三聯(lián)
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?

  這是設(shè)計(jì)師徐芳的作品:這一組作品在網(wǎng)格的使用上是清晰的兩欄方式,但是在比例上進(jìn)行了調(diào)整。

  封面上把課程logo”Q”做出了水彩的延展。

  而這樣的延展,在內(nèi)頁設(shè)計(jì)用配合直觀的“意向圖”,通過手繪的,千里馬(理念),書本(課程關(guān)系),講師(團(tuán)隊(duì)),大腦(課程思維方式)很直觀的表現(xiàn)出課程理念,團(tuán)隊(duì),不同課程的訴求。

  另外整體設(shè)計(jì)風(fēng)格,表達(dá)出的是簡(jiǎn)約而非簡(jiǎn)單,二者之間區(qū)別在于對(duì)主體信息的營(yíng)造上,簡(jiǎn)約的細(xì)節(jié)更豐富,精致,內(nèi)斂,但是整體在空間中所占的比例不一定很多,信息與空白之間會(huì)通過其他元素構(gòu)成更豐富的空間,所以簡(jiǎn)約的設(shè)計(jì)看起來既豐富,又清晰;

  而簡(jiǎn)單元素更多是獨(dú)立的,信息單一的元素和空白的組合。和周圍信息缺乏聯(lián)系。

  整體設(shè)計(jì)特征延續(xù)水彩手繪這樣的方式,用同樣的特征延續(xù)會(huì)讓整體感更加強(qiáng)烈。

  我們面對(duì)客戶的時(shí)候,我經(jīng)常會(huì)用這樣的風(fēng)格作為第一稿,穩(wěn)重,直接,準(zhǔn)確。最清晰的手法展示客戶的訴求。

  (這是群內(nèi)投票第一的作品。)

  第二組作品風(fēng)格展示

版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?

  這一組作品的構(gòu)思我一直覺的是比較難的,因?yàn)樵O(shè)計(jì)(創(chuàng)意)很多時(shí)候難點(diǎn)在于,用一個(gè)“事物”去象征目標(biāo),這個(gè)“事物”有可能是花(代表芬芳,環(huán)境等),鳥(代表自由,飛翔,天空),魚(代表吉祥,富貴等)等等可能,并且要求正確的聯(lián)想到。

  這位設(shè)計(jì)師劉蕤從武俠中獲得靈感,并且把課程和武功進(jìn)行了對(duì)應(yīng),初級(jí)全面課程(煉精化氣);中級(jí)精英課程(煉氣化神);高級(jí)提升課程(練神還虛)這樣就把課程學(xué)習(xí)的提升和武俠修煉的提升合二為一了。

  而在平時(shí)的客戶中,我們選擇其他類型的象征“事物”來比喻比喻團(tuán)隊(duì)(拼圖),發(fā)展(橋梁)等等,但是如果能夠讓整本畫冊(cè)在選擇的象征“事物”上保持一個(gè)種類,整體性就會(huì)更加強(qiáng)烈,比如動(dòng)物系列(熊的力量,鷹的眼睛,豹的速度),植物系列(陽光下的植物象征企業(yè)的發(fā)展),都是很容易表達(dá)企業(yè)象征性的設(shè)計(jì))

  我們面對(duì)客戶的時(shí)候,我經(jīng)常會(huì)用這樣的風(fēng)格作為第二稿,用富有變化,具備更多的寓意,畫面感更加強(qiáng)烈的手法展示客戶的訴求。

  (這是群內(nèi)投票第二的作品。)

  第三組作品風(fēng)格展示

版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?
版式整理術(shù)!設(shè)計(jì)師如何高效解決多風(fēng)格要求?

  設(shè)計(jì)師楊楊 在設(shè)計(jì)再組作品的初期先確定了一個(gè)方向,就是我們畫草圖的鉛筆在繪制過程中所產(chǎn)生的鉛筆屑,筆屑的產(chǎn)生就象征了大量繪制的草圖,也代表了努力的表現(xiàn)(越用工,鉛筆削的次數(shù)越多,筆屑越多)所以用這樣的素材手動(dòng)拼接的課程logo”Q”就更具有行業(yè)屬性和特征。

  而整體的設(shè)計(jì)也是圍繞學(xué)習(xí),會(huì)產(chǎn)生的草圖,指針(寓意學(xué)習(xí)方向)等表達(dá)和課程和學(xué)員的關(guān)系。

  我們面對(duì)客戶的時(shí)候,我經(jīng)常會(huì)用這樣的風(fēng)格作為第三稿,提案我如果給三個(gè)方向,多數(shù)會(huì)現(xiàn)代/傳統(tǒng)/保守三個(gè)方向。(這是群內(nèi)投票第三的作品。三個(gè)作品之間只有1-3票的差距)

  這是第三種方式,雖然也是寓意類型但所舉例的圖片,更貼近客戶行業(yè)的本身,讓讀者聯(lián)想的距離減小。并且在學(xué)員作品展示的頁面中對(duì)作品的表達(dá)請(qǐng)加清晰,所屬設(shè)計(jì)師更加明了。

  今天這三位設(shè)計(jì)師都是往期非常優(yōu)秀的學(xué)員,他們自己都經(jīng)歷過課程的內(nèi)容,所以,在表現(xiàn)上更加精準(zhǔn)。設(shè)計(jì)師在和客戶接觸的同時(shí),如果可以減少電腦操作的時(shí)間,多一些溝通,多一些訪談,更加了解之后,多個(gè)風(fēng)格表現(xiàn),就會(huì)因?yàn)槲覀冇懈迂S富的了解,從而產(chǎn)生更多準(zhǔn)確的設(shè)計(jì)切入點(diǎn),風(fēng)格自然就會(huì)更加多樣化。

  最后我一直覺得版式的產(chǎn)生不能依靠單純的網(wǎng)格,沒有所謂固定的版式(前提要保證畫面的閱讀順序),網(wǎng)格帶給你的是規(guī)則,整體性。但是設(shè)計(jì)也需要正確的思路,思路再通過網(wǎng)格進(jìn)行歸納整理,這樣設(shè)計(jì)出的畫面會(huì)更富有變化。

[教程作者:@南征南征]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/yj2531.html
沒有思路?11個(gè)小妙招激發(fā)你的靈感
設(shè)計(jì)師如何選擇學(xué)校和工作?
圖趣網(wǎng)微信
建議反饋
×