UI交互設(shè)計越來越火,近幾年大家都非常重視這個領(lǐng)域,成果也非常棒(爹媽們幾乎不玩電腦且聲稱討厭電子產(chǎn)品,但自從有了ipad之后...)。將來我們需要更多的交互設(shè)計師,因為我們有了越來越多的設(shè)備,越來越多大大小小的屏幕,成為一個交互設(shè)計師,你將會有直接的改變?nèi)藗兒驮O(shè)備之間進行交互的機會。

UI/UE設(shè)計就業(yè)班

階段一:UI設(shè)計原理培訓(xùn)

學(xué)習(xí)美術(shù)觀察能力,了解光和影的概念,及構(gòu)圖、比例、虛實、明暗等關(guān)系,提高賞的藝術(shù)素養(yǎng)和審美能力

學(xué)習(xí)形式美法則,提高其藝術(shù)處理能力,增強平面作品裝飾性;培養(yǎng)學(xué)生的色彩感知能力,使其構(gòu)成元素的角色及材質(zhì)與創(chuàng)意相符合,包裝結(jié)構(gòu)、包裝容器科學(xué)合理。

階段二:軟件基礎(chǔ)技能:

學(xué)習(xí)Photoshop、Illustrator平面設(shè)計軟件操作、能熟練使用平面軟件設(shè)計創(chuàng)意作品。

階段三:UI設(shè)計培訓(xùn)

設(shè)計入門:

行業(yè)基本概念的了解,交互式軟件(XMind或Axure)的認識與學(xué)習(xí)。界面中色彩及搭配,圖標(biāo)質(zhì)感的表現(xiàn),圖標(biāo)的規(guī)范及應(yīng)用

設(shè)計提高:

iOS與Android的特點及規(guī)范,控件案例及(APP)界面設(shè)計。交互設(shè)計基礎(chǔ)及設(shè)計流程,產(chǎn)品分析方法及用戶體驗交互設(shè)計案例介紹。

階段四:UED交互設(shè)計:

UED案例綜合分析與探討:用戶體驗、交互設(shè)計、視覺設(shè)計、用戶研究等概念闡述,以及體驗設(shè)計的商業(yè)價值和行業(yè)現(xiàn)狀。剖析從研究、設(shè)計到驗證的體驗設(shè)計全流程,了解相關(guān)的角色及合作方式,學(xué)習(xí)常用的研究設(shè)計方法。

UI設(shè)計師必備的那些能力

1.排版規(guī)范

從平面轉(zhuǎn)行過來的UI設(shè)計師,附帶一定的排版能力,好比創(chuàng)建角色的時候,系統(tǒng)默認給你的技能屬性,比起其他的UI設(shè)計師,是有著一定的優(yōu)勢,當(dāng)然,只是剛開始的階段,設(shè)計是一條漫長的道路,能力都可以靠自己后期訓(xùn)練出來。

排版的能力,可以說是UI設(shè)計師基礎(chǔ),也是重要的一個能力,移動終端涉及到的所有界面,都是需要排版。排版四原則"親密性、對齊、對比、重復(fù)",必須靈活應(yīng)用。

2.色彩的搭配

一個合格的UI設(shè)計師,必須擁有良好的色彩搭配能力。要多研究好的配色,也需要知道一定的理論知識,什么互補色、對比色、色相、飽和度等各種參數(shù)調(diào)節(jié)也必須得都知道,你要是一直處于紅配綠的水平,那玩完了。要把顏色研究的,確實很難的,要不停的試錯,還要抓住流行。就算做了十年設(shè)計的大佬,也還需要一直研究顏色。顏色給人的感覺是直觀的,顏色用的好不好,也直接反應(yīng)了UI設(shè)計師的專業(yè)程度。

為什么有些設(shè)計師搭配出來的顏色就看的很舒服,也能通過顏色給一個產(chǎn)品定性,比如"微信綠"、"網(wǎng)易紅"、"美團黃",都是一些深入人心的顏色。而有些設(shè)計師搭配出來的顏色,就不通透,顯得有點臟,有想過其中的問題么?不太會色彩搭配的設(shè)計師,建議選一些自己喜歡的插畫、界面等,研究其中色彩,一定要具體到色值,多一點研究,自然能總結(jié)出自己的一個配色方法。

3.圖標(biāo)設(shè)計

只有文字排版,沒有圖標(biāo)的界面,顯得很蒼白,就好像家里裝修,除了油漆、地板、瓷磚等常規(guī)的硬裝,沒有任何燈具、窗簾、沙發(fā)等軟裝。就像微信這么簡約的產(chǎn)品,也是需要圖標(biāo)支撐的,不然就是一個不完整的產(chǎn)品。App界面不像書籍,只需要文字就行?？磿浅两降?不需要過多的附加元素干擾,而界面,是為了能快速讓用戶知道該功能的作用,此時圖標(biāo)就發(fā)揮作用了。

圖標(biāo)的形式有線性、面性、斷點等,圖標(biāo)的風(fēng)格有扁平、擬物、2.5D等,圖標(biāo)的使用還是要根據(jù)產(chǎn)品的調(diào)性和使用場景定義。比如現(xiàn)在很流行的暗黑模式,面性的圖標(biāo)更能適合使用場景。

4.動效

動效是UI設(shè)計師的加分項,一些基礎(chǔ)的動效需要掌握,不然在如今的局面,太沒競爭力了,移動互聯(lián)網(wǎng)的紅利期已經(jīng)過去了,現(xiàn)在公司對UI設(shè)計師的招聘要求也越來越高了,技多不壓身,有精力的可以學(xué)一下。大多App中必要的動效也就加載動效和刷新動效了,其他的動效我感覺都可有可無,只能說其他的動效是對產(chǎn)品的優(yōu)化,在產(chǎn)品體驗上會更有趣。某些場景,動效的觸發(fā)也會給用戶帶來一點驚喜,也會提高一些點擊率、轉(zhuǎn)化率。典型的比如要做一個活動,在app的首頁,就會彈出動效的浮層,吸引用戶去點擊。

5.插畫

在app中,經(jīng)常會被提到情感化設(shè)計,在空白頁、異常頁會應(yīng)用的比較多,其中插畫就立了很大功勞,通過一些有趣的場景畫抵消產(chǎn)品給用戶帶來的失落情緒。要是插畫中有品牌形象的融入,也增加了產(chǎn)品的品牌感。作為UI設(shè)計師,插畫的能力雖然比不過專業(yè)的插畫師,但是一些基本能力需要掌握,比如構(gòu)建場景、場景具象化、提煉品牌元素等。至于技法,能懂一兩個方便有效的就行(PS:想深入研究插畫的除外)。

6.制定與規(guī)范

制定規(guī)范是UI設(shè)計師很重要的一項工作,我們設(shè)計概念稿可以天馬行空,無關(guān)具體規(guī)范,但是在項目中,我們就必須制定規(guī)范,因為我們的設(shè)計是需要落地的,而不只是欣賞。

規(guī)范包括文字規(guī)范、顏色規(guī)范、狀態(tài)規(guī)范、卡片規(guī)范、異常規(guī)范、圖標(biāo)規(guī)范、動效規(guī)范、切圖命名規(guī)范等,可以說所有的設(shè)計輸出,都需要我們制定規(guī)范。這里簡單闡述一下各種規(guī)范。

文字規(guī)范:字體、字重、字號、字色、行間距、字間距、段間距。

顏色規(guī)范:主色調(diào)、副色調(diào)、顏色使用場景。

卡片規(guī)范:比例、圓角、不同卡片使用場景。

異常規(guī)范:單行文字限制字數(shù)、文字多顯示行數(shù)、網(wǎng)絡(luò)異常、加載失敗

圖標(biāo)規(guī)范:主要是指可點擊的圖標(biāo)不能小于小可點擊尺寸

動效規(guī)范:動效參數(shù),什么貝塞爾曲線、時間、位移等等

切圖命名規(guī)范:需要和開發(fā)代碼庫里的切圖命名一一對應(yīng)

制定規(guī)范是為了項目更好的進行,也方便*之間的溝通。我在制規(guī)范的過程中,會反問自己,"我這樣制定規(guī)范合不合理"?這時候我就會跑去問開發(fā),他們是怎樣實現(xiàn)我們的設(shè)計稿的,你會發(fā)現(xiàn),你制定的某些規(guī)范,可能開發(fā)看都不看。小朋友,你是否有很多問號?這里建議制定某些規(guī)范的時候,好還是和開發(fā)溝通一下,看看開發(fā)到底是怎么樣實現(xiàn)的,我們制定的規(guī)范是給他們用的,是為他們服務(wù)的,所以不要沉浸在自己的思維里。