UI設(shè)計(jì)師的工作內(nèi)容是什么?
UI設(shè)計(jì)師的工作內(nèi)容主要可羅列如下:
1、負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作。
2、根據(jù)各種相關(guān)軟件的用戶(hù)群,提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計(jì)。
3、對(duì)頁(yè)面進(jìn)行優(yōu)化,使用戶(hù)操作更趨于人性化。
4、維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品。
5、收集和分析用戶(hù)對(duì)于GUI的需求。
如前所述,UI設(shè)計(jì)師不單單從事美術(shù)繪畫(huà),更需要對(duì)軟件使用者、使用環(huán)境、使用方式進(jìn)行定位,并最終為軟件用戶(hù)服務(wù)。
UI設(shè)計(jì)師進(jìn)行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計(jì),他們需要完成的,簡(jiǎn)單說(shuō)來(lái),正是一個(gè)不斷為用戶(hù)設(shè)計(jì)視覺(jué)效果使之滿(mǎn)意的過(guò)程。
設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3大類(lèi)別,即研究工具,研究人與界面的關(guān)系,研究人。
與之相應(yīng),UI設(shè)計(jì)師的職能大體包括三方面:
1、圖形設(shè)計(jì),即傳統(tǒng)意義上的“美工”。
當(dāng)然,實(shí)際上他們承擔(dān)的不是單純意義上美術(shù)工人的工作,而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。
2、交互設(shè)計(jì),主要在于設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等。
一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì),并且確立交互模型,交互規(guī)范。
3、用戶(hù)測(cè)試/研究。
這里所謂的“測(cè)試”,其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性,主要通過(guò)以目標(biāo)用戶(hù)問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。如果沒(méi)有這方面的測(cè)試研究,UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判,這樣就會(huì)給企業(yè)帶來(lái)極大的風(fēng)險(xiǎn)。
擴(kuò)展資料:
UI設(shè)計(jì)師的任職條件。
一、從業(yè)人員自身技術(shù)層面條件。
一般主要要求UI設(shè)計(jì)師從業(yè)人員精通Photoshop、Illustrator、Flash等圖形軟件的使用。
二、工作或項(xiàng)目經(jīng)歷方面的部分要求。
1、有過(guò)基于用戶(hù)體驗(yàn)、人機(jī)交互、圖形化設(shè)計(jì)、界面設(shè)計(jì)等前沿理論實(shí)現(xiàn)產(chǎn)品風(fēng)格設(shè)計(jì)的經(jīng)驗(yàn)或經(jīng)歷。
2、有過(guò)配合產(chǎn)品開(kāi)發(fā)中的圖形界面(GUI)設(shè)計(jì)的經(jīng)驗(yàn)或經(jīng)歷。
3、有過(guò)產(chǎn)品相關(guān)推廣活動(dòng)的專(zhuān)題頁(yè)面、FLASH的設(shè)計(jì)及制作的經(jīng)驗(yàn)或經(jīng)歷。
4、有與研發(fā)團(tuán)隊(duì)充分溝通協(xié)作的執(zhí)行力。
5、有根據(jù)視覺(jué)設(shè)計(jì)的發(fā)展趨勢(shì)及用戶(hù)研究的結(jié)果不斷優(yōu)化產(chǎn)品的圖形界面(GUI)的經(jīng)驗(yàn)或經(jīng)歷。
參考資料來(lái)源:
百度百科——UI設(shè)計(jì)師
UI設(shè)計(jì)有哪些規(guī)范
智能設(shè)備的普及使得界面設(shè)計(jì)工作被重視起來(lái),其實(shí)軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣,是產(chǎn)品的重要賣(mài)點(diǎn),一個(gè)產(chǎn)品擁有美觀的界面會(huì)給人帶來(lái)舒適的視覺(jué)享受,拉近人與商品的距離,是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì),那么,UI設(shè)計(jì)的規(guī)范標(biāo)準(zhǔn)有哪些呢?
一、軸
軸在UI設(shè)計(jì)中是最基本、最常見(jiàn)的概念,也是用來(lái)組織界面結(jié)構(gòu)的重要核心。簡(jiǎn)單說(shuō)來(lái),軸是在設(shè)計(jì)的時(shí)候組織一系列元素的假象線,在下面的設(shè)計(jì)圖中,軸以虛線的方式被標(biāo)注出來(lái)。
1、對(duì)齊軸最常見(jiàn)于對(duì)稱(chēng)元素的使用,當(dāng)元素被布置成軸對(duì)稱(chēng)的布局的時(shí)候,會(huì)給人有序感。就像生活中絕大多數(shù)的事情一樣,我們更傾向于享受有序的的東西,它們令人感覺(jué)平穩(wěn)、舒適、平易近人。最簡(jiǎn)單的一個(gè)例子就是iTunes程序中的專(zhuān)輯列表的設(shè)計(jì),所有的專(zhuān)輯列表在界面的左側(cè)保持對(duì)齊,圍繞虛線軸軸對(duì)稱(chēng)。
2、強(qiáng)化雖然軸是一條假想的線,但是如果周?chē)脑氐倪吘壙刂频米銐蛘R,這跳線會(huì)在視覺(jué)中變得更加“明顯”的。最好的例子是城市中的路燈構(gòu)成了道路兩旁建筑物之間的軸,如果一邊有建筑一邊沒(méi)有,那么這種軸線的感覺(jué)不會(huì)那么強(qiáng)烈。從產(chǎn)品設(shè)計(jì)的角度上來(lái)看,Twitter的時(shí)間線設(shè)計(jì)就是一個(gè)很好的案例,左側(cè)的頭像和右側(cè)的推文共同塑造出縫隙中軸線的感覺(jué)。3、運(yùn)動(dòng)當(dāng)我們碰到某先線條的時(shí)候,視覺(jué)會(huì)很自然地沿著這些方向運(yùn)動(dòng),就如同我們站在街上,會(huì)自覺(jué)地沿著街道的兩頭走動(dòng)。兩個(gè)端點(diǎn)決定了線,界定了開(kāi)始和結(jié)束的地方,線或者說(shuō)軸線的存在會(huì)引導(dǎo)和提示運(yùn)動(dòng)的方向。SoundCloud中,音軌沿著一條既定的水平軸線運(yùn)動(dòng),隨著音樂(lè)的播放,音軌自然地自左向右勻速運(yùn)動(dòng)(具體可查看馬海祥博客《如何利用動(dòng)效設(shè)計(jì)吸引訪客的注意力》的相關(guān)介紹)。
4、連續(xù)性如果終點(diǎn)是不確定的,那么你通常會(huì)沿著軸線的方向?yàn)g覽/運(yùn)動(dòng),直到你找到感興趣的東西,或者感到厭倦并關(guān)閉應(yīng)用。在建筑學(xué)中,未清楚界定的終點(diǎn)非常少見(jiàn),因?yàn)榻ㄖ男藿ㄍǔ](méi)法永遠(yuǎn)持續(xù)下去,但是UI設(shè)計(jì)則不一樣,無(wú)限地滾動(dòng)下去是無(wú)比受歡迎的設(shè)計(jì)手法。Pinterest的APP中就是這樣做的,持續(xù)不斷的圖片沿著中軸線的方向持續(xù)不斷地滾動(dòng)下去,只要你有興趣一直觀看下去。
二、對(duì)稱(chēng)
當(dāng)元素被均勻地放置在軸線的兩側(cè)之時(shí),他們構(gòu)成了對(duì)稱(chēng)的關(guān)系。當(dāng)元素被精準(zhǔn)地在軸線兩側(cè)一一對(duì)應(yīng)之時(shí),它們就形成了完美對(duì)稱(chēng)。
1、平衡對(duì)稱(chēng)令整個(gè)設(shè)計(jì)更加平衡,當(dāng)元素與控件在軸線兩側(cè)處于相同位置之時(shí),會(huì)給人以協(xié)調(diào)和諧的設(shè)計(jì)感。當(dāng)我們?cè)谝?guī)劃街道兩側(cè)的房屋建設(shè)的時(shí)候,如果左右兩側(cè)都是5間大小一致的房子,當(dāng)你走在街上的時(shí)候這種平衡的設(shè)計(jì)會(huì)令人非常舒適,這是平衡給人的感受。Rdio的APP設(shè)計(jì)就遵循著這樣的設(shè)計(jì)規(guī)則,屏幕兩側(cè)的控件是相同的規(guī)格,這類(lèi)布局很適宜閱讀,用戶(hù)會(huì)自覺(jué)地自上到下,從左向右查看。
2、不對(duì)稱(chēng)如果軸線兩側(cè)的控件布置不再是一一對(duì)應(yīng)尺寸相近,那就是不對(duì)稱(chēng)的設(shè)計(jì),不對(duì)稱(chēng)的設(shè)計(jì)會(huì)給人明顯的失衡感,可能會(huì)令人不舒服,但是也能造就殘缺美,當(dāng)然這要看你具體怎么做。雖然Pinteret的APP設(shè)計(jì)在整體上是沿著中軸線對(duì)稱(chēng)的(寬度一致),但是兩邊的界面控件并非是對(duì)稱(chēng)的,它們的高度并不一致,位置也是錯(cuò)落的,稍微一點(diǎn)的落差都會(huì)被眼睛捕捉到,而這樣的差異讓用戶(hù)無(wú)法準(zhǔn)確地左右順序閱讀,不對(duì)稱(chēng)設(shè)計(jì)打破了設(shè)計(jì)的平衡性和舒適性,但是也可以緩解了規(guī)律性設(shè)計(jì)帶來(lái)的視覺(jué)疲勞。
三、層級(jí)
當(dāng)某個(gè)元素出現(xiàn)在比其他元素更重要的位置的時(shí)候,層級(jí)就出現(xiàn)了。
1、尺寸如果一個(gè)設(shè)計(jì)元素在尺寸上比其他的控件更大,就會(huì)區(qū)分出層級(jí)。毫無(wú)疑問(wèn),我們查看某個(gè)設(shè)計(jì)的時(shí)候,通常會(huì)被最大的元素吸引到。如果一個(gè)建筑物有5個(gè)出窗戶(hù),其中一個(gè)是其他四個(gè)的兩倍大,我們的注意力自然而然會(huì)被吸引過(guò)去。通過(guò)尺寸來(lái)區(qū)分文章列表層級(jí)的典型就是稍后讀應(yīng)用Pocket,頂部的輪播文章?lián)碛懈蟮膱D片,它的位置和尺寸會(huì)令我們一眼注意到(具體可查看馬海祥博客《詳解移動(dòng)端設(shè)備頁(yè)面尺寸設(shè)計(jì)原理》的相關(guān)介紹)。
2、形狀如果一個(gè)控件在形狀和形態(tài)上同其他的不一樣,也可以讓它獨(dú)立出一個(gè)層級(jí),不規(guī)則的設(shè)計(jì)同樣會(huì)令人側(cè)目,建筑物的正面擁有五個(gè)相同的窗戶(hù)和一閃大門(mén),你會(huì)立刻注意到門(mén)的獨(dú)特之處。在Instagram的個(gè)人信息頁(yè)中,圓形的個(gè)人頭像在方形的圖片中別具一格,非常抓人眼球。它會(huì)讓人意識(shí)到,這個(gè)獨(dú)特的東西,更為重要。
3、位置位置的存在同樣能彰顯層級(jí)的不一樣,在圓圈之內(nèi),中心位置的東西比邊緣部分的看起來(lái)更重要,位于軸線頂端的控件會(huì)顯得比其他部分的優(yōu)先級(jí)更高。以設(shè)計(jì)應(yīng)用Path的設(shè)計(jì)為例,時(shí)間軸頂點(diǎn)處的用戶(hù)頭像就明顯比時(shí)間軸上的其他部分更重要,而這個(gè)地方正好展示的也是用戶(hù)頭像。
四、韻律
UI設(shè)計(jì)和建筑設(shè)計(jì)同樣有著韻律之美,重復(fù)的模式會(huì)營(yíng)造出獨(dú)特的節(jié)奏之美。
1、模式理解韻律最直接的方式就是聽(tīng)歌,音樂(lè)擁有節(jié)奏感,絕大多數(shù)的音樂(lè)遵循著相同的節(jié)拍,節(jié)拍就是音樂(lè)模式的一部分。這方面最典型的APP是Airbnb,APP列表中每一間房子都占據(jù)一個(gè)模塊,模塊中有著大小相同的圖片,價(jià)格、位置和房東信息和圖片的相對(duì)位置一定,且排版勻稱(chēng)舒服,兩個(gè)模塊之間的間距也相同,當(dāng)你瀏覽的時(shí)候,熟悉的節(jié)奏會(huì)讓你清楚地知道上哪看關(guān)鍵信息。
2、間斷當(dāng)節(jié)奏被間隔打斷的時(shí)候,會(huì)形成不同的層級(jí),聽(tīng)歌的時(shí)候,均勻的節(jié)奏被其他的音樂(lè)元素打斷的時(shí)候,你會(huì)意識(shí)到這是比較特別的部分。在Twitter的APP中,推文和推文保持著相同的樣式,均勻的節(jié)奏,但是其中的“推薦用戶(hù)”一項(xiàng)有著不同的樣式,它插入到推文列表中,打破了整個(gè)信息流的節(jié)奏,凸顯出不同的層級(jí),會(huì)很快抓住你的注意力。
如何成為一名合格的UI設(shè)計(jì)師?
您好,成為合格的UI設(shè)計(jì)師需要具備以下能力:
1、圖標(biāo)設(shè)計(jì)能力,線性和剪影圖標(biāo)是目前工作中運(yùn)用最多的圖標(biāo)設(shè)計(jì)形式。
2、圖形設(shè)計(jì)能力,重要的是掌握用電腦繪制準(zhǔn)確、美觀、獨(dú)特的圖形的能力。
3、設(shè)計(jì)編排能力,設(shè)計(jì)師首先是一名設(shè)計(jì)師,而不是畫(huà)圖師,所以圖標(biāo)插畫(huà)什么的都只是設(shè)計(jì)師表達(dá)想法的一種形式。如果作品集里只是一些看起來(lái)毫無(wú)聯(lián)系的圖標(biāo),一幅簡(jiǎn)單的插畫(huà),或者零散幾個(gè)界面。這樣的作品集會(huì)讓人覺(jué)得你設(shè)計(jì)思維零散,是一個(gè)個(gè)沒(méi)有連續(xù)的片段。
4、設(shè)計(jì)提案能力,一個(gè)優(yōu)秀的設(shè)計(jì)師,應(yīng)該具有設(shè)計(jì)提案能力。通過(guò)圖形和文字的形式告訴你的需求方,為什么這么設(shè)計(jì),你考慮了什么,為什么使用這樣的顏色。有理有據(jù)的設(shè)計(jì)說(shuō)明比一張零散的圖片更具有說(shuō)服力。
5、海報(bào)banner設(shè)計(jì)能力,做界面設(shè)計(jì)的時(shí)候搭配好看的banner,以及展示海報(bào)編排,這些能力你也必須掌握。況且很多公司并不會(huì)分工那么細(xì)致。運(yùn)營(yíng)設(shè)計(jì)、平面設(shè)計(jì)、UI設(shè)計(jì)你都需要去掌握
6、界面設(shè)計(jì)能力,好的作品應(yīng)該是考慮了很多,有自己獨(dú)特的設(shè)計(jì)語(yǔ)言。這點(diǎn)很重要,讓自己的App看起來(lái)是如此的不一樣。界面的用色,界面中的配圖,以及交互體驗(yàn)的細(xì)節(jié)都獨(dú)居匠心。
7、交互思維能力,UI設(shè)計(jì)師的界面還是要服務(wù)于產(chǎn)品設(shè)計(jì),那么對(duì)于界面的設(shè)計(jì)不應(yīng)只停留在美學(xué)的思考,還應(yīng)該思考界面的邏輯,界面元素的擺放,通過(guò)深入了解產(chǎn)品的行為目的后,更好的用視覺(jué)手段表達(dá)產(chǎn)品意圖,這就需要對(duì)設(shè)計(jì)師的邏輯思考能力,界面交互綜合能力提出更高要求。
8、溝通理解能力,這點(diǎn)也非常重要,大多數(shù)設(shè)計(jì)師不是單打獨(dú)斗,而是和一個(gè)團(tuán)隊(duì)一起工作,你需要保持良好的溝通能力。
綜合上述,一個(gè)好的UI設(shè)計(jì)師需要掌握的除了軟件操作,還得具備良好的設(shè)計(jì)能力,包括設(shè)計(jì)思維、創(chuàng)造思維、用戶(hù)思維等
祝您成功