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