設(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ì)師徐芳的作品:這一組作品在網(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)格展示
這一組作品的構(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è)計(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ì)更富有變化。
本文地址:http://m.likemindfilms.com/tutorial/yj2531.html
您可能還喜歡
- 設(shè)計(jì)師接私單如何談合同,不被騙方案
- 經(jīng)驗(yàn)分享:網(wǎng)頁設(shè)計(jì)中的6個(gè)小技巧
- 404頁面十大最佳用處實(shí)踐
- 淺談話題“如何自我提升”(精)
- 《創(chuàng)意VC——暢游VC網(wǎng)頁設(shè)計(jì)觀點(diǎn)與實(shí)例
- 精品設(shè)計(jì)分享:30個(gè)設(shè)計(jì)師常用的找圖網(wǎng)
- 設(shè)計(jì)師的個(gè)人素養(yǎng)小記
- 輕松玩轉(zhuǎn)一萬張圖片 - FastStone Imag
- 網(wǎng)站測(cè)試中的AB測(cè)試(A/B Test)方法
- 我討厭現(xiàn)在讓人窒息的網(wǎng)頁布局
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏