化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

@南征南征 雖然說一圖勝千言,一張好圖會說話。但在設(shè)計師的實(shí)際工作中,甲方不少,好圖難得,碰到客戶給的是爛圖怎么辦?還想不想要高端大氣了?如果你的回答是肯定的,那就來看一下今天分享的這篇好文,實(shí)例分析,不紙上談兵,文中涉及很多實(shí)用技巧,非常值得新手設(shè)計師閱讀呢。

為什么腐朽能化為神奇,石頭上能開出花朵,看看這篇,會有不一樣的啟發(fā):

《漲姿勢!設(shè)計作品中的"廉價感"是如何產(chǎn)生的?》
《設(shè)計師必看!為什么英文要比中文在設(shè)計中顯得高大上》

@南征南征 (千邑登明工作室創(chuàng)始人,作家,出版《設(shè)計師的設(shè)計日記》 ):下圖中的這類設(shè)計畫面就是我們最常見的,內(nèi)容要求也是客戶經(jīng)常要求的,客戶希望出現(xiàn)自己公司的前臺,雖然他也很清楚前臺的視覺效果不盡人意,但是并沒有打算花錢重新裝修或是聘請攝影師對環(huán)境進(jìn)行更多的渲染。

而是希望平面設(shè)計師來幫他搞定。

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

大多設(shè)計師對這類客戶提供素材是一籌莫展,并沒有更好的方式和方法來解決,原因在于對素材的變化理解不夠,我們?nèi)绻軌驌Q個角度去思考畫面的解決方式,也許就會豁然開朗。

首先我們需要引導(dǎo)客戶

讓客戶明白我們自身的形象體現(xiàn)是可以通過一些簡單的"渲染"來解決的。

舉例來說:我們能否使用原圖作為輔助素材,而非主體出現(xiàn),前提我們保證畫面一定會出現(xiàn)前臺logo,保證我們企業(yè)簡介的"概括感"。

當(dāng)我們引入了"概括感"這一概念,而客戶又能接受的情況,我們的畫面就可以由以下視覺效果來呈現(xiàn)了。

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

大家通過這個畫面很容易的感受到嶄新的設(shè)計感

我們甚至沒有對圖片進(jìn)行任何的處理,只是通過色塊對底圖的修飾,即"壓"住了圖片不夠精彩的特點(diǎn),又提升畫面的整體性。

原設(shè)計色塊的出現(xiàn),色相的使用,使畫面整體狀態(tài)過"冷",并且和環(huán)境的融合度過低,使用大面積的黃色后,在整體色相的處理上保持的統(tǒng)一性,當(dāng)具備了高度的統(tǒng)一性后,我們就會發(fā)現(xiàn)原來讓我們頭痛的底圖好像已經(jīng)"消失"了一般,這正是設(shè)計中圖片和周邊元素相融合的結(jié)果。

任何一個元素都不是獨(dú)立的,我們單獨(dú)處理任何一個元素讓他如何精彩都不如整體感給我?guī)淼暮侠砼c和諧

當(dāng)然前提是畫面的焦點(diǎn),輔助元素、色彩使用、都是符合閱讀習(xí)慣的,都是在設(shè)計過程中根據(jù)內(nèi)容的重要程度進(jìn)行按級別設(shè)計的,或者說我們的設(shè)計就是要幫助讀者更好的閱讀而存在。

除了色塊的改變以外,我們更重要的是需要把信息的節(jié)奏性的表達(dá),這些信息的節(jié)奏出現(xiàn),不是單純的一段文本羅列就可以產(chǎn)生的。(如下圖)

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

我們可以看到重新設(shè)計的企業(yè)簡介

所有文字的節(jié)奏,內(nèi)容,分欄,讓我們更加容易閱讀,并且設(shè)計感也更加強(qiáng)烈

原因在于設(shè)計的視覺標(biāo)準(zhǔn)其實(shí)是存在的,這個標(biāo)準(zhǔn)就是文字的閱讀感,元素的節(jié)奏感(節(jié)奏感的具體化會涉及到數(shù)學(xué)的內(nèi)容,如費(fèi)氏數(shù)列等,內(nèi)容太多也太過枯燥,了解一下即可,或是設(shè)計后可用一些以后的標(biāo)準(zhǔn)進(jìn)行參考,萬萬不要以數(shù)學(xué)級別的標(biāo)準(zhǔn)作為唯一標(biāo)準(zhǔn)。)

信息的處理

之前我的一些案例中,有些設(shè)計師回復(fù),老師你的畫面總是很豐富,一定是客戶的給您提供的素材全面,資源也更豐富。

我們來回憶一下,設(shè)計原稿和修改的對比。

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

兩者在內(nèi)容上完全相同

這是第四期學(xué)員的一個課堂作業(yè),我們發(fā)現(xiàn)修改后(右圖)我們整體畫面更加"豐富",原因在于哪些方面,我們可以來總結(jié)一下。

第一:由純色背景轉(zhuǎn)化為半透明,底圖可以通過色塊滲透到畫面當(dāng)中,保證了原圖一定的識別力,也具有更強(qiáng)的設(shè)計感。

第二:對信息的處理

(企業(yè)簡介文字,可參考我的書中案例信息,此案例作為課程內(nèi)容提供給學(xué)員練習(xí),方便學(xué)員感受我的設(shè)計思路。)

對文中重點(diǎn)信息進(jìn)行了二次設(shè)計和提取,不再是單純文本展現(xiàn),重新段落文字中要點(diǎn)數(shù)據(jù)信息,通過這樣的設(shè)計加深印象,正是我們設(shè)計在閱讀中所產(chǎn)生的重要作用,幫助讀者記憶,幫助讀者盡快的記憶重點(diǎn)信息。

大家可以清晰的看到:

技術(shù)員工15%在員工總數(shù)中的比例。

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

2007年集團(tuán)銷售業(yè)績109億,

109億為了加深視覺印象我們通過

¥10,900,000,000更強(qiáng)烈的數(shù)據(jù)感表示。

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

公司建立時間1978

公司面積 5平方公里

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

這些數(shù)據(jù)的出現(xiàn),文字出現(xiàn)的組合方式,文字形成的體積感,是設(shè)計師對信息準(zhǔn)確提取后(不要盲目學(xué)習(xí)此形式感,要以信息敘述要點(diǎn)為第一準(zhǔn)則)需要大家解決的問題。

再通過類似的案例來說明一下,不同的畫面都可以使用這個方法來解決。(下圖信息有所調(diào)整,目的在于讓學(xué)員理解信息,色塊對畫面不必要信息的遮擋產(chǎn)生的設(shè)計感受,使用了和企業(yè)簡介相同的信息內(nèi)容)

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

由此可見所以說設(shè)計不光是一張"好圖"的問題,他所需要考慮的信息關(guān)系網(wǎng)是非常龐大的。

之前有設(shè)計師評論就提到有好圖就好設(shè)計,經(jīng)常也要提到讓圖片自己"說話",從這一個簡單的案例看出,圖想"說話"容易,出口成章"難",需要更多的信息來輔助它說話,來幫助他渲染氣氛。

如果是所謂的"爛"圖呢,其實(shí)沒有嚴(yán)格意義的"爛"與"好"。而是我們的設(shè)計與圖片的結(jié)合是否合適,要考慮圖片想說什么,文字想說什么,二者想說的內(nèi)容相同,我們才方便把他們結(jié)合在一起。

經(jīng)常會有設(shè)計師說某某的設(shè)計很棒是因?yàn)閳D片好。

但他為什么不考慮自己為什么沒有如此好的圖片?原因到底在哪里,是圖的好壞影響我們設(shè)計?還是我們設(shè)計師如何使用一些技巧去利用圖片?

圖片在不同設(shè)計師手里會展現(xiàn)出不同的光芒。分析客戶,分析客戶產(chǎn)品特征,你才能利用好這樣的圖片。

徐悲鴻先生 作品很棒 難道是筆和紙的原因嗎?顯然是徐悲鴻先生自身對畫面的理解,筆與紙只是媒介。

設(shè)計師也一樣,要多看優(yōu)秀設(shè)計背后的分析,為什么要用此圖,此圖這位設(shè)計師利用了那些重點(diǎn),在光影,敏感,內(nèi)容上做了那些強(qiáng)調(diào)與修飾,這些修改完成后是否更貼切我們的主題,不要 想當(dāng)然 覺得"只是"圖片 "只是"文字 "只是"排版,簡單的"只是"你又是否能設(shè)計出來。

這次以圖片使用技巧范例為引子,其實(shí)很多時候圖片的處理不是單靠ps這工具完成的如此絢麗就可以解決的。

我更希望設(shè)計師自己不要把設(shè)計想簡單,這樣客戶就更不會覺得我們"簡單"的設(shè)計是如此的簡單。

設(shè)計如此簡單(再有方法之后)

設(shè)計如此不易(不明覺厲之時)

并不矛盾。

這樣訓(xùn)練不是完成一個項(xiàng)目,而讓你變成一個訓(xùn)練有素、懂得工作方法的人,之后,使用設(shè)計語言表述出來的人。

投稿者:@南征南征

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計微博:擁有粉絲量69萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

化腐朽為神奇!教你利用壞圖創(chuàng)造出好設(shè)計

收藏 11
點(diǎn)贊 4

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。