看騰訊設(shè)計大牛告訴你如何提升自己的設(shè)計能力

所謂從零開始的異化視覺設(shè)計，是一種設(shè)計的思維方式。有時候我們會苦惱設(shè)計能力如何得到更多提升，此文或許能提供一些參考性的思路和設(shè)計方法。

一. 從零到一

什么是從零到一？

從一個還只是信息框架層面到一個可以啟動開發(fā)的視覺設(shè)計稿，我會將這個過程稱為從零到一。

舉個例子，說說我以前遇到這樣一個需求，是個游戲分類的列表頁，是需要左右滑動切換標(biāo)簽的，交互圖如下：

一般面對這種交互的時候，是不是立刻想起了什么?

沒錯，就是我們的規(guī)范。成熟產(chǎn)品的大系統(tǒng)下都有自己的基礎(chǔ)控件的規(guī)范，這些規(guī)范的作用是為了保證整個大系統(tǒng)的頁面之間的交互邏輯一致性和視覺的統(tǒng)一性，就像這樣：

然后我們會習(xí)以為常的，把對應(yīng)的規(guī)范套入對應(yīng)的交互中，然后要注意的是間距，品牌色，列表樣式。然后我們就完成了視覺稿，這個過程就是從零到一，如下圖：

那么問題來了，這樣就夠了嗎？
 

二. 從一歸零再到一

有些時候設(shè)計師會苦惱為何自己只是符合預(yù)期，很難再往前突破，或者會產(chǎn)生疑問，是不是還可以做些什么？

如果說從把一個交互圖，套用規(guī)范，或者按照常態(tài)去執(zhí)行視覺，是一個0到1 的過程，那是否可以考慮一下， 把這個1歸0后，再去異化的思考會是什么樣的結(jié)果。

順著這個思路，我們思考一下，尋找「1」的問題所在，我們不難發(fā)現(xiàn)它有幾個問題：

• 文字標(biāo)題的弊端，只能通過閱讀文字識別，是否可以增加圖形化標(biāo)識。
• 沒有游戲氛圍感，除了圖標(biāo)，都感受不到這也是游戲平臺的頁面。
• 有點(diǎn)枯燥無趣。

那么進(jìn)一步思考就是在原來的基礎(chǔ)上，為了新「1」，需要怎么做？

• 保留重要的不可變動的信息：列表、標(biāo)題、左右切換。
• 可變動的信息和布局是哪些？板式？增加氛圍圖？增加輔助信息？
• 如何達(dá)到目標(biāo)效果：氛圍感、圖形標(biāo)識、有趣。

然后進(jìn)行各種嘗試，尋找合適的界面布局方式，就可以優(yōu)化成這樣：

這就是我認(rèn)為的「從一歸零再到一」。

將已有的視覺設(shè)計，通過打散布局和信息結(jié)果，并將他們通過更優(yōu)的方式重組，再給一些輕微異化的樣式，就能得到新的視覺稿。

三. 零一的循環(huán)

剛才的案例中我們可以看到一個從「零」到「一」，然后歸「零」再到「一」的過程。

其中最難理解和最難做到的就是歸「零」的過程，歸「零」是指把之前界面中的信息結(jié)構(gòu)打散并重組，并且還需要優(yōu)化結(jié)構(gòu)和滿足基本需求。

總結(jié)的基本操作方法是：

• 與產(chǎn)品溝通述求點(diǎn)，了解視覺層面需要滿足的內(nèi)容。
• 了解產(chǎn)品未來的趨勢，思考前瞻性的視覺概念。
• 將頁面的所有元素和信息解組，分析所有信息屬于哪些類型，整理出不可變動信息、可變動信息、可增加的信息、可變的布局樣式
• 信息重組，在思考板式的過程中，就可以將之前分解出來的信息來重組，可變換信息就要思考可變換樣式的可能性。通過產(chǎn)品的需求和對設(shè)計的預(yù)期，不斷嘗試重組信息結(jié)構(gòu)，找到合適的版式和視覺樣式（注：為了確保自己生命安全和不做無用功，該步驟一定要與交互同學(xué)，產(chǎn)品同學(xué)和技術(shù)同學(xué)多多溝通）。

這就是「從零」開始的設(shè)計方法，往往我們項(xiàng)目的周期會根據(jù)項(xiàng)目的緊急程度決定，所以總會有視覺設(shè)計周期不同的情況。然而用「從零」方法，是可以在有限的時間里，不斷的從「零」到「一」，再又從「一」歸「零」的信息歸納，不斷循環(huán)，找到最合適的設(shè)計。將這個過程叫做「零一循環(huán)」。

就像把上面的交互圖不斷「從零到一」，我們就可以得到各種不同的視覺稿，從而找到合適的方案。

四. 思考的維度

這種從零開始的循環(huán)思考的方式，會讓我們在設(shè)計的時候思考盡可能多的可能性，并根據(jù)產(chǎn)品的特性找到合適的方式，也是保證我們的設(shè)計是有理可循的。

這個時候，很多小伙伴肯定要問，是怎么去做這個從零的思考的，這不就是不同的版式方案而已嗎？當(dāng)然，版式的思考是「從零方法」的一個重要維度，下面也提供幾個不同維度的思路。

1. 互動方式

留言板一直是用戶之前使用的功能，但是是否能夠用一些更有趣的方式？之前的留言板是一個一個卡片滑動切換，可以看到別人單條留言，但是效率比較低，而且互動性很弱，所以就思考是不是可以用彈幕的方式去優(yōu)化，結(jié)果會好很多。

把原來的卡片留言板的方式，替換成流行且有趣的彈幕的方式，參與感更強(qiáng)。讓彈幕可以變得更加的有話題性，提升用戶在該主頁的參與量。

2. 情感化融入

這是一個情侶之間互動的一個功能，但是單純的在界面里看到問題和分?jǐn)?shù)，是否有點(diǎn)枯燥？那么，就可以從情感化的維度思考，能否有一個人性化介質(zhì)，讓兩個人之間的互動變得更有趣，更有情感。

也可以通過各種其他的維度來從零思考，只要有足夠的時間去做嘗試，我們便可以從中受益。所謂的匠心，也是這種不斷嘗試找到答案的決心。

寫在最后，全文都是以「從零」的思路去探索設(shè)計方法論，其實(shí)所謂的「從零」就是在得到一個結(jié)果的時候，是否可以再往前走一步。