在2018整個(gè)一年都過得很充實(shí)，已經(jīng)很久不做復(fù)盤總結(jié)；
在私信和留言板上，還有我們的同學(xué)那里，也有很多催促更新，整理了這一篇18年總結(jié)篇，這次我們也更想做成回憶錄的形式，盡可能可以把一些過程中的彩蛋、設(shè)計(jì)中的思考，盡可能展現(xiàn)出來，而非一個(gè)單純的結(jié)果；
關(guān)于UI上的分析，近兩年變化很大，從概念型設(shè)計(jì)到分析型設(shè)計(jì)，整個(gè)行業(yè)往理性方向前進(jìn)了一步；
以下是我們的一些見解分享，作品均來自于EDC團(tuán)隊(duì)和個(gè)人作品設(shè)計(jì)產(chǎn)出；
設(shè)計(jì)要平衡好腦洞和理論，思考清楚各個(gè)職能的差異，做好自己工作的本質(zhì)，不斷加強(qiáng)自己的專業(yè)線。
1、專業(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)品需求是：
基于場(chǎng)景分析考慮，強(qiáng)化理財(cái)入口提示，采用的設(shè)計(jì)樣式為：設(shè)計(jì)品牌IP，怎么做出多方案？
我們經(jīng)常會(huì)聽到來自不同的聲音：
a. 我們希望加強(qiáng)：趣味性
b. 我們要切入XX市場(chǎng)，希望可以強(qiáng)化：商務(wù)屬性
c. 我們馬上要和XX品牌合作了，形象上能不能彼此互融呢？
來看一個(gè)我們?cè)谖浵伕拍钚蜗蟾陌嫔系乃伎迹?br/>
而多方案分析能力的基礎(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)效。
總結(jié)下，多方案能力，體現(xiàn)了設(shè)計(jì)對(duì)于工作強(qiáng)度的抗壓素養(yǎng)，對(duì)于自身能力水平和腦洞，也是一種要求。設(shè)計(jì)環(huán)境下的差距，就是在壓力環(huán)境下產(chǎn)生，別無其他；
多方案產(chǎn)出能力=合適的腦洞 + 方案演示 + 積極的抗壓心態(tài)。
2、設(shè)計(jì)執(zhí)行力
這個(gè)板塊如果理解不到位，會(huì)理解成：原型彩色化，所謂執(zhí)行，就是是否能把本職工作做好。
那么設(shè)計(jì)師，怎么做好對(duì)本職工作的執(zhí)行？主要有兩點(diǎn)：
a、對(duì)規(guī)范的理解和半創(chuàng)新能力
b、對(duì)于細(xì)節(jié)拆分的專業(yè)視覺能力
先來說下：規(guī)范的理解，例如：文字規(guī)范；
不僅僅字號(hào)這么簡(jiǎn)單，還有：粗細(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)出很不一致。
3、拆解思維
拆解的思維，在UI領(lǐng)域，是重中之重，比如舉一個(gè)導(dǎo)航欄的例子；
要做好導(dǎo)航欄的質(zhì)量+速度，拆解之后，對(duì)于一些經(jīng)驗(yàn)數(shù)值的把控尤其重要。
講了這么多的規(guī)范，但都是過來人，我相信大家對(duì)規(guī)范都有這么一個(gè)共同的認(rèn)知：
制定規(guī)范的時(shí)候，很費(fèi)勁，做出來，并沒有什么X用……
但真的是這樣嗎？可能在細(xì)節(jié)沉淀上，還要再下一些功夫，下面我們舉例一個(gè)：文字流規(guī)范理解；
每一份感情需要我們認(rèn)真對(duì)待，規(guī)范也是如此，用心沉淀，價(jià)值自然可以體現(xiàn)。
從上圖大家可以看到，此規(guī)范出現(xiàn)了：前后的對(duì)比；
這也是進(jìn)步的所在，我們?cè)谠O(shè)計(jì)的進(jìn)步過程中，會(huì)踩過很多坑，那么我們?cè)诳偨Y(jié)規(guī)范的時(shí)候，何不把它總結(jié)出來？讓新入職的設(shè)計(jì)同事，花最少的時(shí)間完成融入，這也是組織文化的一部分。
4、細(xì)節(jié)見微 與 多樣化的思考能力
什么是細(xì)節(jié)見微，比如：剛提到的導(dǎo)航欄細(xì)節(jié)拆解，是最基礎(chǔ)的細(xì)節(jié)見微；
那么，我們稍微進(jìn)階下：圖標(biāo)的尺寸。
對(duì)于尺寸我有2個(gè)問題：
1、多圖標(biāo)之間，如何把控好圖標(biāo)的大小
2、如何理解圖標(biāo)的設(shè)計(jì)尺寸和導(dǎo)出尺寸
首先，圖標(biāo)的尺寸大小把控，我們除了要依靠盲測(cè)，我們還要依靠一些工具；
正所謂：工欲善其事必先利其器，合理地使用工具，在設(shè)計(jì)過程中，也是很重要。
如果圖標(biāo)切圖太小，會(huì)發(fā)生什么？
結(jié)果自然是：用戶不容易點(diǎn)擊到，從而導(dǎo)致產(chǎn)品體驗(yàn)感下降。
我們之前，經(jīng)常會(huì)使用【場(chǎng)景走查】和【用戶體驗(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é)，且有過程可循！
5、舉一反三的能力
我們剛講到了：細(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ū)別點(diǎn)。
答案是：通透感 和 視覺重心，怎么理解呢？看下圖：
通欄：更加強(qiáng)調(diào)了整體的通透感，減少了屏幕分裂；
而非通欄：相對(duì)于通欄，可以進(jìn)一步強(qiáng)化導(dǎo)航欄的重點(diǎn)功能，且強(qiáng)化品牌色的傳遞。
好的，今天先講到這里，后續(xù)內(nèi)容，我們會(huì)通過下篇，繼續(xù)給大家來解讀，避免一次性講太多，造成大家思緒混亂，那么我們講了哪些內(nèi)容呢？
1、專業(yè)設(shè)計(jì)領(lǐng)域：多方案產(chǎn)出能力
2、設(shè)計(jì)執(zhí)行力：規(guī)范的理解
3、重點(diǎn)分析：拆解思維
4、細(xì)節(jié)見微 與 多樣化的思考能力
5、舉一反三的能力
13450931319
微信登錄
QQ登錄
微博登錄
售前咨詢
