我用這個極限推敲法,有效推進視覺設計

2018-6-27    資深UI設計者

每當提到設計方法論時,總難免會給人一種比較虛空偏理論,或者說比較難應用到設計實戰(zhàn)中的感覺;但是這一次,經過了自己的實踐之后,我覺得確實有一個比較靠譜的視覺推進方法可以分享給大家,所以才有了這篇總結。

先直接概括一下這個方法,極限推敲法:遇到難題時,先把問題拆解成一個或者幾個維度,選取某個維度,往兩個極端進行嘗試,隨后逐漸中和極端方案,逐步找到自己想要的預期點,明確該維度的方向。

一、使用方法

  • 第一步,提煉一個或者幾個關鍵維度,作為嘗試的方向;
  • 第二步,優(yōu)先嘗試兩端極限的方案;
  • 第三步,進一步在其間琢磨并嘗試方案,直到找到符合預期的方案;
  • 第四步,若一直沒有滿意的方案,則可以繼續(xù)以某個方案為基準,精細微調方案進行探索;
  • 第五步,得出最終方向,并最終調整形成終稿。

二、案例

例一:雄獅的logo設計

期望比較簡潔的同時,又不能丟了獅子的辨識度,比較糾結的是,這個度該如何把握?

按照極限推敲法來,我們先確立「極簡」和「寫實」作為關鍵維度,然后優(yōu)先嘗試兩端比較極限的方案;了解清楚兩種極限的可能性之后,繼續(xù)嘗試,加減細節(jié),尋找一個符合預期的圖形狀態(tài);最后的定稿,既保持了鮮明的特征和辨識度,同時也不失簡潔。

(推進過程中出方案的順序在圖中用數(shù)字標出,「1」即為第一次嘗試,以此類推;具體推敲過程不在此贅述。)

例二:網易郵箱大師Tab icon改版設計

在網易郵箱大師5.0改版中,常駐底部的 Tab icon 是單獨進行推敲優(yōu)化的。在之前的版本中,圖標的樣式相對比較的刻板,偏向純表意,表現(xiàn)力不強;在5.0視覺改版的策略中,我們是以「優(yōu)雅」作為一個關鍵方向進行優(yōu)化的,所以軸的兩端就定為「刻板」和「優(yōu)雅」,雖然并不是完全對立的兩個方向,同時也包含了一些「表意」等其他層面的因素,但是其中有部分感受是存在對立面的,我們就以此作為關鍵點進行推敲。

可以從圖中看出,在不影響表意的前提下,各方案間的圖標改動非常微小,在有限的空間內去做一些變化;幾經嘗試之后,還是選擇了更常規(guī)更偏表意優(yōu)先,但是也適當加入曲線因素體現(xiàn)「優(yōu)雅」的方案作為最終方向。

例三:內容信息流列表設計

期望內容列表的展示能給人以精品的感覺,但又不失去過多的閱讀效率。

首先確立以信息量的多少作為關鍵維度,在形成了初步的樣式之后,繼續(xù)調整在一屏內條目的疏密以及排版來感知信息量的多少;在嘗試之后,最終討論決定,在初期內容源還不夠「精」的情況下,還是最右側方案的信息呈現(xiàn)更為合適,并以此做了最終調整。

三、方法原理

很多時候,極端情況是很難想象或者預判出來的,只有嘗試之后,才能更清楚的了解到實際會出來什么效果,達到怎樣的預期;在多次推敲之后,就能更好的了解期望的狀態(tài)到底應該在哪個「位置」,讓模糊的概念逐漸變得清晰;該方法最大的好處在于,讓嘗試變的更有目標,而不是胡亂嘗試,讓每一次嘗試都更有意義。

這個方法也算是視覺標準可量化的一次探索,我稱之為「偽量化」,因為最后的決策仍然是依靠感官去衡量判斷的;把錯綜復雜的感官拆解成一些更具體單一的關鍵維度也是非常關鍵的一個步驟,是開始「偽量化」的前提。

四、適用場景

在以上所舉的例子中,有 logo設計,icon設計和界面設計(所用到的例子都是實戰(zhàn),均為過往項目);其實對象可以是各種各樣的設計,只要存在某種程度把握上的糾結,無法預判或者不明確方向的情況,都可以通過這個方法有效的推進并找到當下的最優(yōu)解。在實戰(zhàn)中,假如沒有那么多的時間和精力去細化,可以僅選取關鍵維度,然后在關鍵維度內嘗試方向探索性的方案(粗略的嘗試),只要能感受到差異,即是有效的方案;當然如果有充足的時間,那完全可以精細化出方案,這樣方案所傳達的感受也會更加精準細致。

五、誤區(qū)

要注意的是,這個方法并不是一種妥協(xié)的方式,也不是一種擇中方案;我們所要尋找的是在一個維度中感受符合預期的位置,如果適合,也可以是非常激進的方案。

六、注意事項

這個方法只是提供了一種思路,如何更有效的嘗試方案來推進視覺產出的思路;其中最主要的環(huán)節(jié)還是靠自己去摸索出方案的實踐部分,去實打實的嘗試;在這其中投入精力的多少,也受其他客觀因素的影響,例如項目截止時間等等;不過我認為個人的主觀能動性才是主導,一定不能懶,要作圖,要動起來,僅靠憑空想象方案在腦中「出圖」,一來說服不了別人,二來自己也底氣不足。只要圖形圖像語言一直存在,那么我覺得對視覺設計師來說有一句話就是永遠的真理:沒圖說個XX。

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sillybuy.com

存檔