2018-6-27 資深UI設(shè)計(jì)者
每當(dāng)提到設(shè)計(jì)方法論時(shí),總難免會(huì)給人一種比較虛空偏理論,或者說(shuō)比較難應(yīng)用到設(shè)計(jì)實(shí)戰(zhàn)中的感覺(jué);但是這一次,經(jīng)過(guò)了自己的實(shí)踐之后,我覺(jué)得確實(shí)有一個(gè)比較靠譜的視覺(jué)推進(jìn)方法可以分享給大家,所以才有了這篇總結(jié)。
先直接概括一下這個(gè)方法,極限推敲法:遇到難題時(shí),先把問(wèn)題拆解成一個(gè)或者幾個(gè)維度,選取某個(gè)維度,往兩個(gè)極端進(jìn)行嘗試,隨后逐漸中和極端方案,逐步找到自己想要的預(yù)期點(diǎn),明確該維度的方向。
例一:雄獅的logo設(shè)計(jì)
期望比較簡(jiǎn)潔的同時(shí),又不能丟了獅子的辨識(shí)度,比較糾結(jié)的是,這個(gè)度該如何把握?
按照極限推敲法來(lái),我們先確立「極簡(jiǎn)」和「寫實(shí)」作為關(guān)鍵維度,然后優(yōu)先嘗試兩端比較極限的方案;了解清楚兩種極限的可能性之后,繼續(xù)嘗試,加減細(xì)節(jié),尋找一個(gè)符合預(yù)期的圖形狀態(tài);最后的定稿,既保持了鮮明的特征和辨識(shí)度,同時(shí)也不失簡(jiǎn)潔。
(推進(jìn)過(guò)程中出方案的順序在圖中用數(shù)字標(biāo)出,「1」即為第一次嘗試,以此類推;具體推敲過(guò)程不在此贅述。)
例二:網(wǎng)易郵箱大師Tab icon改版設(shè)計(jì)
在網(wǎng)易郵箱大師5.0改版中,常駐底部的 Tab icon 是單獨(dú)進(jìn)行推敲優(yōu)化的。在之前的版本中,圖標(biāo)的樣式相對(duì)比較的刻板,偏向純表意,表現(xiàn)力不強(qiáng);在5.0視覺(jué)改版的策略中,我們是以「優(yōu)雅」作為一個(gè)關(guān)鍵方向進(jìn)行優(yōu)化的,所以軸的兩端就定為「刻板」和「優(yōu)雅」,雖然并不是完全對(duì)立的兩個(gè)方向,同時(shí)也包含了一些「表意」等其他層面的因素,但是其中有部分感受是存在對(duì)立面的,我們就以此作為關(guān)鍵點(diǎn)進(jìn)行推敲。
可以從圖中看出,在不影響表意的前提下,各方案間的圖標(biāo)改動(dòng)非常微小,在有限的空間內(nèi)去做一些變化;幾經(jīng)嘗試之后,還是選擇了更常規(guī)更偏表意優(yōu)先,但是也適當(dāng)加入曲線因素體現(xiàn)「優(yōu)雅」的方案作為最終方向。
例三:內(nèi)容信息流列表設(shè)計(jì)
期望內(nèi)容列表的展示能給人以精品的感覺(jué),但又不失去過(guò)多的閱讀效率。
首先確立以信息量的多少作為關(guān)鍵維度,在形成了初步的樣式之后,繼續(xù)調(diào)整在一屏內(nèi)條目的疏密以及排版來(lái)感知信息量的多少;在嘗試之后,最終討論決定,在初期內(nèi)容源還不夠「精」的情況下,還是最右側(cè)方案的信息呈現(xiàn)更為合適,并以此做了最終調(diào)整。
很多時(shí)候,極端情況是很難想象或者預(yù)判出來(lái)的,只有嘗試之后,才能更清楚的了解到實(shí)際會(huì)出來(lái)什么效果,達(dá)到怎樣的預(yù)期;在多次推敲之后,就能更好的了解期望的狀態(tài)到底應(yīng)該在哪個(gè)「位置」,讓模糊的概念逐漸變得清晰;該方法最大的好處在于,讓嘗試變的更有目標(biāo),而不是胡亂嘗試,讓每一次嘗試都更有意義。
這個(gè)方法也算是視覺(jué)標(biāo)準(zhǔn)可量化的一次探索,我稱之為「?jìng)瘟炕梗驗(yàn)樽詈蟮臎Q策仍然是依靠感官去衡量判斷的;把錯(cuò)綜復(fù)雜的感官拆解成一些更具體單一的關(guān)鍵維度也是非常關(guān)鍵的一個(gè)步驟,是開始「?jìng)瘟炕沟那疤帷?
在以上所舉的例子中,有 logo設(shè)計(jì),icon設(shè)計(jì)和界面設(shè)計(jì)(所用到的例子都是實(shí)戰(zhàn),均為過(guò)往項(xiàng)目);其實(shí)對(duì)象可以是各種各樣的設(shè)計(jì),只要存在某種程度把握上的糾結(jié),無(wú)法預(yù)判或者不明確方向的情況,都可以通過(guò)這個(gè)方法有效的推進(jìn)并找到當(dāng)下的最優(yōu)解。在實(shí)戰(zhàn)中,假如沒(méi)有那么多的時(shí)間和精力去細(xì)化,可以僅選取關(guān)鍵維度,然后在關(guān)鍵維度內(nèi)嘗試方向探索性的方案(粗略的嘗試),只要能感受到差異,即是有效的方案;當(dāng)然如果有充足的時(shí)間,那完全可以精細(xì)化出方案,這樣方案所傳達(dá)的感受也會(huì)更加精準(zhǔn)細(xì)致。
要注意的是,這個(gè)方法并不是一種妥協(xié)的方式,也不是一種擇中方案;我們所要尋找的是在一個(gè)維度中感受符合預(yù)期的位置,如果適合,也可以是非常激進(jìn)的方案。
這個(gè)方法只是提供了一種思路,如何更有效的嘗試方案來(lái)推進(jìn)視覺(jué)產(chǎn)出的思路;其中最主要的環(huán)節(jié)還是靠自己去摸索出方案的實(shí)踐部分,去實(shí)打?qū)嵉膰L試;在這其中投入精力的多少,也受其他客觀因素的影響,例如項(xiàng)目截止時(shí)間等等;不過(guò)我認(rèn)為個(gè)人的主觀能動(dòng)性才是主導(dǎo),一定不能懶,要作圖,要?jiǎng)悠饋?lái),僅靠憑空想象方案在腦中「出圖」,一來(lái)說(shuō)服不了別人,二來(lái)自己也底氣不足。只要圖形圖像語(yǔ)言一直存在,那么我覺(jué)得對(duì)視覺(jué)設(shè)計(jì)師來(lái)說(shuō)有一句話就是永遠(yuǎn)的真理:沒(méi)圖說(shuō)個(gè)XX。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com