@CDYdesign :每當(dāng)提到設(shè)計(jì)方法論時,總難免會給人一種比較虛空偏理論,或者說比較難應(yīng)用到設(shè)計(jì)實(shí)戰(zhàn)中的感覺;但是這一次,經(jīng)過了自己的實(shí)踐之后,我覺得確實(shí)有一個比較靠譜的視覺推進(jìn)方法可以分享給大家,所以才有了這篇總結(jié)。
先直接概括一下這個方法,極限推敲法:遇到難題時,先把問題拆解成一個或者幾個維度,選取某個維度,往兩個極端進(jìn)行嘗試,隨后逐漸中和極端方案,逐步找到自己想要的預(yù)期點(diǎn),明確該維度的方向。
一、使用方法
- 第一步,提煉一個或者幾個關(guān)鍵維度,作為嘗試的方向;
- 第二步,優(yōu)先嘗試兩端極限的方案;
- 第三步,進(jìn)一步在其間琢磨并嘗試方案,直到找到符合預(yù)期的方案;
- 第四步,若一直沒有滿意的方案,則可以繼續(xù)以某個方案為基準(zhǔn),精細(xì)微調(diào)方案進(jìn)行探索;
- 第五步,得出最終方向,并最終調(diào)整形成終稿。
二、案例
例一:雄獅的logo設(shè)計(jì)
期望比較簡潔的同時,又不能丟了獅子的辨識度,比較糾結(jié)的是,這個度該如何把握?
按照極限推敲法來,我們先確立「極簡」和「寫實(shí)」作為關(guān)鍵維度,然后優(yōu)先嘗試兩端比較極限的方案;了解清楚兩種極限的可能性之后,繼續(xù)嘗試,加減細(xì)節(jié),尋找一個符合預(yù)期的圖形狀態(tài);最后的定稿,既保持了鮮明的特征和辨識度,同時也不失簡潔。
(推進(jìn)過程中出方案的順序在圖中用數(shù)字標(biāo)出,「1」即為第一次嘗試,以此類推;具體推敲過程不在此贅述。)
例二:網(wǎng)易郵箱大師Tab icon改版設(shè)計(jì)
在網(wǎng)易郵箱大師5.0改版中,常駐底部的 Tab icon 是單獨(dú)進(jìn)行推敲優(yōu)化的。在之前的版本中,圖標(biāo)的樣式相對比較的刻板,偏向純表意,表現(xiàn)力不強(qiáng);在5.0視覺改版的策略中,我們是以「優(yōu)雅」作為一個關(guān)鍵方向進(jìn)行優(yōu)化的,所以軸的兩端就定為「刻板」和「優(yōu)雅」,雖然并不是完全對立的兩個方向,同時也包含了一些「表意」等其他層面的因素,但是其中有部分感受是存在對立面的,我們就以此作為關(guān)鍵點(diǎn)進(jìn)行推敲。
可以從圖中看出,在不影響表意的前提下,各方案間的圖標(biāo)改動非常微小,在有限的空間內(nèi)去做一些變化;幾經(jīng)嘗試之后,還是選擇了更常規(guī)更偏表意優(yōu)先,但是也適當(dāng)加入曲線因素體現(xiàn)「優(yōu)雅」的方案作為最終方向。
例三:內(nèi)容信息流列表設(shè)計(jì)
期望內(nèi)容列表的展示能給人以精品的感覺,但又不失去過多的閱讀效率。
首先確立以信息量的多少作為關(guān)鍵維度,在形成了初步的樣式之后,繼續(xù)調(diào)整在一屏內(nèi)條目的疏密以及排版來感知信息量的多少;在嘗試之后,最終討論決定,在初期內(nèi)容源還不夠「精」的情況下,還是最右側(cè)方案的信息呈現(xiàn)更為合適,并以此做了最終調(diào)整。
三、方法原理
很多時候,極端情況是很難想象或者預(yù)判出來的,只有嘗試之后,才能更清楚的了解到實(shí)際會出來什么效果,達(dá)到怎樣的預(yù)期;在多次推敲之后,就能更好的了解期望的狀態(tài)到底應(yīng)該在哪個「位置」,讓模糊的概念逐漸變得清晰;該方法最大的好處在于,讓嘗試變的更有目標(biāo),而不是胡亂嘗試,讓每一次嘗試都更有意義。
這個方法也算是視覺標(biāo)準(zhǔn)可量化的一次探索,我稱之為「偽量化」,因?yàn)樽詈蟮臎Q策仍然是依靠感官去衡量判斷的;把錯綜復(fù)雜的感官拆解成一些更具體單一的關(guān)鍵維度也是非常關(guān)鍵的一個步驟,是開始「偽量化」的前提。
四、適用場景
在以上所舉的例子中,有 logo設(shè)計(jì),icon設(shè)計(jì)和界面設(shè)計(jì)(所用到的例子都是實(shí)戰(zhàn),均為過往項(xiàng)目);其實(shí)對象可以是各種各樣的設(shè)計(jì),只要存在某種程度把握上的糾結(jié),無法預(yù)判或者不明確方向的情況,都可以通過這個方法有效的推進(jìn)并找到當(dāng)下的最優(yōu)解。在實(shí)戰(zhàn)中,假如沒有那么多的時間和精力去細(xì)化,可以僅選取關(guān)鍵維度,然后在關(guān)鍵維度內(nèi)嘗試方向探索性的方案(粗略的嘗試),只要能感受到差異,即是有效的方案;當(dāng)然如果有充足的時間,那完全可以精細(xì)化出方案,這樣方案所傳達(dá)的感受也會更加精準(zhǔn)細(xì)致。
五、誤區(qū)
要注意的是,這個方法并不是一種妥協(xié)的方式,也不是一種擇中方案;我們所要尋找的是在一個維度中感受符合預(yù)期的位置,如果適合,也可以是非常激進(jìn)的方案。
六、注意事項(xiàng)
這個方法只是提供了一種思路,如何更有效的嘗試方案來推進(jìn)視覺產(chǎn)出的思路;其中最主要的環(huán)節(jié)還是靠自己去摸索出方案的實(shí)踐部分,去實(shí)打?qū)嵉膰L試;在這其中投入精力的多少,也受其他客觀因素的影響,例如項(xiàng)目截止時間等等;不過我認(rèn)為個人的主觀能動性才是主導(dǎo),一定不能懶,要作圖,要動起來,僅靠憑空想象方案在腦中「出圖」,一來說服不了別人,二來自己也底氣不足。只要圖形圖像語言一直存在,那么我覺得對視覺設(shè)計(jì)師來說有一句話就是永遠(yuǎn)的真理:沒圖說個XX。
寫在最后
這個方法是在工作中不斷地討論、實(shí)踐、被他人啟發(fā)之后而總結(jié)產(chǎn)生的,特別要感謝干爹以及團(tuán)隊(duì)內(nèi)同學(xué)的指導(dǎo)與幫助。雖然在實(shí)際運(yùn)用中也會遇到不少問題,也許在你看來似曾相識,或者你也用過類似的方法,但是仍然希望能給大家?guī)硪恍椭c啟發(fā)。
如果你有任何想法或建議,歡迎留言討論。
圖片素材作者:Brandon Land
「沒靈感?來看這些方法」
- 《設(shè)計(jì)師沒原創(chuàng)靈感?試試這個方法!》
- 《BAT都在使用的設(shè)計(jì)創(chuàng)新方法 ,現(xiàn)在手把手教你做!》
- 《幾乎適用于任何領(lǐng)域的萬能創(chuàng)意公式,今天免費(fèi)教給你!》
================明星欄目推薦================
優(yōu)優(yōu)教程網(wǎng): UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。
設(shè)計(jì)導(dǎo)航:國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航,設(shè)計(jì)師必備: http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點(diǎn)擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計(jì)師平臺,提供獎品贊助 聯(lián)系我們
標(biāo)志設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 729 位幸運(yùn)星
發(fā)表評論 為下方 6 條評論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓