在2018整個一年都過得很充實，已經(jīng)很久不做復盤總結(jié)；
在私信和留言板上，還有我們的同學那里，也有很多催促更新，整理了這一篇18年總結(jié)篇，這次我們也更想做成回憶錄的形式，盡可能可以把一些過程中的彩蛋、設(shè)計中的思考，盡可能展現(xiàn)出來，而非一個單純的結(jié)果；
關(guān)于UI上的分析，近兩年變化很大，從概念型設(shè)計到分析型設(shè)計，整個行業(yè)往理性方向前進了一步；
以下是我們的一些見解分享，作品均來自于EDC團隊和個人作品設(shè)計產(chǎn)出；
設(shè)計要平衡好腦洞和理論，思考清楚各個職能的差異，做好自己工作的本質(zhì)，不斷加強自己的專業(yè)線。
1、專業(yè)設(shè)計領(lǐng)域：多方案產(chǎn)出能力
多方案能力，在工作中，這個能力不必多言，幾乎不存在一稿過關(guān)。
并且從方案試錯的角度，實踐才能出真知，但多方案試錯間，最終考驗的是：需求變化的多樣性，也就是：老板需求、領(lǐng)導需求、用戶真實需求。
不斷改稿，這幾乎是每一個設(shè)計人的必修課，一個好的設(shè)計，就是在方案演變中，不斷把三者權(quán)重平衡得更好。
比如，某個產(chǎn)品需求是：
基于場景分析考慮，強化理財入口提示，采用的設(shè)計樣式為：設(shè)計品牌IP，怎么做出多方案？
我們經(jīng)常會聽到來自不同的聲音：
a. 我們希望加強：趣味性
b. 我們要切入XX市場，希望可以強化：商務(wù)屬性
c. 我們馬上要和XX品牌合作了，形象上能不能彼此互融呢？
來看一個我們在螞蟻概念形象改版上的思考：
而多方案分析能力的基礎(chǔ)，必然是改版前的深度梳理，例如我們經(jīng)常在面試過程中，經(jīng)常被問到的問題：
改版前你主要有哪些總結(jié)？是什么促使了本次的改版？
所以良好的分析能力，要體現(xiàn)在最終的細節(jié)修改上，避免一頓分析猛如虎，設(shè)計輸出卻…
此外，多方案產(chǎn)出能力還體現(xiàn)在：對單一方案的多維展示上;
此技能在溝通過稿、展現(xiàn)細節(jié)的時候，都是非常重要的技能。
那么在多方案演示上，需要設(shè)計師表現(xiàn)出來的則是：方案闡述能力 + 實時演示能力
闡述能力，不必多言，就是言之有物，能對產(chǎn)品要求把控得當。
那么方案演示能力呢？最好的展示形態(tài)，可能就是動效。
總結(jié)下，多方案能力，體現(xiàn)了設(shè)計對于工作強度的抗壓素養(yǎng)，對于自身能力水平和腦洞，也是一種要求。設(shè)計環(huán)境下的差距，就是在壓力環(huán)境下產(chǎn)生，別無其他；
多方案產(chǎn)出能力=合適的腦洞 + 方案演示 + 積極的抗壓心態(tài)。
2、設(shè)計執(zhí)行力
這個板塊如果理解不到位，會理解成：原型彩色化，所謂執(zhí)行，就是是否能把本職工作做好。
那么設(shè)計師，怎么做好對本職工作的執(zhí)行？主要有兩點：
a、對規(guī)范的理解和半創(chuàng)新能力
b、對于細節(jié)拆分的專業(yè)視覺能力
先來說下：規(guī)范的理解，例如：文字規(guī)范；
不僅僅字號這么簡單，還有：粗細對比／顏色對比／疏密對比，這些之前在規(guī)范中，是否有思考？
那么，什么又是半創(chuàng)新呢？
例如：顏色在不同版塊之間的復用關(guān)系，以及對于顏色的深度思考，比如色彩情緒。
這個界面用戶的情緒如何？色彩如何做到安撫或刺激的作用？
在規(guī)范中，我們再來看看終極的細節(jié)；
大家在項目中，經(jīng)常會對某個版塊潤色很多細節(jié)，但卻沒有體現(xiàn)在規(guī)范中，這也很容易讓多個設(shè)計師的產(chǎn)出很不一致。
3、拆解思維
拆解的思維，在UI領(lǐng)域，是重中之重，比如舉一個導航欄的例子；
要做好導航欄的質(zhì)量+速度，拆解之后，對于一些經(jīng)驗數(shù)值的把控尤其重要。
講了這么多的規(guī)范，但都是過來人，我相信大家對規(guī)范都有這么一個共同的認知：
制定規(guī)范的時候，很費勁，做出來，并沒有什么X用……
但真的是這樣嗎？可能在細節(jié)沉淀上，還要再下一些功夫，下面我們舉例一個：文字流規(guī)范理解；
每一份感情需要我們認真對待，規(guī)范也是如此，用心沉淀，價值自然可以體現(xiàn)。
從上圖大家可以看到，此規(guī)范出現(xiàn)了：前后的對比；
這也是進步的所在，我們在設(shè)計的進步過程中，會踩過很多坑，那么我們在總結(jié)規(guī)范的時候，何不把它總結(jié)出來？讓新入職的設(shè)計同事，花最少的時間完成融入，這也是組織文化的一部分。
4、細節(jié)見微 與 多樣化的思考能力
什么是細節(jié)見微，比如：剛提到的導航欄細節(jié)拆解，是最基礎(chǔ)的細節(jié)見微；
那么，我們稍微進階下：圖標的尺寸。
對于尺寸我有2個問題：
1、多圖標之間，如何把控好圖標的大小
2、如何理解圖標的設(shè)計尺寸和導出尺寸
首先，圖標的尺寸大小把控，我們除了要依靠盲測，我們還要依靠一些工具；
正所謂：工欲善其事必先利其器，合理地使用工具，在設(shè)計過程中，也是很重要。
如果圖標切圖太小，會發(fā)生什么？
結(jié)果自然是：用戶不容易點擊到，從而導致產(chǎn)品體驗感下降。
我們之前，經(jīng)常會使用【場景走查】和【用戶體驗地圖】的方法，找到點擊感不佳的地方，從而優(yōu)化切圖，并把【空白像素補充】的小細節(jié)，體現(xiàn)優(yōu)化至整個設(shè)計規(guī)范中。
規(guī)范也是個需要不斷維護的內(nèi)容，這樣才能讓整個產(chǎn)品變得越來越細節(jié)，且有過程可循！
5、舉一反三的能力
我們剛講到了：細節(jié)見微的能力；
我們可以試著應用到：導航欄，導航欄的樣式有多少種？大家是否可以做到多樣化的思考？
最經(jīng)典的兩種，主要是：通欄導航欄 + 非通欄導航欄；
那么它們的區(qū)別是什么呢？設(shè)計前是否思考過？還是僅靠美感來評審？
不僅僅停留在美感層面，我們深度分析一下：導航欄這兩種樣式，真正的區(qū)別點在哪里？
這里提的是：用戶感知層的區(qū)別點，不是視覺上的區(qū)別點。
答案是：通透感 和 視覺重心，怎么理解呢？看下圖：
通欄：更加強調(diào)了整體的通透感，減少了屏幕分裂；
而非通欄：相對于通欄，可以進一步強化導航欄的重點功能，且強化品牌色的傳遞。
好的，今天先講到這里，后續(xù)內(nèi)容，我們會通過下篇，繼續(xù)給大家來解讀，避免一次性講太多，造成大家思緒混亂，那么我們講了哪些內(nèi)容呢？
1、專業(yè)設(shè)計領(lǐng)域：多方案產(chǎn)出能力
2、設(shè)計執(zhí)行力：規(guī)范的理解
3、重點分析：拆解思維
4、細節(jié)見微 與 多樣化的思考能力
5、舉一反三的能力
13450931319
微信登錄
QQ登錄
微博登錄
售前咨詢
