也許你已經(jīng)感受到了,想要成為一名稱職的UI設(shè)計(jì)師的門檻越來越高了。和幾年比起來,UI界面中所承載的元素和風(fēng)格已經(jīng)非常多樣了,而各種方便的工具讓設(shè)計(jì)的門檻降低的同時(shí),也讓這些便捷的工具和多樣的設(shè)計(jì)設(shè)計(jì)需求,都轉(zhuǎn)變成為UI設(shè)計(jì)師專業(yè)性的「成本」了。
進(jìn)入2019年,想修煉成為一名稱職的UI設(shè)計(jì)師,你需要掌握的知識(shí)和技能有哪些呢?今天的文章,我們從需求端重新梳理一下。
身為UI設(shè)計(jì)師,自然是要掌握UI界面本身的設(shè)計(jì)。
UI界面的設(shè)計(jì)是一個(gè)綜合能力,是統(tǒng)合各種UI元素、交互、動(dòng)效、視覺的一項(xiàng)全面的能力,在很多時(shí)候甚至不止是移動(dòng)端的UI,還包括網(wǎng)頁的設(shè)計(jì)。
延伸文章推薦:
《這些UI和UX趨勢(shì),在2019年最值得關(guān)注》
移動(dòng)端設(shè)計(jì)無疑是如今的主流。但是,即便是如今主流的iOS 和 Android 兩大平臺(tái)的設(shè)計(jì)規(guī)范,都已經(jīng)非常的完善且極端的細(xì)致了。一套需要兼容目前主流 iOS 設(shè)備的 UI 界面需要設(shè)計(jì)熟知相關(guān)的尺寸和交互的標(biāo)注,而在更加復(fù)雜多變的 Android 平臺(tái)上,設(shè)計(jì)師則更加需要在美觀和兼容之間游刃有余地出入,找到平衡點(diǎn)。
與此同時(shí),新興的平臺(tái)諸如智能手表、智能家居的界面同樣也在 UI 設(shè)計(jì)師的工作范圍之內(nèi)。更重要的是,平臺(tái)設(shè)計(jì)規(guī)范每年還會(huì)進(jìn)行相當(dāng)程度的更新。
延伸文章推薦:
《超全面!2018 蘋果最新規(guī)范及適配整理》
《寫給新手的交互規(guī)范入門科普》
視覺統(tǒng)一是最基本的設(shè)計(jì)原則,極少數(shù)諸如粗野主義設(shè)計(jì)風(fēng)格之下會(huì)需要混搭來創(chuàng)造錯(cuò)位感,幾乎所有的設(shè)計(jì)風(fēng)格之下,設(shè)計(jì)師都要盡量確保統(tǒng)一的視覺。
風(fēng)格化的 UI 設(shè)計(jì)需要設(shè)計(jì)師掌控不同設(shè)計(jì)風(fēng)格的主要特征,能夠在多變的需求之下,將不同的元素、內(nèi)容,靈活地統(tǒng)一到一個(gè)配色方案、一個(gè)風(fēng)格之下。
無論是相對(duì)傳統(tǒng)的擬物化、像素風(fēng),扁平風(fēng),還是當(dāng)下流行的蒸汽波、剪紙風(fēng)、等軸測(cè),都需要設(shè)計(jì)師熟練掌握相關(guān)的風(fēng)格特征,以及將其他元素視覺化地轉(zhuǎn)化過來的能力。
延伸文章推薦:
《如何找到客戶喜歡的視覺風(fēng)格?來看高手的方法!》
《關(guān)于極簡(jiǎn)主義設(shè)計(jì),這篇文章幫你安排得明明白白》
《用一個(gè)圖形,幫你學(xué)會(huì)6個(gè)最流行的設(shè)計(jì)風(fēng)格》
雖然 UI 設(shè)計(jì)師并不一定要做到交互設(shè)計(jì)師的那個(gè)程度,但是如今的 UI 設(shè)計(jì)師不能僅僅局限于單個(gè)或者不連續(xù)的界面當(dāng)中,界面和界面之間如何轉(zhuǎn)化,如何切換,如何觸發(fā),都是如今 UI 設(shè)計(jì)師需要搞清楚的事情。只有清楚交互邏輯,明白何時(shí)給予用戶以合理的視覺反饋,才不會(huì)輸出視覺愉悅但是交互割裂的UI。通常,我們所說的微交互也是UI 設(shè)計(jì)師需要考慮和實(shí)現(xiàn)的內(nèi)容。而這也延伸出 UI 設(shè)計(jì)師的下一個(gè)能力。
延伸文章推薦:
《價(jià)值2000+的交互學(xué)習(xí)筆記:設(shè)計(jì)分析方法和流程全面總結(jié)》
給予用戶即時(shí)反饋的微交互大多需要借助動(dòng)效來實(shí)現(xiàn),除此以外,界面交互的視覺效果,不同界面的轉(zhuǎn)場(chǎng)連接,控件的變化,甚至動(dòng)態(tài)插畫,如今也需要借助動(dòng)畫和動(dòng)效來呈現(xiàn)。雖然大多并不會(huì)太復(fù)雜,但是動(dòng)效已經(jīng)成為如今UI設(shè)計(jì)師的基本要求了。與此同時(shí),懂交互和動(dòng)效和不懂交互與動(dòng)效,已經(jīng)成為UI設(shè)計(jì)師之間的分水嶺。
延伸文章推薦:
《高手都在用!9個(gè)實(shí)用小技巧提升你的動(dòng)效設(shè)計(jì)功力》
雖然不同的軟件都能夠?qū)崿F(xiàn)相似的效果,就像 PPT 或者 Keynote 高手一樣能設(shè)計(jì)出足夠優(yōu)秀的 UI 界面一樣,但是在實(shí)際的產(chǎn)品團(tuán)隊(duì)中,UI設(shè)計(jì)師需要和上下游進(jìn)行對(duì)接,通常需要借助特定的軟件來輸出不同格式的素材,滿足不同的設(shè)計(jì)和開發(fā)的要求。而實(shí)際上,現(xiàn)在的 UI 設(shè)計(jì)師通常需要掌握 PS、AI、AE、Sketch、XD 等不同的軟件,才足夠日常的使用。
延伸文章推薦:
對(duì)于 UI 設(shè)計(jì)師而言,UI插畫可能是最近2年來提得最多的一個(gè)技能點(diǎn)。相比于借助素材,UI 設(shè)計(jì)師自制的插畫會(huì)更加貼合當(dāng)下的趨勢(shì),這篇文章《10個(gè)理由告訴你,為什么插畫在UI設(shè)計(jì)中這么火》就很詳細(xì)地闡述了為什么UI插畫是當(dāng)下的流行趨勢(shì)。優(yōu)秀的 UI 插畫能夠讓 UI 界面更加貼合需求,更到一致的氛圍,更個(gè)性化的呈現(xiàn)。
延伸文章推薦:
《用這2個(gè)方法,讓你迅速掌握不同的插畫風(fēng)格》
UI 設(shè)計(jì)師是不是只是做做UI界面?當(dāng)然不,一個(gè)掌握了如此之多技能和工具的UI設(shè)計(jì)師,可以充分運(yùn)用手頭的工具和設(shè)計(jì)能力,創(chuàng)造更多類別,更加豐富的設(shè)計(jì)。適用廣泛的海報(bào),多樣的折頁,甚至聊天的表情包,這些超出 UI 設(shè)計(jì)師工作范圍的設(shè)計(jì)內(nèi)容,不僅能幫你探索更廣泛的設(shè)計(jì)領(lǐng)域,有的時(shí)候還會(huì)給你在收益上帶來意外之喜。
在一切都在快速變化的年代,變化才是唯一不變的事情。應(yīng)對(duì)變化,唯有保持擁抱新知的進(jìn)取心和不懈的學(xué)習(xí)能力,能讓你在這個(gè)快速變化的世界里,利于不敗之地。
資源素材,無一可恃,而可恃者唯我。變化萬千的設(shè)計(jì)項(xiàng)目當(dāng)中,沒有什么問題,是靠不斷的進(jìn)步和學(xué)習(xí)搞不定的。學(xué)到手的知識(shí)才屬于你。
無論是自己學(xué)習(xí)還是選擇一門適合自己的課程,都是對(duì)自己最好的饋贈(zèng)。