簡(jiǎn)單來(lái)說(shuō),UI設(shè)計(jì)就是用戶界面設(shè)計(jì)。UI即User Interface的首字母組合的簡(jiǎn)稱。UI設(shè)計(jì)實(shí)際是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)可分為實(shí)體UI和虛擬UI,我們常說(shuō)的UI多指互聯(lián)網(wǎng)設(shè)計(jì)中的虛擬UI,也就是網(wǎng)頁(yè)設(shè)計(jì)、APP設(shè)計(jì)等。
UI其實(shí)是一個(gè)比較廣義的概念,UI中的“界面”泛指人和物(人造物、工具、機(jī)器)互動(dòng)過(guò)程中的界面、接觸面(接口)。手機(jī)、電腦屏幕是UI,鼠標(biāo)、鍵盤、甚至椅子面、工作臺(tái)面都屬于用戶使用面,也可以叫UI。只是我們目前的習(xí)慣理解是從狹義方面理解的。狹義上UI多指電子產(chǎn)品屏幕的面。也就是人(用戶)與電子產(chǎn)品(機(jī)器)打交道使用的屏面。比如手機(jī)屏,電腦屏幕以及其它電子產(chǎn)品屏幕。如果有這個(gè)了解,我們也可以把UI設(shè)計(jì)理解為“屏面設(shè)計(jì)”。
從目前的客觀整體上看,UI設(shè)計(jì)是指對(duì)互聯(lián)網(wǎng)產(chǎn)品軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。我們平時(shí)說(shuō)的UI設(shè)計(jì)是互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)偏視覺設(shè)計(jì)的方面。如果再具體的話可以稱為GUI設(shè)計(jì),GUI即Graphical User Interface。也就是圖形用戶界面設(shè)計(jì)。
UI設(shè)計(jì)是互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中一個(gè)重要的工作崗位,主要負(fù)責(zé)各個(gè)平臺(tái)如:Web端的網(wǎng)頁(yè)、電商設(shè)計(jì),移動(dòng)端的App、小程序、公眾號(hào)、H5頁(yè)面設(shè)計(jì),當(dāng)然還有其它人機(jī)交互的界面設(shè)計(jì)等互聯(lián)網(wǎng)產(chǎn)品視覺設(shè)計(jì)工作。具體工作內(nèi)容主要包括:產(chǎn)品的視覺風(fēng)格定位、圖標(biāo)設(shè)計(jì)(頁(yè)面里的和桌面程序啟動(dòng)圖標(biāo))、界面設(shè)計(jì)、運(yùn)營(yíng)設(shè)計(jì)、圖片處理、色彩搭配、界面內(nèi)容組織編排等工作,工作過(guò)程中要和交互設(shè)計(jì)師、產(chǎn)品經(jīng)理、前端工程師等相關(guān)職位相互配合,共同完成互聯(lián)網(wǎng)產(chǎn)品開發(fā)項(xiàng)目。設(shè)計(jì)的產(chǎn)品按照服務(wù)群體主要分兩端,to B端和to C端。to B端主要服務(wù)的是企業(yè),專業(yè)、特殊應(yīng)用群體。to C端就是服務(wù)普通受眾用戶。就好像商品銷售中的批發(fā)和零售。比如目前的阿里巴巴主要做的是to B業(yè)務(wù),京東、唯品會(huì)就是to C的。
UI設(shè)計(jì)是互聯(lián)網(wǎng)產(chǎn)品(網(wǎng)頁(yè)、APP等)設(shè)計(jì)的重要組成部分。主要工作內(nèi)容包括界面設(shè)計(jì)、交互設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)。這三個(gè)方面在實(shí)際工作中都是獨(dú)立的工作崗位。
界面設(shè)計(jì),一般稱為UI設(shè)計(jì)師,也就是指GUI界面設(shè)計(jì)師。GUI設(shè)計(jì)師的日常工作就是界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、切圖、標(biāo)注等工作,甚至有些公司也會(huì)讓界面設(shè)計(jì)師做些交互設(shè)計(jì)的工作。比如APP UI自然就是手機(jī)軟件界面設(shè)計(jì),我們平日所用的微信、QQ、淘寶、支付寶等這些全都屬于APP,他們的界面自然也都是UI設(shè)計(jì)師所設(shè)計(jì)的。手機(jī)應(yīng)用種類繁多,安卓和蘋果商城幾乎都有數(shù)十萬(wàn)甚至百萬(wàn)個(gè),這自然就需要大量的UI設(shè)計(jì)師了。
交互設(shè)計(jì)師簡(jiǎn)稱ID,一般的工作是設(shè)計(jì)、繪制原型圖,它對(duì)邏輯處理能力和頁(yè)面布局能力要求較高,交互設(shè)計(jì)其實(shí)就是我們使用、操作習(xí)慣的設(shè)計(jì)。不如搶紅包中規(guī)定你的點(diǎn)一點(diǎn)、搖一搖、擦擦擦等使用方式。都是交互設(shè)計(jì)師設(shè)計(jì)的。
用戶體驗(yàn)設(shè)計(jì)師簡(jiǎn)稱UE或者UX。這個(gè)職位一般只有中大型公司才會(huì)設(shè)置這個(gè)工作崗位,它主要是研究用戶體驗(yàn)的,用戶的行為,情感,使用感受、使用過(guò)程等所有方面都需要進(jìn)行研究,以保障用戶在使用產(chǎn)品過(guò)程中能得到良好的使用感受,也就是體驗(yàn)。
UI設(shè)計(jì)作為互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中的重要組成部分,它需要與其它產(chǎn)品設(shè)計(jì)環(huán)節(jié)緊密配合,最終才能完成一個(gè)互聯(lián)網(wǎng)產(chǎn)品的整體設(shè)計(jì)。這個(gè)從產(chǎn)品工作流程圖上能看的非常清楚。(如圖)
那如果想學(xué)習(xí)UI設(shè)計(jì)都需要學(xué)些什么呢?從根本上概括起來(lái)說(shuō),可以是學(xué)表達(dá),學(xué)思維、學(xué)邏輯、學(xué)溝通、學(xué)審美。下面具體說(shuō)一下。
一、學(xué)表達(dá):這里的表達(dá)指視覺表達(dá)。視覺表達(dá)包括圖、紋、色、質(zhì)等元素。形式上主要包括軟件和手繪兩種。目前學(xué)設(shè)計(jì)一般都會(huì)先學(xué)軟件,對(duì)于UI設(shè)計(jì)來(lái)說(shuō)需要學(xué)習(xí)多款應(yīng)用軟件,比如PS、AI、AE、XD、AX、C4D等,
這是基礎(chǔ),必須。也是非常重要的,軟件的操作熟練,可以提高日常設(shè)計(jì)工作效率!當(dāng)然我們?cè)趯W(xué)習(xí)的時(shí)候要花時(shí)間和下功夫的,但是學(xué)習(xí)軟件操作并不是目的,很多同學(xué)學(xué)UI設(shè)計(jì)就覺得是學(xué)個(gè)技術(shù)。其實(shí)不是。學(xué)軟件的目的是讓軟件技術(shù)幫助我們視覺化表達(dá)。是手段不是目的。并且軟件操作會(huì)隨著你學(xué)習(xí)時(shí)間的推移,慢慢的越來(lái)越熟悉!不需要把全部的經(jīng)歷放在學(xué)軟件技術(shù)上。除了軟件表達(dá)外,還可以學(xué)習(xí)另外的一個(gè)表達(dá)方式就是手繪。這個(gè)很多在學(xué)習(xí)UI設(shè)計(jì)師的小伙伴都在問(wèn),我沒有學(xué)過(guò),沒有基礎(chǔ),擔(dān)心學(xué)不好UI設(shè)計(jì),其實(shí)不是這樣的,首先如果你有繪畫功底,那是對(duì)你學(xué)習(xí)UI設(shè)計(jì)有很大幫助的,沒有也沒有太大關(guān)系,從事UI界面設(shè)計(jì),大部分工作都是利用電腦軟件操作設(shè)計(jì)出來(lái)的,除了游戲,動(dòng)漫行業(yè)需要手繪,其他基本不重要!這里要求的繪畫,大部分還是對(duì)審美的把握而已!但學(xué)了手繪在設(shè)計(jì)中繪制設(shè)計(jì)草稿就會(huì)方便很多。我個(gè)人建議,軟件和手繪作為兩種表達(dá)方式可以相互取長(zhǎng)補(bǔ)短,提升設(shè)計(jì)工作效率。
二、學(xué)思維。設(shè)計(jì)是思維的體現(xiàn)。想學(xué)好設(shè)計(jì),一定要注意開發(fā)練習(xí)自己的思維,禁錮的思維是做不出好的設(shè)計(jì)作品的。藝術(shù)和設(shè)計(jì)的本質(zhì)都是創(chuàng)造,這里的思維更多是指創(chuàng)造性思維的訓(xùn)練和養(yǎng)成。表達(dá)是表達(dá)的思維。有什么樣的思維就有什么樣的表達(dá)。
三、學(xué)邏輯。邏輯是事物的思維聯(lián)系,也可以叫邏輯思維。在產(chǎn)品使用方式和考慮用戶習(xí)慣的交互設(shè)計(jì)中邏輯性顯得尤為重要。邏輯表現(xiàn)最直接的對(duì)應(yīng)的就是交互原型圖的設(shè)計(jì)。交互邏輯順暢是增加用戶體現(xiàn)非常重要的方面。
四、學(xué)溝通。這里從兩個(gè)方面解釋,一是視覺設(shè)計(jì)就是一種溝通方式,特別是界面設(shè)計(jì)部分。就是利用界面的色彩、造型、文字符號(hào)、質(zhì)感紋理等視覺元素進(jìn)行信息的傳遞,從而達(dá)到人機(jī)溝通互動(dòng)目的。二是作為互聯(lián)網(wǎng)產(chǎn)品中重要環(huán)節(jié)的UI設(shè)計(jì)需要和產(chǎn)品設(shè)計(jì)的其他設(shè)計(jì)環(huán)節(jié)進(jìn)行溝通和交流,產(chǎn)品設(shè)計(jì)是一個(gè)團(tuán)隊(duì),互相了解、相互配合更方便產(chǎn)品開發(fā)時(shí)間和成本消耗的降低,有效的溝通可以提高工作效率。
五、學(xué)審美。產(chǎn)品作為設(shè)計(jì)除了功能性,很大程度取決于審美的高低。作為設(shè)計(jì)師提升審美能力是非常必須的。特別對(duì)于從事視覺界面設(shè)計(jì)來(lái)說(shuō)。如何提升產(chǎn)品的審美是一個(gè)核心問(wèn)題。這需要設(shè)計(jì)師長(zhǎng)期的不斷學(xué)習(xí)。
結(jié)語(yǔ):以上只是列出了UI設(shè)計(jì)需要學(xué)習(xí)的方面。未來(lái)UI設(shè)計(jì)師需要具體更多綜合的能力,或者我們可以說(shuō)是狹義的全鏈路設(shè)計(jì)師。作為設(shè)計(jì)師只有全面的汲取多方面營(yíng)養(yǎng)和知識(shí)才能成為一名優(yōu)秀的設(shè)計(jì)師。希望你可以。
更多關(guān)于“UI培訓(xùn)”的問(wèn)題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽。