到底什么是ui設(shè)計(jì)?
來源:
奇酷教育 發(fā)表于:
到底什么是ui設(shè)計(jì)?
一、什么是ui設(shè)計(jì)
ui設(shè)計(jì)英文叫User Interface翻譯成中文意思就是(用戶界面)。ui設(shè)計(jì)是指對(duì)軟件的人機(jī)交互,操作邏輯,界面美觀的整體設(shè)計(jì)。
說到界面設(shè)計(jì),非常好理解,因?yàn)樗臀覀兊纳钕⑾⑾嚓P(guān),我們手機(jī)里面的APP軟件,QQ和微信的界面圖標(biāo)設(shè)計(jì)都屬于ui設(shè)計(jì)師的工作內(nèi)容。
UI設(shè)計(jì)職責(zé)不僅是美觀性,除了需要作圖,還需具備產(chǎn)品、測(cè)試、運(yùn)營(yíng)、服務(wù)等方面的一些知識(shí);UI設(shè)計(jì)師的角色不僅是執(zhí)行者,還要參與產(chǎn)品的設(shè)計(jì)、開發(fā)、測(cè)試、運(yùn)營(yíng)等一系列環(huán)節(jié),整合、貫穿、統(tǒng)籌各環(huán)節(jié)。
在一定互聯(lián)網(wǎng)時(shí)代,我們離不開各種電子產(chǎn)品,ui設(shè)計(jì)師就是負(fù)責(zé)設(shè)計(jì)這些在電子屏幕上顯示的產(chǎn)品,包括網(wǎng)頁(yè)前段、游戲設(shè)計(jì)等等。好的ui設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。
二、UI設(shè)計(jì)一般分為4種類別
分別是移動(dòng)端UI設(shè)計(jì)、PC端UI設(shè)計(jì)、游戲端UI設(shè)計(jì),以及其它端UI設(shè)計(jì)。
移動(dòng)端UI設(shè)計(jì)
移動(dòng)端UI設(shè)計(jì)就是手機(jī)平板上的APP設(shè)計(jì),比如微信聊天界面、QQ聊天界面、手機(jī)桌面,手機(jī)上看到的所有圖標(biāo)界面,點(diǎn)了后會(huì)有反應(yīng)的,我們都可以理解成移動(dòng)端UI設(shè)計(jì)。
PC端UI設(shè)計(jì)
PC端UI設(shè)計(jì)就是我們電腦上的軟件和網(wǎng)頁(yè)按鈕,比如電腦版的QQ、微信、電腦管家和網(wǎng)頁(yè)的一些按鈕圖標(biāo)等都屬于PC端UI設(shè)計(jì)。
其實(shí)移動(dòng)端UI設(shè)計(jì)和PC端UI設(shè)計(jì)是差不多的,只不過平臺(tái)不一樣。PC端的載體是電腦,移動(dòng)端的載體是手機(jī)。
游戲UI設(shè)計(jì)
那么什么是游戲端UI設(shè)計(jì)?比如王者榮耀、英雄聯(lián)盟和其它游戲中的登錄界面等,都是屬于游戲端UI設(shè)計(jì)。
游戲UI對(duì)美術(shù)基礎(chǔ)要求也比較高,這就是類似游戲的界面,這里面的按鈕就是游戲UI設(shè)計(jì)師用手繪板畫出來的。
其它UI設(shè)計(jì)
最后一種就是其它端UI設(shè)計(jì),像
VR界面、AR界面、銀行取款機(jī)界面等,這些都屬于其它端UI設(shè)計(jì),其它端UI設(shè)計(jì)用戶較少,但不可缺少。
三、UI設(shè)計(jì)師需要具備的硬技能
硬技能主要指設(shè)計(jì)師技術(shù)方面的能力,比如設(shè)計(jì)軟件、設(shè)計(jì)方法等,那硬技能這里分成基礎(chǔ)技能和輔助技能兩個(gè)方面。
1、基礎(chǔ)硬技能
基礎(chǔ)硬技能是成為一個(gè)入門設(shè)計(jì)師的必備能力,包括以下兩個(gè)方面:
基礎(chǔ)設(shè)計(jì)軟件:Figma、Sketch、Adobe Xd、Photoshop、illustrator
Figma、Sketch、Adobe Xd或類似的軟件,這些后起之秀的軟件專用于UI設(shè)計(jì),所以它們的功能大致相同,學(xué)會(huì)其中一款軟件即可,個(gè)人推薦 Figma,該款軟件目前是相對(duì)最好用的一款UI設(shè)計(jì)軟件。此外,Photoshop 是處理位圖的一款傳統(tǒng)設(shè)計(jì)軟件,功能十分強(qiáng)大,設(shè)計(jì)師必學(xué)的一款軟件,而 illustrator 是一款矢量設(shè)計(jì)軟件,適用于畫圖標(biāo)、插畫、VI等,PS 和 AI 這兩款軟件搭配基本能做出想要的設(shè)計(jì),所以即使你只會(huì)這兩款軟件也是可以坐在電腦前開始設(shè)計(jì)工作了,倘若能夠精通二者之一并能創(chuàng)作優(yōu)秀作品,你的身價(jià)也不會(huì)低。
基礎(chǔ)設(shè)計(jì)理論:平面構(gòu)成、色彩構(gòu)成、版式設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、設(shè)計(jì)心理學(xué)、美術(shù)繪畫、設(shè)計(jì)規(guī)范等,這些設(shè)計(jì)理論不一定要精通,至少要了解一下常用的基礎(chǔ)知識(shí),這樣才能在設(shè)計(jì)工作中找到理論支撐,不然很難設(shè)計(jì)出一個(gè)基本能用的界面。
總之,會(huì)以上幾款設(shè)計(jì)軟件,還具備一些基本的設(shè)計(jì)理論,就可以入門UI設(shè)計(jì)了。
2、進(jìn)階硬技能
進(jìn)階硬技能主要是學(xué)習(xí)更多的設(shè)計(jì)軟件,以及拓展其他設(shè)計(jì)相關(guān)的知識(shí),最終能上升為全棧設(shè)計(jì)師這樣綜合性的設(shè)計(jì)人才。
進(jìn)階設(shè)計(jì)軟件:Axure、After Effects、Premiere、C4D、Blender、CorelDRAW 等
Axure 是一款傳統(tǒng)的原型設(shè)計(jì)軟件,功能比較強(qiáng)大,目前應(yīng)該還有很多人在用,那目前國(guó)內(nèi)用的多的原型設(shè)計(jì)軟件還有藍(lán)湖、即時(shí)設(shè)計(jì)、摹客、墨刀這些在線協(xié)作軟件,既能做UI設(shè)計(jì)也能做原型設(shè)計(jì),那其實(shí)之前提到的 Figma、Sketch 也是可以做原型設(shè)計(jì)的,那UI設(shè)計(jì)師對(duì)線框圖和原型的繪制相當(dāng)于設(shè)計(jì)之前的草圖構(gòu)思,這個(gè)是十分有必要的。
After Effects 是一款強(qiáng)大的后期特效制作軟件,應(yīng)用到UI設(shè)計(jì)中其實(shí)是大材小用,不過我們確實(shí)是可以利用 AE 制作出一些實(shí)際動(dòng)效應(yīng)用到我們的 App 中,所以還是有必要學(xué)會(huì)這款軟件的基本操作以及制作簡(jiǎn)單的動(dòng)畫。
Premiere 是一款非線性視頻編輯軟件,上手難度并不大,那為什么UI設(shè)計(jì)師需要學(xué)習(xí)視頻編輯軟件,如果在以前還真不能明確告訴你答案,但是短視頻發(fā)展火爆的今天,視頻內(nèi)容比文字內(nèi)容更加吸引人,所以學(xué)會(huì)這個(gè)也是十分有必要的,比如制作設(shè)計(jì)作品視頻,剪輯短視頻放到自媒體平臺(tái),或者給公司制作產(chǎn)品宣傳視頻、年會(huì)視頻等等。那除了 Premiere 這款剪輯軟件,我們還可以選擇其他一些輕量化的剪輯軟件,如會(huì)聲會(huì)影、剪映、愛剪輯等。
C4D、Blender 是兩款新興的三維制作軟件,二者各有優(yōu)勢(shì),可能學(xué) C4D 的人會(huì)多一點(diǎn),那傳統(tǒng)的三維制作軟件還有 3ds Max 和 Maya,對(duì)于UI設(shè)計(jì)師來講這些三維制作軟件也是大材小用,不過隨著硬件和軟件技術(shù)的發(fā)展,網(wǎng)頁(yè)以及手機(jī) App 對(duì) 3d 支持的會(huì)越來越好,所以UI設(shè)計(jì)師為了跟隨設(shè)計(jì)發(fā)展潮流,提升設(shè)計(jì)綜合能力,還是很有必要去學(xué)習(xí) C4D、Blender 這樣的三維設(shè)計(jì)軟件。
CorelDRAW 是一款矢量圖平面設(shè)計(jì)軟件,發(fā)展歷史也很長(zhǎng),是平面設(shè)計(jì)師必學(xué)軟件,和 illustrator 比起來操作性相對(duì)差一點(diǎn),但在排版上比 AI 好用,還有一個(gè)很明顯的優(yōu)點(diǎn)就是在設(shè)計(jì)大型文件的時(shí)候不會(huì)很卡。
綜合性能力:包括產(chǎn)品設(shè)計(jì)、用戶體驗(yàn)、交互設(shè)計(jì)、前端開發(fā)技術(shù)、信息架構(gòu)等
產(chǎn)品設(shè)計(jì)包含很多方面的知識(shí),其中幾個(gè)比較關(guān)鍵的比如業(yè)務(wù)分析、市場(chǎng)調(diào)研、用戶研究、商業(yè)運(yùn)營(yíng)、數(shù)據(jù)分析,那這些方面也會(huì)影響UI設(shè)計(jì)師的決策,所以這些相關(guān)的產(chǎn)品設(shè)計(jì)思維能力也是有必要好好學(xué)習(xí)的。
用戶體驗(yàn)、交互設(shè)計(jì)相關(guān)的知識(shí)也是UI設(shè)計(jì)師必備的,那相關(guān)的理論有格式塔原理、尼爾森可用性原則、費(fèi)茨定律、席克定律、7±2法則、一致性原則、黃金分割線、奧卡姆剃刀原理、2/8法則、用戶體驗(yàn)五要素等,這些理論更多的是培養(yǎng)設(shè)計(jì)師的思維能力,但也不能完全照搬,要結(jié)合實(shí)際靈活應(yīng)用,同時(shí)也要學(xué)會(huì)總結(jié)自己的設(shè)計(jì)理論。
前端開發(fā)技術(shù)對(duì)于UI設(shè)計(jì)師來說,并不需要深入研究,只需要了解各個(gè)開發(fā)系統(tǒng)的前端UI實(shí)現(xiàn)原理,這樣避免自己的設(shè)計(jì)無法實(shí)現(xiàn)或?qū)崿F(xiàn)成本高,在開發(fā)工程師面前也能降低被動(dòng)性。
信息架構(gòu)是產(chǎn)品基礎(chǔ)架構(gòu)、功能和層次結(jié)構(gòu)的可視化表現(xiàn),需要考慮每個(gè)頁(yè)面設(shè)計(jì)元素的布局以及頁(yè)面之間的交互流程,信息架構(gòu)的目標(biāo)是組織內(nèi)容,使用戶可以輕松快速地學(xué)習(xí)、適應(yīng)和導(dǎo)航產(chǎn)品,并且降低使用難度。
四、ui設(shè)計(jì)的發(fā)展前景
隨著互聯(lián)網(wǎng)行業(yè)的飛速發(fā)展,ui設(shè)計(jì)的需求量逐年增加,薪資水平也是直線上升的。從招聘信息上統(tǒng)計(jì),我國(guó)目前ui設(shè)計(jì)的缺口很大,企業(yè)都更加意識(shí)到用戶界面的重要性,注重用設(shè)計(jì)思維來規(guī)劃產(chǎn)品形態(tài),對(duì)ui設(shè)計(jì)師的需求也在不斷加大。
ui設(shè)計(jì)是一門技術(shù),這門技術(shù)在很多行業(yè)都是可以應(yīng)用的。不僅僅是互聯(lián)網(wǎng)相關(guān)企業(yè),其他行業(yè)也需要ui設(shè)計(jì)師的加入,幫助企業(yè)解決相關(guān)問題?,F(xiàn)在有很多其他行業(yè)的工作人員,對(duì)互聯(lián)網(wǎng)行業(yè)的薪資和待遇比較認(rèn)可,想要轉(zhuǎn)行進(jìn)入互聯(lián)網(wǎng)行業(yè)。
國(guó)內(nèi)的ui設(shè)計(jì)日益發(fā)展,ui行業(yè)已成為互聯(lián)網(wǎng)行業(yè)的一個(gè)風(fēng)頭,從事ui行業(yè)不僅可以從初級(jí)ui到資深ui,更是可以做到項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、創(chuàng)業(yè)都沒問題,就業(yè)前景一片光明。