第一篇:ui設計師工作流程
ui設計師工作流程
導語:總體上一個合格的UI設計師的基本工作流程分為需求階段、分析設計階段、調研驗證階段、方案改進階段、用戶驗證反饋階段五大基本流程。下面就由小編為大家介紹一下ui設計師工作流程,希望對大家有所幫助!
需求階段
軟件產品依然屬于工業產品的范疇。依然離不開3W的考慮也就是使用者,使用環境,使用方式的需求分析。所以在設計一個軟件產品之前我們應該明確什么人用(用戶的年齡、性別、愛好、收入、教育程度等)。什么地方用。如何用。上面的任何一個元素改變結果都會有相應的改變。
除此之外在需求階段同類性質的軟件也是我們必須了解的。同類產品比我們提前問世,我們要比他作的更好才有存在的價值。那么單純的從界面美學考慮說哪個好哪個不好是沒有一個很客觀的評價標準的。我們只能說哪個更合適,更合適于我們的最終用戶的就是最好的 分析設計階段
通過分析上面的需求,我們進入設計階段。也就是方案形成階段。我們設計出幾套不同風格的界面用于被選。首先我們應該制作一個體現用戶定位的詞語坐標。例如我們為25歲左右的白領男性制作家居娛樂軟件。對于這類用戶我們分析得到的詞匯有:品質,精美,高檔,高雅,男性,時尚,cool,個性,親和,放松等。分析這些詞匯的時候我們會發現有些詞是絕對必須體現的,例如:品質,精美,高檔,時尚。但有些詞是相互矛盾的,必須放棄一些,例如:親和,放松與cool,個性與等。所以我們畫出一個坐標,上面是我們必須用的品質,精美,高檔,時尚。左邊是貼近用戶心理的詞匯:親和,放松,人性化。右邊是體現用戶外在形象的詞匯:cool,個性,工業化。然后我們開始搜集相呼應的圖片,放在坐標的不同點上。這樣根據不同作標點的風格,我們設計出數套不同風格的案例。
調研驗證階段
幾套風格必須保證在同等的設計制作水平上,不能明顯看出差異,這樣才能得到用戶客觀的反饋。
測試階段開始前我們應該對測試的具體細節進行清楚的分析描述。
例如:
數據收集方式:廳堂測試/模擬家居/辦公室。
測試時間:X年X月X日X日。
測試區域:北京、廣州、天津。
測試對象:某軟件界定使用用戶。
方案改進階段
經過用戶調研,我們得到目標用戶最喜歡的方案。而且了解到用戶為什么喜歡,還有什么遺憾等,這樣我們就可以進行下一步修改了。這時候我們可以把精力投入到一個方案上將方案做到細致精美。
用戶驗證階段
改正以后的方案,我們可以將他推向市場。但是設計并沒有結束。我們還需要用戶反饋,好的設計師應該在產品上市以后去站柜臺。零距離接觸最終用戶,看看用戶真正使用時的感想。為以后的升級版本積累經驗資料。
第二篇:一個合格UI設計師工作的基本流程
一個合格UI設計師工作的基本流程
總體上一個合格的UI設計師的基本工作流程分為需求階段、分析設計階段、調研驗證階段、方案改進階段、用戶驗證反饋階段五大基本流程。
需求階段
軟件產品依然屬于工業產品的范疇。依然離不開3W的考慮(Who、where、why)也就是使用者,使用環境,使用方式的需求分析。所以在設計一個軟件產品之前我們應該明確什么人用(用戶的年齡、性別、愛好、收入、教育程度等)。什么地方用(在辦公室/家庭/廠房車間/公共場所)。如何用(鼠標鍵盤/ 遙控器/觸摸屏)。上面的任何一個元素改變結果都會有相應的改變。
除此之外在需求階段同類性質的軟件也是我們必須了解的。同類產品比我們提前問世,我們要比他作的更好才有存在的價值。那么單純的從界面美學考慮說哪個好哪個不好是沒有一個很客觀的評價標準的。我們只能說哪個更合適,更合適于我們的最終用戶的就是最好的。如何判定最合適于用戶呢,后面我會介紹用戶調研。
段分析設計階段
通過分析上面的需求,我們進入設計階段。也就是方案形成階段。我們設計出幾套不同風格的界面用于被選。首先我們應該制作一個體現用戶定位的詞語坐標。例如我們為25歲左右的白領男性制作家居娛樂軟件。對于這類用戶我們分析得到的詞匯有:品質,精美,高檔,高雅,男性,時尚,cool,個性,親和,放松等。分析這些詞匯的時候我們會發現有些詞是絕對必須體現的,例如:品質,精美,高檔,時尚。但有些詞是相互矛盾的,必須放棄一些,例如:親和,放松與cool,個性與等。所以我們畫出一個坐標,上面是我們必須用的品質,精美,高檔,時尚。左邊是貼近用戶心理的詞匯:親和,放松,人性化。右邊是體現用戶外在形象的詞匯:cool,個性,工業化。然后我們開始搜集相呼應的圖片,放在坐標的不同點上。這樣根據不同作標點的風格,我們設計出數套不同風格的案例。
研驗證階段
幾套風格必須保證在同等的設計制作水平上,不能明顯看出差異,這樣才能得到用戶客觀的反饋。
測試階段開始前我們應該對測試的具體細節進行清楚的分析描述。
例如:
數據收集方式:廳堂測試/模擬家居/辦公室。
測試時間:X年X月X日X日。
測試區域:北京、廣州、天津。
測試對象:某軟件界定使用用戶。
主要特征為:
?對電腦的硬件配置以及相關的性能指標比較了解,電腦應用水平較高;
?電腦使用經歷一年以上;
?家庭購買電腦時品牌和機型的主要決策者
?年齡:X-X歲;
?年齡在X歲以上的被訪者文化程度為大專及以上;
?個人月收入X以上或家庭月收入X元及以上;
?樣品;
?五套軟件界面;
?樣本量:X個,實際完成X個。
調研階段需要從以下幾個問題出發:
?用戶對各套方案的第一印象;
?用戶對各套方案的綜合印象;
?用戶對各套方案的單獨評價;
?選出最喜歡的;
?選出其次喜歡的;
?對各方案的色彩,文字,圖形等分別打分;
?結論出來以后請所有用戶說出最受歡迎方案的優缺點。
所有這些都需要用圖形表達出來,直觀科學。
方案改進階段
經過用戶調研,我們得到目標用戶最喜歡的方案。而且了解到用戶為什么喜歡,還有什么遺憾等,這樣我們就可以進行下一步修改了。這時候我們可以把精力投入到一個方案上(這里指不能換皮膚的應用軟件或游戲的界面)將方案做到細致精美。
用戶驗證階段
改正以后的方案,我們可以將他推向市場。但是設計并沒有結束。我們還需要用戶反饋,好的設計師應該在產品上市以后去站柜臺。零距離接觸最終用戶,看看用戶真正使用時的感想。為以后的升級版本積累經驗資料。
文章摘自:[]
第三篇:ui設計師助理工作內容
ui設計師助理工作內容
UI設計師的涉及范圍包括商用平面設計、高級網頁設計、移動應用界面設計及部分包裝設計,是目前中國信息產業中最為搶手的人才之一。下面是小編為大家整理的關于ui設計師助理的工作內容,歡迎大家的閱讀。
1、根據產品需求,對產品的整體美術風格、交互設計、界面結構、操作流程等做出設計;
2、負責項目中各種交互界面、圖標、LOGO、按鈕等相關元素的設計與制作;
3、能積極與開發溝通,推進界面及交互設計的最終實現。
4、負責軟件界面的美術設計、創意工作和制作工作。
5、根據各種相關軟件的用戶群,提出構思新穎、有高度吸引力的創意設計。
6、對頁面進行優化,使用戶操作更趨于人性化。
7、維護現有的應用產品。
UI即User Interface的簡稱。
UI設計從工作內容上來說分為3個方向。它主要是由UI 研究的3個因素決定的,其分別是研究工具,研究人與界面的關系,研究人。
研究工具
研究界面----圖形設計師Graphic UI designer
美工,但實際上不是單純意義上的美術工人,而是軟件產品的產品外形設計師。
這些設計師大多是美術院校畢業的,其中大部分是有美術設計教育背景,例如工業外形設計,裝潢設計,信息多媒體設計等。
研究人與界面的關系
藍色代表工具,紅色代表關系,綠色代表人
研究人與界面的關系---交互設計師,interaction designer
在圖形界面產生之前,長期以來UI設計師就是指交互設計師。交互設計師的工作內容就是設計軟件的操作流程,樹狀結構,軟件的結構與操作規范等。一個軟件產品在編碼之前需要作的就是交互設計,并且確立交互模型,交互規范。
交互設計師一般都是軟件工程師背景居多。
研究人
研究人----用戶測試/研究工程師User experience engineer
任何的產品為了保證質量都需要測試,軟件的編碼需要測試,自然UI設計也需要被測試。這個測試和編碼沒有任何關系,主要是測試交互設計的合理性以及圖形設計的美觀性。測試方法一般都是采用焦點小組,用目標用戶問卷的形式來衡量UI設計的合理性。這個職位很重要,如果沒有這個職位,UI設計的好壞只能憑借設計師的經驗或者領導的審美來評判,這樣就會給企業帶來嚴重的風險性。
用戶研究工程師一般是心理學人文學背景比較合適。
第四篇:UI設計師試題
UI設計師試卷
試卷編號:(182)試題總分:150分
---------單選題共20題:(60分,每小題3分)1.題干:UI設計是什么意思?(A)A:User Interface的縮寫,是指用戶界面設計 B:User Identity的縮寫,是指用戶識別設計 C:User Ideal的縮寫,是指用戶目標設計 D:UserIntention的縮寫,是指用戶意圖設計 2.題干:網頁設計中的網頁界面柵格化是指(C)A:使用ps設計網頁界面過程中,將所有的層都格式化圖層 B:在頁面制作時,將所有的層寬度統一
C:柵格系統英文為“grid systems”,是從平面柵格系統中發展而來,以規則的網格陣列來指導和規范網頁中的版面布局以及信息分布。通俗點講是在網頁界面設計中,運用固定的格子設計版面布局,使頁面風格工整簡潔
D:網頁設計中,使用背景是格子樣式的背景圖案
3.題干:以下AB兩組色彩中,哪組色彩體現了“安寧、平靜”的感覺?(A)
A:
B:
4.UI設計交付物都包含哪些?(C)
A.UI設計規范
B.產品原型
C.PSD效果圖
D.HTML頁面
5.題干:網頁設計Web UI中,針對現在主流瀏覽器的大小設定,最常見的頁面寬度為(A)
A:960px、970px、980px、990px、1000px B:1680px、2400px、3200px C:180px、240px、360px、400px D:無相關具體數值要求
6.題干:網頁界面設計中,一般使用的分辨率的顯示密度是多少dpi(C)
A:300dpi B:200dpi C:72dpi D:600dpi 7.題干:下列手機端UI設計分類排列方式中,哪種是類似九宮格的形式(A)
A:B:
C: D:
8.題干:UI視覺設計常用軟件是(C)
A:Word B:Excel C:Photoshop D:Firefox 9.題干:在Photoshop中,圖像最基本的組成單元是(C)A:色彩空間 B:節點 C:像素 D:通道
10.題干:下列哪一種不屬于UI設計范疇(C)A:網頁設計 B:手機界面設計 C:戶外海報設計 D:軟件界面設計
11.題干:下列哪一項是正確的CSS語法構成(C)A:body:color=black B:{body;color:black} C:body {color:black} D:body {color=black} 12.題干:css標簽中background-color是什么意思(A)A:背景顏色 B:前景顏色 C:灰色模式 D:透明模式
13.題干:以下說法正確的是(B)
A:我們要學習的UI,英文全稱為User Identity,即用戶身份識別設計的簡稱
B:UI設計是指對互聯網、移動互聯網、軟件等產品的人機交互、操作邏輯、界面美觀的整體設計
C:UI設計師就是做程序開發的人
D:UI設計師不用了解和研究用戶群體及群體使用習慣,只需要按自己的喜好進行設計就可以
14.題干:以下說法不正確的是(D)
A:UI設計是一種如何讓產品界面美觀易用,有效而讓人愉悅的設計過程,它致力于了解目標用戶和他們的期望,了解用戶使用產品時的行為、視覺感受,了解“人”本身的心理和行為特點
B:產品是指用戶瀏覽或使用的網站或者手機端應用軟件等
C:根據界面的表現形式、使用范圍的不同,UI設計進行了一個簡單的使用范圍的分類,即分為:網頁設計WEB UI和圖形化界面設計GUI D:我們要學習的GUI 是 Good User Interface 的簡稱,即良好的用戶界面 15.題干:以下說法不正確的是(D)
A:門戶網站:是指通向某類綜合性互聯網信息資源并提供有關信息服務的應用系統。典型的門戶網站有新浪網、網易和搜狐網等
B:SNS:全稱Social Networking Services,即社會性網絡服務,專指旨在幫助人們建立社會性網絡的互聯網應用服務,典型的sns網站:校內網、開心網、facebook、騰訊微博等等
C:IM:即時通訊(Instant Messenger,簡稱IM),是一種基于互聯網的及時交流消息的業務,代表產品有:百度Hi、MSN、QQ等
D:B2B:(Business To Business),是指一個互聯網市場領域的一種,是企業對企業之間的營銷關系。代表產品有:淘寶、京東商城等
16.題干:下列電子商務產品說法不正確的是(D)
A:C2C:是個人與個人之間的電子商務。c2c即消費者間,因為英文中的2的發音同to,所以c to c簡寫為c2c。c指的是消費者,因為消費者的英文單詞是Consumer,所以簡寫為c,而C2C即 Consumer to Consumer。代表產品有:淘寶、ebay B:O2O:即Online To Offline,也即將線下商務的機會與互聯網結合在了一起,讓互聯網成為線下交易的前臺。這樣線下服務就可以用線上來攬客,消費者可以用線上來篩選服務,還有成交可以在線結算,很快達到規模。代表產品:蘇寧、大中、海爾等
C:B2M:指Business to Manager ,是相對于B2B、B2C、C2C的一種全新的電子商務模式。B2M相對于以上三種有著本質的不同,其根本的區別在于目標客戶群的性質不同.前三者的目標客戶群都是作為一種消費者的身份出現,而B2M所針對的客戶群是該企業或者該產品的銷售者或者為其工作者,而不是最終消費者。也就是說,B2M相當于通過網絡尋找中間代理人、分銷渠道
D:B2C,是個人對個人的一種電子商務模式 17.題干:下列說法不正確的是(C)
A:瀏覽器(Browser):指在我們使用的電腦上安裝的,用來顯示指定文件的程序。WWW的原理就是通過網絡客戶端(Client)的瀏覽器去讀指定文件。例如網頁瀏覽器。IE、火狐瀏覽器
B:Banner(橫幅廣告):是互聯網廣告中最基本的廣告形式
C:BBS:英文全稱是Bulletin Board system,翻譯為中文就是“電子公告板”。俗稱“記事本”
D:BLOG:全名應該是Web log,中文意思是“網絡日志”,后來縮寫為Blog,而博客(Blogger)就是寫Blog的人
18.題干:下列說法不正確的是(D)A:App:是英文Application的簡稱,由于iPhone智能手機的流行,現在的APP多指智能手機的第三方應用程序。app的應用很多,所有安裝在手機端、pad端等的應用,統稱為app產品
B:API:應用程序接口(API:Application Program Interface),API 的主要功能是提供通用功能集。程序員通過使用 API 函數開發應用程序,從而可以避免編寫無用程序,以減輕編程任務。代表產品:新浪微博API,百度地圖API C:FTP:File Transfer Protocol的縮寫,即文本傳輸協議,我們常用于將自己電腦里的網站及頁面傳輸到服務器端的一種工具
D:IP:ip地址是指我們住宅的地址
19.題干:在Photoshop中,快捷鍵Ctrl + Alt+C 將打開哪個操作面板(B)A:圖像大小 B:畫布大小 C:自動色調 D:自動對比度
20.題干:在photoshop中,快捷方式shift+ctrl+alt+t,多用于什么操作(A)A:按圓形,以固定角度復制原始形狀 B:橫向復制圖層 C:縱向復制圖層本身 D:無動作
--------------多選題共5題:(10分,每小題2分)1.題干:交互設計過程中常用軟件有哪些(AB)A:Axure B:Photoshop C:Vision D:Mysql 2.題干:UI設計的細分研究方向包含以下哪幾項(ACD)A:交互設計 B:數據庫設計 C:用戶研究 D:視覺設計 3.題干:交互設計研究范圍包含以下哪幾項(ABCD)A:任務分析 B:說明實時響應標準 C:流程設計 D:易用性評估
4.題干:視覺設計研究范圍包含以下哪幾項(ABCD)A:創建可識別的圖像 B:精美的外觀
C:產品整體視覺統一性 D:布局構圖合理性及美觀度
5.題干:手機UI設計中的按鈕狀態包含以下哪幾項(AB)A:默認狀態 B:點擊狀態 C:不可用狀態 D:滑過狀態
---------------判斷共5題:(10分,每小題2分)
1.題干:手機觸屏操作比網頁鼠標精確度高(B)A:正確 B:錯誤
2.題干:iphone 4s界面大小為640px*960px(A)A:正確 B:錯誤
3.題干:手機界面更多的以文字表現而不是圖形表現(B)A:正確 B:錯誤
4.題干:GUI包含網頁界面設計、手機界面設計和游戲界面設計(B)A:正確 B:錯誤
5.題干:用戶的瀏覽習慣是從右到左,從上到下(B)A:正確 B:錯誤
------------------主觀題共1題:(70分,每小題2分)1.題干:
測試軟件應用熟練度,請使用任何一種軟件,將下圖完全臨摹出來。
第五篇:UI設計師崗位職責[范文模版]
UI設計師
崗位職責:
1.負責web端頁面及移動端產品相關界面設計; 2.負責視覺風格設定及UI規范設定; 3.負責平面海報設計;
4.完成上級交辦的其他任務。
崗位要求:
1.有WEB端及移動端整體UI項目設計經驗并有作品展示;
2.本科及以上學歷,3年以上工作經驗,能獨立完成網站、系統等界面設計,對視覺設計方法和理念熟練掌握,有家裝設計經驗者優先;
3.精通Illustrator、PS、CorelDraw等圖形軟件,熟悉AE、PR等視頻剪輯軟件; 4.具備扎實的美術設計功底,富有創新能力,手繪能力好優先; 5.有良好的溝通協調能力及表達能力;
6.有良好的抗壓能力及團隊協調能力,態度端正,能及時有效完成工作任務。