到底什麼是ui設(shè)計(jì)?
來(lái)源:
奇酷教育 發(fā)表於:
到底什麼是ui設(shè)計(jì)?
一、什麼是ui設(shè)計(jì)
ui設(shè)計(jì)英文叫User Interface翻譯成中文意思就是(用戶(hù)界面)。ui設(shè)計(jì)是指對(duì)軟體的人機(jī)互動(dòng),操作邏輯,界面美觀(guān)的整體設(shè)計(jì)。
說(shuō)到界面設(shè)計(jì),非常好理解,因為它和我們的生活息息相關(guān),我們手機(jī)裡面的APP軟體,QQ和微信的界面圖標(biāo)設(shè)計(jì)都屬於ui設(shè)計(jì)師的工作內(nèi)容。
UI設(shè)計(jì)職責(zé)不僅是美觀(guān)性,除了需要作圖,還需具備產(chǎn)品、測(cè)試、運(yùn)營(yíng)、服務(wù)等方面的一些知識;UI設(shè)計(jì)師的角色不僅是執(zhí)行者,還要參與產(chǎn)品的設(shè)計(jì)、開(kāi)發(fā)、測(cè)試、運(yùn)營(yíng)等一系列環(huán)節(jié),整合、貫穿、統(tǒng)籌各環(huán)節(jié)。

在一定網(wǎng)際網(wǎng)路時(shí)代,我們離不開(kāi)各種電子產(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種類(lèi)別
分別是移動(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ì)是差不多的,只不過(guò)平臺(tái)不一樣。PC端的載體是電腦,移動(dòng)端的載體是手機(jī)。
遊戲UI設(shè)計(jì)
那麼什麼是遊戲端UI設(shè)計(jì)?比如王者榮耀、英雄聯(lián)盟和其它遊戲中的登錄界面等,都是屬於遊戲端UI設(shè)計(jì)。
遊戲UI對(duì)美術(shù)基礎(chǔ)要求也比較高,這就是類(lèi)似遊戲的界面,這裡面的按鈕就是遊戲UI設(shè)計(jì)師用手繪板畫出來(lái)的。
其它UI設(shè)計(jì)
最後一種就是其它端UI設(shè)計(jì),像
VR界面、AR界面、銀行取款機(jī)界面等,這些都屬於其它端UI設(shè)計(jì),其它端UI設(shè)計(jì)用戶(hù)較少,但不可缺少。

三、UI設(shè)計(jì)師需要具備的硬技能
硬技能主要指設(shè)計(jì)師技術(shù)方面的能力,比如設(shè)計(jì)軟體、設(shè)計(jì)方法等,那硬技能這裡分成基礎(chǔ)技能和輔助技能兩(liǎng)個(gè)方面。
1、基礎(chǔ)硬技能
基礎(chǔ)硬技能是成為一個(gè)入門(mén)設(shè)計(jì)師的必備能力,包括以下兩(liǎng)個(gè)方面:
基礎(chǔ)設(shè)計(jì)軟體:Figma、Sketch、Adobe Xd、Photoshop、illustrator
Figma、Sketch、Adobe Xd或類(lèi)似的軟體,這些後起之秀的軟體專(zhuān)用於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 這兩(liǎng)款軟體搭配基本能做出想要的設(shè)計(jì),所以即使你只會(huì)這兩(liǎng)款軟體也是可以坐在電腦前開(kāi)始設(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è)計(jì)工作中找到理論支撐,不然很難設(shè)計(jì)出一個(gè)基本能用的界面。
總之,會(huì)以上幾款設(shè)計(jì)軟體,還具備一些基本的設(shè)計(jì)理論,就可以入門(mén)UI設(shè)計(jì)了。
2、進(jìn)階硬技能
進(jìn)階硬技能主要是學(xué)習(xí)更多的設(shè)計(jì)軟體,以及拓展其他設(shè)計(jì)相關(guān)的知識,最終能上升為全棧設(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àn )協(xié)作軟體,既能做UI設(shè)計(jì)也能做原型設(shè)計(jì),那其實(shí)之前提到的 Figma、Sketch 也是可以做原型設(shè)計(jì)的,那UI設(shè)計(jì)師對(duì)線(xiàn )框圖和原型的繪製相當(dāng)於設(shè)計(jì)之前的草圖構(gòu )思,這個(gè)是十分有必要的。
After Effects 是一款強(qiáng)大的後期特效製作軟體,應(yīng)用到UI設(shè)計(jì)中其實(shí)是大材小用,不過(guò)我們確實(shí)是可以利用 AE 製作出一些實(shí)際動(dòng)效應(yīng)用到我們的 App 中,所以還是有必要學(xué)會(huì)這款軟體的基本操作以及製作簡(jiǎn)單的動(dòng)畫。
Premiere 是一款非線(xiàn )性視頻編輯軟體,上手難度並不大,那為什麼UI設(shè)計(jì)師需要學(xué)習(xí)視頻編輯軟體,如果在以前還真不能明確告訴你答案,但是短視頻發(fā)展火爆的今天,視頻內(nèi)容比文字內(nèi)容更加吸引人,所以學(xué)會(huì)這個(gè)也是十分有必要的,比如製作設(shè)計(jì)作品視頻,剪輯短視頻放到自媒體平臺(tái),或者給公司製作產(chǎn)品宣傳視頻、年會(huì)視頻等等。那除了 Premiere 這款剪輯軟體,我們還可以選擇其他一些輕量化的剪輯軟體,如會(huì)聲會(huì)影、剪映、愛(ài)剪輯等。
C4D、Blender 是兩(liǎng)款新興的三維製作軟體,二者各有優(yōu)勢(shì),可能學(xué) C4D 的人會(huì)多一點(diǎn),那傳統(tǒng)的三維製作軟體還有 3ds Max 和 Maya,對(duì)於UI設(shè)計(jì)師來(lái)講這些三維製作軟體也是大材小用,不過(guò)隨著硬體和軟體技術(shù)的發(fā)展,網(wǎng)頁(yè)以及手機(jī) App 對(duì) 3d 支持的會(huì)越來(lái)越好,所以UI設(shè)計(jì)師為了跟隨設(shè)計(jì)發(fā)展潮流,提升設(shè)計(jì)綜合能力,還是很有必要去學(xué)習(xí) C4D、Blender 這樣的三維設(shè)計(jì)軟體。
CorelDRAW 是一款矢量圖平面設(shè)計(jì)軟體,發(fā)展歷史也很長(zhǎng),是平面設(shè)計(jì)師必學(xué)軟體,和 illustrator 比起來(lái)操作性相對(duì)差一點(diǎn),但在排版上比 AI 好用,還有一個(gè)很明顯的優(yōu)點(diǎn)就是在設(shè)計(jì)大型文件的時(shí)候不會(huì)很卡。
綜合性能力:包括產(chǎn)品設(shè)計(jì)、用戶(hù)體驗(yàn)、互動(dòng)設(shè)計(jì)、前端開(kāi)發(fā)技術(shù)、信息架構(gòu )等
產(chǎn)品設(shè)計(jì)包含很多方面的知識,其中幾個(gè)比較關(guān)鍵的比如業(yè)務(wù)分析、市場(chǎng)調(diào)研、用戶(hù)研究、商業(yè)運(yùn)營(yíng)、數(shù)據(jù)分析,那這些方面也會(huì)影響UI設(shè)計(jì)師的決策,所以這些相關(guān)的產(chǎn)品設(shè)計(jì)思維能力也是有必要好好學(xué)習(xí)的。
用戶(hù)體驗(yàn)、互動(dòng)設(shè)計(jì)相關(guān)的知識也是UI設(shè)計(jì)師必備的,那相關(guān)的理論有格式塔原理、尼爾森可用性原則、費(fèi)茨定律、席克定律、7±2法則、一致性原則、黃金分割線(xiàn )、奧卡姆剃刀原理、2/8法則、用戶(hù)體驗(yàn)五要素等,這些理論更多的是培養(yǎng)設(shè)計(jì)師的思維能力,但也不能完全照搬,要結(jié)合實(shí)際靈活應(yīng)用,同時(shí)也要學(xué)會(huì)總結(jié)自己的設(shè)計(jì)理論。
前端開(kāi)發(fā)技術(shù)對(duì)於UI設(shè)計(jì)師來(lái)說(shuō),並不需要深入研究,只需要了解各個(gè)開(kāi)發(fā)系統(tǒng)的前端UI實(shí)現(xiàn)原理,這樣避免自己的設(shè)計(jì)無(wú)法實(shí)現(xiàn)或實(shí)現(xiàn)成本高,在開(kāi)發(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)容,使用戶(hù)可以輕鬆快速地學(xué)習(xí)、適應(yīng)和導(dǎo )航產(chǎn)品,並且降低使用難度。
四、ui設(shè)計(jì)的發(fā)展前景
隨著網(wǎng)際網(wǎng)路行業(yè)的飛速發(fā)展,ui設(shè)計(jì)的需求量逐年增加,薪資水平也是直線(xiàn )上升的。從招聘信息上統(tǒng)計(jì),我國(guó)目前ui設(shè)計(jì)的缺口很大,企業(yè)都更加意識到用戶(hù)界面的重要性,注重用設(shè)計(jì)思維來(lái)規(guī)劃(huà)產(chǎn)品形態(tài),對(duì)ui設(shè)計(jì)師的需求也在不斷加大。
ui設(shè)計(jì)是一門(mén)技術(shù),這門(mén)技術(shù)在很多行業(yè)都是可以應(yīng)用的。不僅僅是網(wǎng)際網(wǎng)路相關(guān)企業(yè),其他行業(yè)也需要ui設(shè)計(jì)師的加入,幫助企業(yè)解決相關(guān)問(wèn)題。現(xiàn)在有很多其他行業(yè)的工作人員,對(duì)網(wǎng)際網(wǎng)路行業(yè)的薪資和待遇比較認(rèn)可,想要轉(zhuǎn)行進(jìn)入網(wǎng)際網(wǎng)路行業(yè)。
國(guó)內(nèi)的ui設(shè)計(jì)日益發(fā)展,ui行業(yè)已成為網(wǎng)際網(wǎng)路行業(yè)的一個(gè)風(fēng)頭,從事ui行業(yè)不僅可以從初級(jí)ui到資深ui,更是可以做到項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、創(chuàng)業(yè)都沒問(wèn)題,就業(yè)前景一片光明。