第一篇：UI設(shè)計(jì)的主要工作內(nèi)容

去名企 拿高薪 到翡翠教育

UI設(shè)計(jì)的主要工作內(nèi)容

IT行業(yè)的不斷壯大，讓IT相關(guān)職位日益火爆，這些職位成為年輕、高薪的代名詞。也成為眾多畢業(yè)生們努力的方向。

越來(lái)越多的年輕人青睞UI設(shè)計(jì)這一職位，在高薪光環(huán)籠罩下的UI設(shè)計(jì)師的工作主要有哪些呢？UI設(shè)計(jì)所涉及的領(lǐng)域有平面設(shè)計(jì)、網(wǎng)站UI界面設(shè)計(jì)、移動(dòng)UI界面設(shè)計(jì)、安卓和ios軟件、游戲界面設(shè)計(jì)等。

UI設(shè)計(jì)師運(yùn)用工具建設(shè)、美化和強(qiáng)化界面功能，讓網(wǎng)站、手機(jī)頁(yè)面等交互性強(qiáng)、視覺(jué)感好，從而更具吸引力，更好的滿足用戶的需求，進(jìn)而達(dá)到企業(yè)的宣傳和盈利目的?？梢哉f(shuō)UI設(shè)計(jì)師是具備藝術(shù)修養(yǎng)的技能型人才，UI設(shè)計(jì)師的工作簡(jiǎn)單來(lái)說(shuō)就是一個(gè)不斷為用戶設(shè)計(jì)視覺(jué)效果使之滿意的過(guò)程。

UI實(shí)際上是交互設(shè)計(jì)+視覺(jué)設(shè)計(jì)的結(jié)合體，因此其工作內(nèi)容也有多個(gè)方向，其中主要的方向有：

1、平面/網(wǎng)頁(yè)設(shè)計(jì)師

平面設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師也就是我們常說(shuō)的美工，負(fù)責(zé)的工作主要是軟件產(chǎn)品的外形設(shè)計(jì)。因?yàn)榻缑嬖O(shè)計(jì)并非單純的美術(shù)設(shè)計(jì)，它是與用戶、應(yīng)用環(huán)境有著密不可分的關(guān)系的，所以要從用戶出發(fā)，設(shè)計(jì)出用戶滿意的產(chǎn)品外觀。從而達(dá)到視覺(jué)效果的傳達(dá)。

2、交互設(shè)計(jì)師

網(wǎng)站或者某個(gè)界面的設(shè)計(jì)需要從用戶出發(fā)完成設(shè)計(jì)，這就需要交互設(shè)計(jì)師來(lái)完成。翡翠教育的UI課程教師認(rèn)為交互設(shè)計(jì)師是UI設(shè)計(jì)最重要的一環(huán)，交互設(shè)計(jì)師的水準(zhǔn)決定了產(chǎn)品的未來(lái)走向。

3、用戶測(cè)試工程師

任何產(chǎn)品上市之前都需要通過(guò)測(cè)試，用戶測(cè)試工程師的職責(zé)就和游戲玩家里面的測(cè)試人員一樣，發(fā)現(xiàn)BUG，并反饋給技術(shù)人員進(jìn)行修改完善。主要是測(cè)試交互 去名企 拿高薪 到翡翠教育

設(shè)計(jì)的合理性以及圖形設(shè)計(jì)的美觀性。測(cè)試方法一般都是采用焦點(diǎn)小組，用目標(biāo)用戶問(wèn)卷的形式來(lái)衡量UI設(shè)計(jì)的合理性。

翡翠教育所培養(yǎng)的UI設(shè)計(jì)師都是懂交互會(huì)設(shè)計(jì)的全能UI設(shè)計(jì)師，畢業(yè)后可從事界面設(shè)計(jì)師、網(wǎng)站管理工程師、網(wǎng)頁(yè)設(shè)計(jì)師、交互設(shè)計(jì)師、移動(dòng)界面設(shè)計(jì)師、電子商務(wù)平臺(tái)運(yùn)營(yíng)技術(shù)維護(hù)、用戶體驗(yàn)、產(chǎn)品設(shè)計(jì)等工作，優(yōu)秀的UI設(shè)計(jì)師未來(lái)能夠上升成為產(chǎn)品經(jīng)理乃至總監(jiān)或更高層級(jí)。

翡翠教育專注IT教育培訓(xùn)，以創(chuàng)新的教學(xué)方式和完善的就業(yè)服務(wù)享譽(yù)業(yè)內(nèi)，已覆蓋全國(guó)30多個(gè)城市,擁有70家教學(xué)中心。

如果你想學(xué)習(xí)UI設(shè)計(jì)、Web前端、Java大數(shù)據(jù)、網(wǎng)絡(luò)營(yíng)銷、PHP等課程，歡迎關(guān)注翡翠教育!2

第二篇：ui設(shè)計(jì)一天工作內(nèi)容

ui設(shè)計(jì)一天工作內(nèi)容

ui設(shè)計(jì)一天工作內(nèi)容

1.制定MRD(Market Requirements Document).市場(chǎng)需求文檔。獲得項(xiàng)目發(fā)起部門的認(rèn)同后，產(chǎn)品進(jìn)入實(shí)施，需要先出MRD，具體來(lái)說(shuō)要有更細(xì)致的市場(chǎng)與競(jìng)爭(zhēng)對(duì)手分析，通過(guò)哪些功能來(lái)實(shí)現(xiàn)商業(yè)目的，功能/非功能需求分哪幾塊，功能的優(yōu)先級(jí)等等。實(shí)際工作中，這個(gè)階段PD可能的產(chǎn)出物有Mind Manager的思維圖，Excel的Feature List等。

2.制定PRD(Product Requirements Document).產(chǎn)品需求文檔。進(jìn)步一細(xì)化，這部分是PM寫得最多的內(nèi)容，也就是傳統(tǒng)意義上的需求分析，我們這里主要指UC(use case)文檔。主要內(nèi)容有，功能使用的具體描述(每個(gè)UC一般有用例簡(jiǎn)述、行為者、前置條件、后置條件、UI描述、流程/子流程/分支流程，等幾大塊)，Visio做的功能點(diǎn)業(yè) 務(wù)流程，界面的說(shuō)明，demo等。Demo方面，可能用dreamweaver、ps甚至畫圖板簡(jiǎn)單畫一下，有時(shí)候也會(huì)有 UI/UE支持，出高保真的demo，開發(fā)將來(lái)可以直接用的那種。

3.用戶分析報(bào)告

搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶分析。

4.產(chǎn)品架構(gòu)設(shè)計(jì)

這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。

以上是UI設(shè)計(jì)師需要掌握跟進(jìn)的，從這里開始就真的是你的任務(wù)了。

5.產(chǎn)品原型設(shè)計(jì)

就是將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局，深入一些，還會(huì)加入一些交互性的元素，使其更加具體、形象和生動(dòng)。

整個(gè)系統(tǒng)的流程設(shè)計(jì)也是UI設(shè)計(jì)師的，為此你要經(jīng)常瀏覽大量的網(wǎng)站，親身體驗(yàn)，積累經(jīng)典的，很具親和力的、友好的系統(tǒng)流程，你要考慮到整個(gè)系統(tǒng)的任何一個(gè)最終環(huán)節(jié)。這才是UI設(shè)計(jì)師工作量最大，難度最高的部分。比如說(shuō)，用戶注冊(cè)流程，成功了去哪，失敗了去哪，成功了后續(xù)有幾個(gè)流程，每個(gè)流程還包含哪些對(duì)象等等等等

6.界面UI設(shè)計(jì)

如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

7.界面輸出

這方面主要由頁(yè)面工程師與前端程序員配合,將界面代碼化。

作為UI設(shè)計(jì)師，最能符合你的設(shè)計(jì)的基礎(chǔ)作品，當(dāng)然還是出自你自己的雙手，為此你要懂得切圖，做靜態(tài)頁(yè)，那么SHTML和樣式表 還有為了實(shí)現(xiàn)你那偉大設(shè)計(jì)的種種特效的JS代碼，你能不會(huì)么??你可以不去親自做，但你一定要有一個(gè)規(guī)范設(shè)計(jì)，你的施工隊(duì)必須在你的培訓(xùn)和領(lǐng)導(dǎo)下完全符合 規(guī)范的去操作，就像架構(gòu)師一樣。哦，你看，到了這里你應(yīng)該是一名UI經(jīng)理了。

8.分析使用者報(bào)告,做出完善調(diào)整.多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。

9.整個(gè)項(xiàng)目的SEO優(yōu)化設(shè)計(jì)

但就目前許多公司而言,拿到UI設(shè)計(jì)師手里的,就是一份什么說(shuō)明都沒(méi)有的VISO圖,這給許多UI設(shè)計(jì)師造成一種錯(cuò)覺(jué),覺(jué)得我只需要做效果圖就可以了,對(duì) 于其他環(huán)節(jié)一概不理,導(dǎo)致了在設(shè)計(jì)產(chǎn)品界面的時(shí)候,因?yàn)檎莆盏男畔⒉蛔?設(shè)計(jì)出來(lái)的界面全憑個(gè)人喜好,但是當(dāng)面對(duì)用戶的時(shí)候,卻是一點(diǎn)競(jìng)爭(zhēng)力都沒(méi)有.。

UI設(shè)計(jì)師在項(xiàng)目初始,就應(yīng)該加入其中。包括了解項(xiàng)目的市場(chǎng)定位，盈利模式，競(jìng)爭(zhēng)對(duì)手等等，而通過(guò)分析競(jìng)爭(zhēng)對(duì)手用戶界面，可以給UI設(shè)計(jì)師一個(gè)初步的圖形概念，而通過(guò)參與用戶調(diào)研,用戶分析能夠獲取到用戶特征，年齡，需求，喜好等方面的信息，這些方面的信息,在風(fēng)格定位，把握上起到至關(guān)重要的作用。

通過(guò)了解產(chǎn)品架構(gòu),知道什么功能應(yīng)該做，什么功能應(yīng)該突出,在參與了以上工作的制定后，相信許多UI設(shè)計(jì)師對(duì)自己所要設(shè)計(jì)的產(chǎn)品，已經(jīng)是信心十足了吧。后期在通過(guò)分析使用者報(bào)告，用戶反饋等方面信息，做出界面上的調(diào)整，這樣一來(lái)，一個(gè)完善的產(chǎn)品就可以面市了，而這個(gè)產(chǎn)品，再也不是一個(gè)全憑UI設(shè)計(jì)師個(gè)人喜好所設(shè)計(jì)出來(lái)的產(chǎn)品了!

延伸閱讀：

UI入門：設(shè)計(jì)師奇妙的提高效率的4大黃金法則

對(duì)于設(shè)計(jì)師而言，想要高效地搞定工作，似乎是一場(chǎng)曠日持久的戰(zhàn)爭(zhēng)。不論你是供職于設(shè)計(jì)團(tuán)隊(duì)，還是一名自由設(shè)計(jì)師，始終被客戶和需求追逐著，狼奔豕突。日效率拔群的設(shè)計(jì)師。

當(dāng)然，你可以做到。讓你工作低效的陷阱其實(shí)都是可以預(yù)先規(guī)避的，合理利用手頭的工具，靈活的調(diào)整現(xiàn)有的工作方式和流程，你的效率可以得到一個(gè)質(zhì)的提升。

習(xí)慣各類軟件快捷鍵

從里到外熟悉你日常使用的每一個(gè)軟件，至少你也得清楚它最常用的部分(PS這種軟件即使是基礎(chǔ)功能都已經(jīng)很多了)，學(xué)習(xí)它們做好的方法就是每天都使用。

想明白如何將點(diǎn)點(diǎn)滴滴的閑暇時(shí)間都利用上，在一遍又一遍的練習(xí)和嘗試中了解功能，將你最常用、最需要的樣式反復(fù)練習(xí)，在此過(guò)程中熟悉各種相關(guān)快捷鍵，最終提升你的工作效率。

同時(shí)，經(jīng)常關(guān)注行業(yè)網(wǎng)站，了解軟件有哪些更新，看看常見的教程里大家都是怎樣完成設(shè)計(jì)的。通過(guò)網(wǎng)絡(luò)了解軟件新特性，以及如何更加便捷地用新特性完成設(shè)計(jì)。優(yōu)設(shè)的PS和AI教程更新就相當(dāng)頻繁，如果你想看看國(guó)外設(shè)計(jì)師都是如何完成設(shè)計(jì)的，Tuts+ 是個(gè)不錯(cuò)的網(wǎng)站。

不再分心

幾乎所有的設(shè)計(jì)師每天都會(huì)因?yàn)楦鞣N各樣的事情而分心，即使是上 Dribbble 和Behance 這樣的網(wǎng)站獲取靈感，都難免忘記最初目的，一逛好幾個(gè)小時(shí)。微博，QQ群，微信聊天，社交網(wǎng)站，甚至發(fā)呆，各種各樣的時(shí)間殺手會(huì)將你從工作狀態(tài)中拉走。

對(duì)抗分心應(yīng)當(dāng)從兩個(gè)方面著手：

1、創(chuàng)建專門的工作區(qū)。相比于在公司上班，在家工作的設(shè)計(jì)師們更容易因?yàn)榄h(huán)境而分心。無(wú)論是在家還是在工作室，劃分出一個(gè)專門的工作區(qū)域，確保這個(gè)區(qū)域的狀況你完全掌控，并且所有人都處于工作狀態(tài)中，這一點(diǎn)很重要。

2、計(jì)時(shí)。當(dāng)你的工作內(nèi)容被安排在一個(gè)特定的時(shí)間內(nèi)完成，你更容易在此環(huán)節(jié)中專注于手頭的工作。你可以設(shè)定一個(gè)計(jì)時(shí)器，每個(gè)環(huán)節(jié)的工作在對(duì)應(yīng)的時(shí)間內(nèi)完成，一切內(nèi)容也更容易被跟蹤。

善用UIKit、原型和視覺(jué)稿

每當(dāng)面對(duì)新的項(xiàng)目，許多設(shè)計(jì)師們老是想著從零開始設(shè)計(jì)。其實(shí)并沒(méi)有這個(gè)必要。網(wǎng)上有成堆的UIKit和視覺(jué)稿供你下載，它們可以更快的推進(jìn)你的設(shè)計(jì)項(xiàng)目。

你所做的項(xiàng)目讓你了解什么樣的Kit是最合適的，也許找到一個(gè)完全匹配的并不容易，但是從圖標(biāo)、按鈕到背景、視覺(jué)稿，其中幾乎所有的可視化的樣式和細(xì)節(jié)，都可以找到合適且能用的。

接下來(lái)，當(dāng)你開始決定具體使用哪些素材的時(shí)候，就要開始考慮質(zhì)量的問(wèn)題了。免費(fèi)的素材固然好，但是素質(zhì)不夠高的工具和素材會(huì)讓你事倍功半，你需要衡量高素質(zhì)收費(fèi)素材的價(jià)格和實(shí)際效率提升之間的關(guān)系，在預(yù)算和效率之間做合理的取舍。

當(dāng)然，好的免費(fèi)素材還是相當(dāng)多的，下面這些來(lái)自Design Shack 的免費(fèi)素材就挺不錯(cuò)的：50+ Apple Watch Mockups & Graphics

100+ MacBook PSD & Vector Mockups

100+ iPhone PSD & Vector Mockups

40+ iMac Mockups: PSDs, Photos & Vectors

讓想法落地

偉大的設(shè)計(jì)理念和想發(fā)不總是在一開始就能完美的呈現(xiàn)出來(lái)。通常，他們需要在你的大腦中醞釀一段時(shí)間，同客戶或者用戶溝通一下這樣設(shè)計(jì)會(huì)有什么樣的結(jié)果，然后才是你的設(shè)計(jì)稿與原型，這個(gè)想法這才落于紙上。

在此過(guò)程中，你需要不斷的通過(guò)其他的設(shè)計(jì)作品獲取靈感，在社交媒體與同行交流，向前輩請(qǐng)教，在設(shè)計(jì)雜志、期刊中獲取印證，在散步和慢跑時(shí)反復(fù)思考。但是千萬(wàn)不要犯懶，不要拖延。深思熟慮之后動(dòng)手做出來(lái)的設(shè)計(jì)，和拖延到最后才勉強(qiáng)拿出來(lái)的作品，是兩回事。

組織好工作內(nèi)容和流程你是如何組織你電腦中文檔的?又是如何整理紙質(zhì)的文檔?想想你整理文檔的這套規(guī)則體系吧。如果是讓你從中找到特定的資料，你要耗費(fèi)多久的時(shí)間?

如果你可以很快的找到它，那么說(shuō)明你的這套規(guī)則是可靠的。否則，你真的需要好好整理一下了。

能讓你的工作順利進(jìn)行的工作流程與體系，就是正確的。保持整體的一致性，系統(tǒng)化而富有條理，文檔被清晰地保存，數(shù)據(jù)和信息被妥善的存儲(chǔ)，并且堅(jiān)持不懈。你會(huì)從中獲益匪淺，不僅僅是內(nèi)容的有效和條理，而且會(huì)讓你的效率得到極大的提升。

了解自己的風(fēng)格將最能體現(xiàn)你的風(fēng)格和天賦的設(shè)計(jì)項(xiàng)目挑選出來(lái)。通過(guò)研究這些設(shè)計(jì)項(xiàng)目，以及和你的設(shè)計(jì)所匹配的客戶，總結(jié)出規(guī)律，這樣可以為你之后節(jié)省不少時(shí)間。找到一個(gè)相匹配的客戶可能并不容易，但是一旦找到了，同他保持聯(lián)系，能讓你的工作更容易展開。

讓你自己的風(fēng)格和你的客戶匹配起來(lái)的另外一個(gè)好處，你可以更輕松的進(jìn)行調(diào)整，也更有利于你自己，同時(shí)這樣的合作關(guān)系可以規(guī)避一些風(fēng)險(xiǎn)較高的項(xiàng)目與客戶。這些更快更易于完成的工作能讓你更有信心，將你的邊界推進(jìn)的更遠(yuǎn)，完成更多的設(shè)計(jì)項(xiàng)目。

別再折騰，好好設(shè)計(jì)面對(duì)一個(gè)設(shè)計(jì)項(xiàng)目，設(shè)計(jì)和玩弄之間其實(shí)是有一條界限的。當(dāng)你覺(jué)得某個(gè)設(shè)計(jì)差不多可以了，接下來(lái)頂多往上面加一些奇奇怪怪的效果或者添加一些實(shí)驗(yàn)階段的功能的時(shí)候，你就應(yīng)該停手了。

這個(gè)時(shí)候你應(yīng)該好好休息一下，也許你需要把它放一段時(shí)間，沉淀一下，換一個(gè)角度再看看，按照實(shí)際需求將它推進(jìn)到下一個(gè)階段。做該做的事情，不要玩弄設(shè)計(jì)。

結(jié)語(yǔ)選擇正確的工具，布置一個(gè)舒適的工作環(huán)境，養(yǎng)成良好的設(shè)計(jì)習(xí)慣，在截止日期前輕松完成設(shè)計(jì)項(xiàng)目，這是一個(gè)高效可靠的設(shè)計(jì)師做的事情。

第三篇：ui設(shè)計(jì)師助理工作內(nèi)容

ui設(shè)計(jì)師助理工作內(nèi)容

UI設(shè)計(jì)師的涉及范圍包括商用平面設(shè)計(jì)、高級(jí)網(wǎng)頁(yè)設(shè)計(jì)、移動(dòng)應(yīng)用界面設(shè)計(jì)及部分包裝設(shè)計(jì)，是目前中國(guó)信息產(chǎn)業(yè)中最為搶手的人才之一。下面是小編為大家整理的關(guān)于ui設(shè)計(jì)師助理的工作內(nèi)容，歡迎大家的閱讀。

1、根據(jù)產(chǎn)品需求，對(duì)產(chǎn)品的整體美術(shù)風(fēng)格、交互設(shè)計(jì)、界面結(jié)構(gòu)、操作流程等做出設(shè)計(jì)；

2、負(fù)責(zé)項(xiàng)目中各種交互界面、圖標(biāo)、LOGO、按鈕等相關(guān)元素的設(shè)計(jì)與制作；

3、能積極與開發(fā)溝通，推進(jìn)界面及交互設(shè)計(jì)的最終實(shí)現(xiàn)。

4、負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作。

5、根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計(jì)。

6、對(duì)頁(yè)面進(jìn)行優(yōu)化，使用戶操作更趨于人性化。

7、維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品。

UI即User Interface的簡(jiǎn)稱。

UI設(shè)計(jì)從工作內(nèi)容上來(lái)說(shuō)分為3個(gè)方向。它主要是由UI 研究的3個(gè)因素決定的，其分別是研究工具，研究人與界面的關(guān)系，研究人。

研究工具

研究界面----圖形設(shè)計(jì)師Graphic UI designer

美工，但實(shí)際上不是單純意義上的美術(shù)工人，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計(jì)師。

這些設(shè)計(jì)師大多是美術(shù)院校畢業(yè)的，其中大部分是有美術(shù)設(shè)計(jì)教育背景，例如工業(yè)外形設(shè)計(jì)，裝潢設(shè)計(jì)，信息多媒體設(shè)計(jì)等。

研究人與界面的關(guān)系

藍(lán)色代表工具，紅色代表關(guān)系，綠色代表人

研究人與界面的關(guān)系---交互設(shè)計(jì)師，interaction designer

在圖形界面產(chǎn)生之前，長(zhǎng)期以來(lái)UI設(shè)計(jì)師就是指交互設(shè)計(jì)師。交互設(shè)計(jì)師的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

交互設(shè)計(jì)師一般都是軟件工程師背景居多。

研究人

研究人----用戶測(cè)試/研究工程師User experience engineer

任何的產(chǎn)品為了保證質(zhì)量都需要測(cè)試，軟件的編碼需要測(cè)試，自然UI設(shè)計(jì)也需要被測(cè)試。這個(gè)測(cè)試和編碼沒(méi)有任何關(guān)系，主要是測(cè)試交互設(shè)計(jì)的合理性以及圖形設(shè)計(jì)的美觀性。測(cè)試方法一般都是采用焦點(diǎn)小組，用目標(biāo)用戶問(wèn)卷的形式來(lái)衡量UI設(shè)計(jì)的合理性。這個(gè)職位很重要，如果沒(méi)有這個(gè)職位，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)嚴(yán)重的風(fēng)險(xiǎn)性。

用戶研究工程師一般是心理學(xué)人文學(xué)背景比較合適。

第四篇：UI設(shè)計(jì)工作流程

UI界面設(shè)計(jì)流程

UI的本意是user interface也就是用戶與界面的關(guān)系。他包括交互設(shè)計(jì)，用戶研究，與界面設(shè)計(jì) 三個(gè)部分。本文主要講述用戶研究與界面設(shè)計(jì)的過(guò)程。

一個(gè)通用消費(fèi)類軟件界面的設(shè)計(jì)大體可分為五個(gè)步驟：

需求階段

分析設(shè)計(jì)階段

調(diào)研驗(yàn)證階段

方案改進(jìn)階段

用戶驗(yàn)證反饋階段

需求階段

軟件產(chǎn)品依然屬于工業(yè)產(chǎn)品的范疇。依然離不開3W的考慮（Who,where,why.）也就是使用者，使用環(huán)境，使用方式的需求分析。所以在設(shè)計(jì)一個(gè)軟件產(chǎn)品之前我們應(yīng)該明確什么人用(用戶的年齡，性別，愛(ài)好，收入，教育程度等)。什么地方用（在辦公室/家庭/廠房車間/公共場(chǎng)所）。如何用（鼠標(biāo)鍵盤/遙控器/觸摸屏）。上面的任何一個(gè)元素改變結(jié)果都會(huì)有相應(yīng)的改變。

除此之外在需求階段同類競(jìng)爭(zhēng)產(chǎn)品也是我們必須了解的。同類產(chǎn)品比我們提前問(wèn)世，我們要比他作的更好才有存在的價(jià)值。那么單純的從界面美學(xué)考慮說(shuō)哪個(gè)好哪個(gè)不好是沒(méi)有一個(gè)很客觀的評(píng)價(jià)標(biāo)準(zhǔn)的。我們只能說(shuō)哪個(gè)更合適，更合適于我們的最終用戶的就是最好的。如何判定最合適于用戶呢，后面我會(huì)介紹用戶調(diào)研。

分析設(shè)計(jì)階段

通過(guò)分析上面的需求，我們進(jìn)入設(shè)計(jì)階段。也就是方案形成階段。我們?cè)O(shè)計(jì)出幾套不同風(fēng)格的界面用于被選。首先我們應(yīng)該制作一個(gè)體現(xiàn)用戶定位的詞語(yǔ)坐標(biāo)。例如我們?yōu)?5歲左右的白領(lǐng)男性制作家居娛樂(lè)軟件。對(duì)于這類用戶我們分析得到的詞匯有：品質(zhì)，精美，高檔，高雅，男性，時(shí)尚，cool,，個(gè)性，親和，放松等。分析這些詞匯的時(shí)候我們會(huì)發(fā)現(xiàn)有些詞是絕對(duì)必須體現(xiàn)的，例如：品質(zhì)，精美，高檔，時(shí)尚。但有些詞是相互矛盾的，必須放棄一些，例如：親和，放松與 cool,個(gè)性與等。所以我們畫出一個(gè)坐標(biāo)，上面是我們必須用的品質(zhì)，精美，高檔，時(shí)尚。左邊是貼近用戶心理的詞匯：親和，放松，人性化。右邊是體現(xiàn)用戶外在形象的詞匯：cool,個(gè)性，工業(yè)化。然后我們開始搜集相呼應(yīng)的圖片，放在坐標(biāo)的不同點(diǎn)上。這樣根據(jù)不同作標(biāo)點(diǎn)的風(fēng)格，我們?cè)O(shè)計(jì)出數(shù)套不同風(fēng)格的界面。

調(diào)研驗(yàn)證階段

幾套風(fēng)格必須保證在同等的設(shè)計(jì)制作水平上，不能明顯看出差異，這樣才能得到用戶客觀的反饋。測(cè)試階段開始前我們應(yīng)該對(duì)測(cè)試的具體細(xì)節(jié)進(jìn)行清楚的分析描述。

例如：

數(shù)據(jù)收集方式：廳堂測(cè)試/模擬家居/辦公室。

測(cè)試時(shí)間：X年X月X日X日。

測(cè)試區(qū)域：北京、廣州、天津。

測(cè)試對(duì)象。某消費(fèi)軟件界定市場(chǎng)用戶。主要特征為：

對(duì)電腦的硬件配置以及相關(guān)的性能指標(biāo)比較了解，電腦應(yīng)用水平較高；

電腦使用經(jīng)歷一年以上；

家庭購(gòu)買電腦時(shí)品牌和機(jī)型的主要決策者

年齡：X-X歲；

年齡在X歲以上的被訪者文化程度為大專及以上；

個(gè)人月收入X以上或家庭月收入X元及以上；

樣品

五套軟件界面

樣本量：X個(gè)，實(shí)際完成X個(gè)。

調(diào)研階段需要從以下幾個(gè)問(wèn)題出發(fā)：

用戶對(duì)各套方案的第一印象

用戶對(duì)各套方案的綜合印象

用戶對(duì)各套方案的單獨(dú)評(píng)價(jià)

選出最喜歡的選出其次喜歡的對(duì)各方案的色彩，文字，圖形等分別打分。

結(jié)論出來(lái)以后請(qǐng)所有用戶說(shuō)出最受歡迎方案的優(yōu)缺點(diǎn)。

所有這些都需要用圖形表達(dá)出來(lái)，直觀科學(xué)。

方案改進(jìn)階段

經(jīng)過(guò)用戶調(diào)研，我們得到目標(biāo)用戶最喜歡的方案。而且了解到用戶為什么喜歡，還有什么遺憾等，這樣我們就可以進(jìn)行下一步修改了。這時(shí)候我們可以把精力投入到一個(gè)方案上（這里指不能換皮膚的應(yīng)用軟件或游戲的界面）將方案做到細(xì)致精美。

用戶驗(yàn)證階段

改正以后的方案，我們可以將他推向市場(chǎng)。但是設(shè)計(jì)并沒(méi)有結(jié)束。我們還需要用戶反饋，好的設(shè)計(jì)師應(yīng)該在產(chǎn)品上市以后去站柜臺(tái)。零距離接觸最終用戶，看看用戶真正使用時(shí)的感想。為以后的升級(jí)版本積累經(jīng)驗(yàn)資料。

經(jīng)過(guò)上面設(shè)計(jì)過(guò)程的描述，大家可以清楚的發(fā)現(xiàn)，界面UI設(shè)計(jì)是一個(gè)非?？茖W(xué)的推導(dǎo)公式，他有設(shè)計(jì)師對(duì)藝術(shù)的理解感悟，但絕對(duì)不是僅僅表現(xiàn)設(shè)計(jì)師個(gè)人的繪畫。所以我們一再?gòu)?qiáng)調(diào)這個(gè)工作過(guò)程是設(shè)計(jì)過(guò)程。UI界面設(shè)計(jì)不存在美工。

五、UI設(shè)計(jì)的一般工作流程

（取自某UI設(shè)計(jì)服務(wù)公司）

1）熟悉行業(yè)（熟悉您的軟件所涉及的行業(yè)，以便制作出適合行業(yè)特征的界面風(fēng)格）

2）了解軟件（了解您軟件的工程進(jìn)度，做出針對(duì)您進(jìn)度的工作計(jì)劃）。

3）與軟件開發(fā)工程師和市場(chǎng)人員討論界面風(fēng)格（廣泛聽取研發(fā)和市場(chǎng)人員的意見，做出 最適合市場(chǎng)的軟件）。

4）人機(jī)分析（對(duì)您的軟件進(jìn)行人機(jī)分析，增強(qiáng)您軟件的易用性）。

5）做方案（做出設(shè)計(jì)方案，并明確細(xì)節(jié)思想）。

6）審定方案（與技術(shù)和市場(chǎng)人員一起審定方案，并聽取修改意見）。

7）修改——審定（將有幾次重復(fù)）

8）細(xì)化、制作界面（開始制作軟件界面）。

9）與軟件開發(fā)工程師合作把界面加入到程序中。

10）細(xì)部修改，完成。

11）進(jìn)行軟件包裝盒、光盤盤面、盤套等的設(shè)計(jì)工作。

12）后期跟蹤服務(wù)（在完成項(xiàng)目后，對(duì)您的軟件進(jìn)行跟蹤服務(wù)，即對(duì)您軟件從發(fā)布到推出新版本之間的小規(guī)模修改進(jìn)行調(diào)整，包括對(duì)幫

軟件界面設(shè)計(jì)要素

界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì)，軟件框架設(shè)計(jì)，按鈕設(shè)計(jì)，面板設(shè)計(jì)，菜單設(shè)計(jì)，標(biāo)簽設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，滾動(dòng)條及狀態(tài)欄設(shè)計(jì)，安裝過(guò)程設(shè)計(jì)，包裝及商品化。

在設(shè)計(jì)的過(guò)程中有較多注意的關(guān)鍵問(wèn)題，以下列出幾點(diǎn)：

(1)軟件啟動(dòng)封面設(shè)計(jì)

應(yīng)使軟件啟動(dòng)封面最終為高清晰度的圖像，如軟件啟動(dòng)封面需在不同的平臺(tái)、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式，并且對(duì)選用的色彩不宜超過(guò)256色，最好為216色安全色。軟件啟動(dòng)封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設(shè)計(jì)的統(tǒng)一和延續(xù)性。在上面應(yīng)該醒目的標(biāo)注制作或支持的公司標(biāo)志、產(chǎn)品商標(biāo)，軟件名稱，版本號(hào)，網(wǎng)址，版權(quán)聲明，序列號(hào)等信息，以樹立軟件形象，方便使用者或購(gòu)買者在軟件啟動(dòng)的時(shí)候得到提示。插圖宜使用具有獨(dú)立版權(quán)的，象征性強(qiáng)的，識(shí)別性高的，視覺(jué)傳達(dá)效果好的圖形，若使用攝影也應(yīng)該進(jìn)行數(shù)位處理，以形成該軟件的個(gè)性化特征。

(2)軟件框架設(shè)計(jì)

軟件的框架設(shè)計(jì)就復(fù)雜得多，因?yàn)樯婕败浖氖褂霉δ?，?yīng)該對(duì)該軟件產(chǎn)品的程序和使用比較了解，這就需要設(shè)計(jì)師有一定的軟件跟進(jìn)經(jīng)驗(yàn)，能夠快速的學(xué)習(xí)軟件產(chǎn)品，并且在和軟件產(chǎn)品的程序開發(fā)員及程序使用對(duì)象進(jìn)行共同溝通，以設(shè)計(jì)出友好的，獨(dú)特的，符合程序開發(fā)原則的軟件框架。軟件框架設(shè)計(jì)應(yīng)該簡(jiǎn)潔明快，盡量少用無(wú)謂的裝飾，應(yīng)該考慮節(jié)省屏幕空間，各種分辨率的大小，縮放時(shí)的狀態(tài)和原則，并且為將來(lái)設(shè)計(jì)的按鈕，菜單，標(biāo)簽，滾動(dòng)條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配，將軟件商標(biāo)放在顯著位置，主菜單應(yīng)放在左邊或上邊，滾動(dòng)條放在右邊，狀態(tài)欄放在下邊，以符合視覺(jué)流程和用戶使用心理。

(3)軟件按鈕設(shè)計(jì)

軟件按鈕設(shè)計(jì)應(yīng)該具有交互性，即應(yīng)該有3到6種狀態(tài)效果：點(diǎn)擊時(shí)狀態(tài)；鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài)；點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài)；點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài)；不能點(diǎn)擊時(shí)狀態(tài)；獨(dú)立自動(dòng)變化的狀態(tài)。按鈕應(yīng)具備簡(jiǎn)潔的圖示效果，應(yīng)能夠讓使用者產(chǎn)生功能關(guān)聯(lián)反應(yīng)，群組內(nèi)按鈕應(yīng)該風(fēng)格統(tǒng)一，功能差異大的按鈕應(yīng)該有所區(qū)別。

(4)軟件面板設(shè)計(jì)

軟件面板設(shè)計(jì)應(yīng)該具有縮放功能，面板應(yīng)該對(duì)功能區(qū)間劃分清晰，應(yīng)該和對(duì)話框，彈出框等風(fēng)格匹配，盡量節(jié)省空間，切換方便。

(5)菜單設(shè)計(jì)

菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài)，左邊應(yīng)為名稱，右邊應(yīng)為快捷鍵，如果有下級(jí)菜單應(yīng)該有下級(jí)箭頭符號(hào)，不同功能區(qū)間應(yīng)該用線條分割。

(6)標(biāo)簽設(shè)計(jì)

標(biāo)簽設(shè)計(jì)應(yīng)該注意轉(zhuǎn)角部分的變化，狀態(tài)可參考按鈕。

(7)圖標(biāo)設(shè)計(jì)

圖標(biāo)設(shè)計(jì)色彩不宜超過(guò)64色，大小為16x16、32x32兩種，圖標(biāo)設(shè)計(jì)是方寸藝術(shù)，應(yīng)該加以著重考慮視

覺(jué)沖擊力，它需要在很小的范圍表現(xiàn)出軟件的內(nèi)涵，所以很多圖標(biāo)設(shè)計(jì)師在設(shè)計(jì)圖標(biāo)時(shí)使用簡(jiǎn)單的顏色，利用眼睛對(duì)色彩和網(wǎng)點(diǎn)的空間混合效果，做出了許多精彩圖標(biāo)。

(8)滾動(dòng)條及狀態(tài)欄設(shè)計(jì)

滾動(dòng)條主要是為了對(duì)區(qū)域性空間的固定大小中內(nèi)容量的變換進(jìn)行設(shè)計(jì)，應(yīng)該有上下箭頭，滾動(dòng)標(biāo)等，有些還有翻頁(yè)標(biāo)。狀態(tài)欄是為了對(duì)軟件當(dāng)前狀態(tài)的顯示和提示。

(9)安裝過(guò)程設(shè)計(jì)

安裝過(guò)程設(shè)計(jì)主要是將軟件安裝的過(guò)程進(jìn)行美化，包括對(duì)軟件功能進(jìn)行圖示化。

(10)包裝及商品化

最后軟件產(chǎn)品的包裝應(yīng)該考慮保護(hù)好軟件產(chǎn)品，功能的宣傳融合于美觀中，可以印刷部分產(chǎn)品介紹，產(chǎn)品界面設(shè)計(jì)

第五篇：UI設(shè)計(jì)需要學(xué)習(xí)哪些內(nèi)容

UI設(shè)計(jì)需要學(xué)習(xí)哪些內(nèi)容

近些年隨著互聯(lián)網(wǎng)行業(yè)的飛速發(fā)展，越來(lái)越多的大型企業(yè)意識(shí)到用戶體驗(yàn)的重要性，于是，UI設(shè)計(jì)師乘勢(shì)而起，受到各大企業(yè)的追捧。在各大招聘平臺(tái)上，UI設(shè)計(jì)師供不應(yīng)求，一般起薪都在5000+，而有能力的UI設(shè)計(jì)師更是能達(dá)到10k+甚至是20k+的月薪。從以上信息來(lái)看，UI設(shè)計(jì)這個(gè)行業(yè)發(fā)展前景非常樂(lè)觀。因此，越來(lái)越多的學(xué)生也紛紛開始報(bào)班學(xué)習(xí)UI設(shè)計(jì)。

那么，既然UI設(shè)計(jì)這么火爆，會(huì)不會(huì)很難學(xué)？而UI設(shè)計(jì)需要學(xué)習(xí)哪些內(nèi)容呢？ 首先，咱先了解一下UI設(shè)計(jì)是做什么的。簡(jiǎn)單來(lái)講，UI 設(shè)計(jì)可以分三部分： 一是圖形設(shè)計(jì)，即傳統(tǒng)意義上的“美工”，當(dāng)然，實(shí)際上他們承擔(dān)的不是單純意義美術(shù)工人的工作，而是軟件產(chǎn)品飛產(chǎn)品“外形”設(shè)計(jì)。

二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，操作規(guī)范。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

三是用戶測(cè)試，主要是通過(guò)以目標(biāo)用戶問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。武漢新華電腦學(xué)校的UI設(shè)計(jì)課程分為不同的階段 A學(xué)段主修課程：

互聯(lián)網(wǎng)技術(shù)、PC端與移動(dòng)端的應(yīng)用與維護(hù) 商務(wù)辦公

三大構(gòu)成（平面構(gòu)成、色彩構(gòu)成、立體構(gòu)成）美術(shù)寫生、廣告攝影、中外美術(shù)鑒賞 綜合實(shí)訓(xùn)：繪畫與創(chuàng)意、手繪圖標(biāo) B學(xué)段主修課程： Photoshop圖像處理 CorelDRAW矢量繪圖 Illustrator圖形設(shè)計(jì)

Indesign圖文設(shè)計(jì)及印前工藝 Painter商業(yè)插畫設(shè)計(jì) CISVI策劃與設(shè)計(jì) 字體設(shè)計(jì)

綜合實(shí)訓(xùn)：圖形處理高級(jí)技法、單頁(yè)廣告設(shè)計(jì)、折頁(yè)廣告設(shè)計(jì) C學(xué)段主修課程： Dreamweaver+HTML5 Flash二維動(dòng)畫設(shè)計(jì) WEB界面設(shè)計(jì)規(guī)范及流程 WEB界面賞析

企業(yè)網(wǎng)站W(wǎng)EB界面設(shè)計(jì) 網(wǎng)站專題頁(yè)WEB界面設(shè)計(jì) 電子商務(wù)網(wǎng)站W(wǎng)EB界面設(shè)計(jì) CSS、CSS3層疊樣式表

實(shí)訓(xùn)：切網(wǎng)站項(xiàng)目、專題網(wǎng)站項(xiàng)目、電子商務(wù)網(wǎng)站項(xiàng)目 D學(xué)段主修課程：

交互原型圖軟件的使用規(guī)范

扁平風(fēng)圖標(biāo)、剪影圖標(biāo)、寫實(shí)圖標(biāo)、3D圖標(biāo)設(shè)計(jì) IOS應(yīng)用交互界面設(shè)計(jì)平板應(yīng)用交互界面設(shè)計(jì) Android應(yīng)用交互界面設(shè)計(jì)

綜合實(shí)訓(xùn)：書籍裝幀設(shè)計(jì)、POP廣告設(shè)計(jì)、招貼設(shè)計(jì)、包裝設(shè)計(jì)、畫冊(cè)設(shè)計(jì)、報(bào)刊廣告設(shè)計(jì)、WUI項(xiàng)目案例分析、WUI項(xiàng)目實(shí)戰(zhàn)。

以上就是武漢新華電腦學(xué)校的UI設(shè)計(jì)課程，更多問(wèn)題詳情可以搜索武漢新華電腦學(xué)校咨詢專業(yè)導(dǎo)師。