“圖片技巧”讓你能夠成為使用設(shè)計(jì)語言表述出來的人
下圖中的這類設(shè)計(jì)畫面就是我們最常見的,內(nèi)容要求也是客戶經(jīng)常要求的,客戶希望出現(xiàn)自己公司的前臺(tái),雖然他也很清楚前臺(tái)的視覺效果不盡人意,但是并沒有打算花錢重新裝修或是聘請(qǐng)攝影師對(duì)環(huán)境進(jìn)行更多的渲染。
而是希望平面設(shè)計(jì)師來幫他搞定。
大多設(shè)計(jì)師對(duì)這類客戶提供素材是一籌莫展,并沒有更好的方式和方法來解決,原因在于對(duì)素材的變化理解不夠,我們?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ì)感
我們甚至沒有對(duì)圖片進(jìn)行任何的處理,只是通過色塊對(duì)底圖的修飾,即“壓”住了圖片不夠精彩的特點(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)行按級(jí)別設(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é)級(jí)別的標(biāo)準(zhǔn)作為唯一標(biāo)準(zhǔn)。)
信息的處理
之前我的一些案例中,有些設(shè)計(jì)師回復(fù),老師你的畫面總是很豐富,一定是客戶的給您提供的素材全面,資源也更豐富。
我們來回憶一下,設(shè)計(jì)原稿和修改的對(duì)比。
兩者在內(nèi)容上完全相同
這是第四期學(xué)員的一個(gè)課堂作業(yè),我們發(fā)現(xiàn)修改后(右圖)我們整體畫面更加“豐富”,原因在于哪些方面,我們可以來總結(jié)一下。
第一:由純色背景轉(zhuǎn)化為半透明,底圖可以通過色塊滲透到畫面當(dāng)中,保證了原圖一定的識(shí)別力,也具有更強(qiáng)的設(shè)計(jì)感。
第二:對(duì)信息的處理
(企業(yè)簡介文字,可參考我的書中案例信息,此案例作為課程內(nèi)容提供給學(xué)員練習(xí),方便學(xué)員感受我的設(shè)計(jì)思路。)
對(duì)文中重點(diǎn)信息進(jìn)行了二次設(shè)計(jì)和提取,不再是單純文本展現(xiàn),重新段落文字中要點(diǎn)數(shù)據(jù)信息,通過這樣的設(shè)計(jì)加深印象,正是我們?cè)O(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ì)師對(duì)信息準(zhǔn)確提取后(不要盲目學(xué)習(xí)此形式感,要以信息敘述要點(diǎn)為第一準(zhǔn)則)需要大家解決的問題。
再通過類似的案例來說明一下,不同的畫面都可以使用這個(gè)方法來解決。(下圖信息有所調(diào)整,目的在于讓學(xué)員理解信息,色塊對(duì)畫面不必要信息的遮擋產(chǎn)生的設(shè)計(jì)感受,使用了和企業(yè)簡介相同的信息內(nèi)容)
由此可見所以說設(shè)計(jì)不光是一張“好圖”的問題,他所需要考慮的信息關(guān)系網(wǎng)是非常龐大的。
之前有設(shè)計(jì)師評(píng)論就提到有好圖就好設(shè)計(jì),經(jīng)常也要提到讓圖片自己“說話”,從這一個(gè)簡單的案例看出,圖想“說話”容易,出口成章“難”,需要更多的信息來輔助它說話,來幫助他渲染氣氛。
如果是所謂的“爛”圖呢,其實(shí)沒有嚴(yán)格意義的“爛”與“好”。而是我們的設(shè)計(jì)與圖片的結(jié)合是否合適,要考慮圖片想說什么,文字想說什么,二者想說的內(nèi)容相同,我們才方便把他們結(jié)合在一起。
經(jīng)常會(huì)有設(shè)計(jì)師說某某的設(shè)計(jì)很棒是因?yàn)閳D片好。
但他為什么不考慮自己為什么沒有如此好的圖片?原因到底在哪里,是圖的好壞影響我們?cè)O(shè)計(jì)?還是我們?cè)O(shè)計(jì)師如何使用一些技巧去利用圖片?
圖片在不同設(shè)計(jì)師手里會(huì)展現(xiàn)出不同的光芒。分析客戶,分析客戶產(chǎn)品特征,你才能利用好這樣的圖片。
徐悲鴻先生 作品很棒 難道是筆和紙的原因嗎?顯然是徐悲鴻先生自身對(duì)畫面的理解,筆與紙只是媒介。
設(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ì)語言表述出來的人。
本文地址:http://m.pkvc.cn/tutorial/di1891.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(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ì)系列文章(二):全屏