亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

2019 UI能力細節(jié)拆解與復盤(上)

來源:EthankDesign 發(fā)布時間:2019-03-19 14:31:27 閱讀量:1370

有些鳥兒注定是關不住的, 它的每一片羽毛都閃耀著自由的光輝
設計行業(yè)也如此,行業(yè)在變化,設計也會被更多部門、行業(yè)所認可

在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、舉一反三的能力



標簽: 設計
分享:
評論:
你還沒有登錄,請先