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

“圖片技巧”讓你能夠成為使用設(shè)計(jì)語言表述出來的人

 

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

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

 

 

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

 

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

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

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

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

 

 

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

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

 

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

 

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

 

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

 

 

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

 

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

 

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

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

 

 

信息的處理

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

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

       

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

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

 

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

 

第二:對信息的處理

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

 

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

 

 

 

大家可以清晰的看到

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

 

 

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

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

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

 

 

公司建立時(shí)間1978

公司面積 5平方公里

 

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

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

 

 

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

 

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

 

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

 

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

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

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

 

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

 

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

 

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

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

 

 

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

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

并不矛盾。

 

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

[教程作者:南征南征]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di1891.html
做好扁平化設(shè)計(jì)-交互篇
設(shè)計(jì)的骨骼(一)
圖趣網(wǎng)微信
建議反饋
×