2019年設(shè)計(jì)師該如何成長？來看這份進(jìn)階能力拆解指南！

有些鳥兒注定是關(guān)不住的，它的每一片羽毛都閃耀著自由的光輝。設(shè)計(jì)行業(yè)也如此，行業(yè)在變化，設(shè)計(jì)也會(huì)被更多部門、行業(yè)所認(rèn)可。所以設(shè)計(jì)要平衡好腦洞和理論，思考清楚各個(gè)職能的差異，做好自己工作的本質(zhì)，不斷加強(qiáng)自己的專業(yè)線。

專業(yè)設(shè)計(jì)領(lǐng)域：多方案產(chǎn)出能力

多方案能力，在工作中，這個(gè)能力不必多言，幾乎不存在一稿過關(guān)。

并且從方案試錯(cuò)的角度，實(shí)踐才能出真知。但多方案試錯(cuò)最終考驗(yàn)的是需求變化的多樣性，也就是老板需求、領(lǐng)導(dǎo)需求、用戶真實(shí)需求。

不斷改稿，這幾乎是每一個(gè)設(shè)計(jì)人的必修課，一個(gè)好的設(shè)計(jì)，就是在方案演變中，不斷把三者權(quán)重平衡得更好。

比如，某個(gè)產(chǎn)品需求是：基于場景分析考慮，強(qiáng)化理財(cái)入口提示，采用的設(shè)計(jì)樣式為設(shè)計(jì)品牌IP。怎么做出多方案？

我們經(jīng)常會(huì)聽到來自不同的聲音：

• 我們希望加強(qiáng)趣味性；
• 我們要切入XX市場，希望可以強(qiáng)化商務(wù)屬性；
• 我們馬上要和XX品牌合作了，形象上能不能彼此互融呢？

來看一個(gè)我們?cè)谖浵伕拍钚蜗蟾陌嫔系乃伎迹?/p>

而多方案分析能力的基礎(chǔ)，必然是改版前的深度梳理，例如我們經(jīng)常在面試過程中，經(jīng)常被問到的問題：

改版前你主要有哪些總結(jié)？是什么促使了本次的改版？

所以良好的分析能力，要體現(xiàn)在最終的細(xì)節(jié)修改上，避免一頓分析猛如虎，設(shè)計(jì)輸出卻一塌糊涂。

此外，多方案產(chǎn)出能力還體現(xiàn)在對(duì)單一方案的多維展示上。此技能在溝通過稿、展現(xiàn)細(xì)節(jié)的時(shí)候，都是非常重要的。

那么在多方案演示上，需要設(shè)計(jì)師表現(xiàn)出來的則是：方案闡述能力 + 實(shí)時(shí)演示能力。

闡述能力，不必多言，就是言之有物，能對(duì)產(chǎn)品要求把控得當(dāng)。

那么方案演示能力呢？最好的展示形態(tài)，可能就是動(dòng)效。

多方案能力，體現(xiàn)了設(shè)計(jì)對(duì)于工作強(qiáng)度的抗壓素養(yǎng)，對(duì)于自身能力水平和腦洞，也是一種要求。設(shè)計(jì)環(huán)境下的差距，就是在壓力環(huán)境下產(chǎn)生的，別無其他。

多方案產(chǎn)出能力 = 合適的腦洞 + 方案演示 + 積極的抗壓心態(tài)。

設(shè)計(jì)執(zhí)行力

這個(gè)板塊如果理解不到位，會(huì)理解成：原型彩色化。所謂執(zhí)行，就是是否能把本職工作做好。

那么設(shè)計(jì)師，怎么做好對(duì)本職工作的執(zhí)行？主要有兩點(diǎn)：

• 對(duì)規(guī)范的理解和半創(chuàng)新能力；
• 對(duì)于細(xì)節(jié)拆分的專業(yè)視覺能力。

先來說說規(guī)范的理解，例如：文字規(guī)范。不僅僅是字號(hào)這么簡單，還有粗細(xì)對(duì)比/顏色對(duì)比/疏密對(duì)比，這些之前在規(guī)范中，是否有思考？

那么，什么又是半創(chuàng)新呢？

例如：顏色在不同版塊之間的復(fù)用關(guān)系，以及對(duì)于顏色的深度思考，比如色彩情緒。

這個(gè)界面用戶的情緒如何？色彩如何做到安撫或刺激的作用？

在規(guī)范中，我們?cè)賮砜纯唇K極的細(xì)節(jié)。

大家在項(xiàng)目中，經(jīng)常會(huì)對(duì)某個(gè)版塊潤色很多細(xì)節(jié)，但卻沒有體現(xiàn)在規(guī)范中，這也很容易讓多個(gè)設(shè)計(jì)師的產(chǎn)出很不一致。

拆解思維

拆解的思維，在UI領(lǐng)域，是重中之重。比如舉一個(gè)導(dǎo)航欄的例子，要做好導(dǎo)航欄的質(zhì)量和速度，拆解之后，對(duì)于一些經(jīng)驗(yàn)數(shù)值的把控尤其重要。

講了這么多的規(guī)范，但都是過來人，我相信大家對(duì)規(guī)范都有這么一個(gè)共同的想法：制定規(guī)范的時(shí)候，很費(fèi)勁，做出來，并沒有什么用……

但真的是這樣嗎？可能在細(xì)節(jié)沉淀上，還要再下一些功夫。

下面我們舉例一個(gè)文字流規(guī)范的理解：

從上圖大家可以看到，此規(guī)范出現(xiàn)了前后的對(duì)比。

每一份感情需要我們認(rèn)真對(duì)待，規(guī)范也是如此，用心沉淀，價(jià)值自然可以體現(xiàn)。

這也是進(jìn)步的所在，我們?cè)谠O(shè)計(jì)的進(jìn)步過程中，會(huì)踩過很多坑，那么我們?cè)诳偨Y(jié)規(guī)范的時(shí)候，何不把它總結(jié)出來？讓新入職的設(shè)計(jì)同事，花最少的時(shí)間完成融入，這也是組織文化的一部分。

細(xì)節(jié)見微與多樣化的思考能力

什么是細(xì)節(jié)見微，比如：剛提到的導(dǎo)航欄細(xì)節(jié)拆解，是最基礎(chǔ)的細(xì)節(jié)見微。那么，我們稍微進(jìn)階一下圖標(biāo)的尺寸。

對(duì)于尺寸我有2個(gè)問題：

• 多圖標(biāo)之間，如何把控好圖標(biāo)的大小；
• 如何理解圖標(biāo)的設(shè)計(jì)尺寸和導(dǎo)出尺寸。

首先，圖標(biāo)的尺寸大小把控，我們除了要依靠盲測，我們還要依靠一些工具。正所謂工欲善其事必先利其器，合理地使用工具，在設(shè)計(jì)過程中，也是很重要的。

如果圖標(biāo)切圖太小，會(huì)發(fā)生什么？

結(jié)果自然是：用戶不容易點(diǎn)擊到，從而導(dǎo)致產(chǎn)品體驗(yàn)感下降。

我們之前，經(jīng)常會(huì)使用「場景走查」和「用戶體驗(yàn)地圖」的方法，找到點(diǎn)擊感不佳的地方，從而優(yōu)化切圖，并把「空白像素補(bǔ)充」的小細(xì)節(jié)，體現(xiàn)優(yōu)化至整個(gè)設(shè)計(jì)規(guī)范中。

規(guī)范也是個(gè)需要不斷維護(hù)的內(nèi)容，這樣才能讓整個(gè)產(chǎn)品變得越來越有細(xì)節(jié)，且有據(jù)可循。

舉一反三的能力

我們剛講到了細(xì)節(jié)見微的能力，我們可以試著應(yīng)用到導(dǎo)航欄，導(dǎo)航欄的樣式有多少種？大家是否可以做到多樣化的思考？

最經(jīng)典的兩種，主要是通欄導(dǎo)航欄和非通欄導(dǎo)航欄。

那么它們的區(qū)別是什么呢？設(shè)計(jì)前是否思考過？還是僅靠美感來評(píng)審？

不能僅停留在美感層面，我們深度分析一下：導(dǎo)航欄這兩種樣式，真正的區(qū)別點(diǎn)在哪里？這里提的是：用戶感知層的區(qū)別點(diǎn)，不是視覺上的區(qū)別。

答案是：通透感和視覺重心。怎么理解呢？

看下圖分析，通欄：更加強(qiáng)調(diào)了整體的通透感，減少了屏幕分裂；而非通欄：相對(duì)于通欄，可以進(jìn)一步強(qiáng)化導(dǎo)航欄的重點(diǎn)功能，且強(qiáng)化品牌色的傳遞。

總結(jié)

總結(jié)一下設(shè)計(jì)師要具備的能力：

• 專業(yè)設(shè)計(jì)領(lǐng)域：多方案產(chǎn)出能力；
• 設(shè)計(jì)執(zhí)行力：規(guī)范的理解；
• 重點(diǎn)分析：拆解思維；
• 細(xì)節(jié)見微與多樣化的思考能力；
• 舉一反三的能力。

歡迎關(guān)注作者的微信公眾號(hào)：「EDC設(shè)計(jì)研究中心」