UI知識(shí)，UI設(shè)計(jì)和交互的區(qū)別(2)

舉個(gè)栗子，在設(shè)計(jì)一個(gè)數(shù)據(jù)分析界面時(shí)， UI 設(shè)計(jì)師可以決定使用滑塊還是控制旋鈕，通過這樣的控件來闡述圖表帶來的直觀感受。

此外 UI 設(shè)計(jì)師還負(fù)責(zé)制定視覺設(shè)計(jì)規(guī)范，確保產(chǎn)品設(shè)計(jì)的一致性；在規(guī)范中，明確一些UI 控件/組件的使用行為，比如確認(rèn)誤或取消提示。

熟悉不同分辨率的多端產(chǎn)品，諸如桌面端，Web 端和手機(jī)設(shè)備；能夠完成高質(zhì)量的視覺設(shè)計(jì)稿——從概念設(shè)計(jì)確定設(shè)計(jì)風(fēng)格到詳細(xì)設(shè)計(jì)。

設(shè)計(jì)內(nèi)容包括圖標(biāo)、圖形界面等；執(zhí)行統(tǒng)一的設(shè)計(jì)語言，撰寫并完善網(wǎng)站的設(shè)計(jì)規(guī)范，為產(chǎn)品注入美和生活氣息。” 這可能就是UI設(shè)計(jì)師日常事項(xiàng)啦。

設(shè)計(jì)產(chǎn)出物 ：視覺設(shè)計(jì)稿，視覺設(shè)計(jì)標(biāo)注規(guī)范 ，視覺設(shè)計(jì)規(guī)范文檔，視覺切圖

用的比較多的工具：Photoshop，Sketch，Illustrator，F(xiàn)ireworks，markman（視覺標(biāo)注軟件），cutterman。

2. UE 設(shè)計(jì)師

UX ，英文為 User Experience ,指的是用戶體驗(yàn)。一般而言，國內(nèi) UX 設(shè)計(jì)師，也稱為交互設(shè)計(jì)師或 UE 設(shè)計(jì)師（而國外的 UX 設(shè)計(jì)師指的是用戶體驗(yàn)設(shè)計(jì)師，交互設(shè)計(jì)師指的是動(dòng)效設(shè)計(jì)師）。

UX 設(shè)計(jì)師主要關(guān)注用戶對產(chǎn)品的體驗(yàn)感受，確保產(chǎn)品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。

正如一千個(gè)人眼里有一千個(gè)哈姆雷特，一個(gè)設(shè)計(jì)問題往往也沒有唯一解。UX 設(shè)計(jì)師會(huì)深入場景，探索多種不同的解決方案，這種深入思考通常能產(chǎn)生創(chuàng)新方案。

UX 設(shè)計(jì)師們通過頭腦風(fēng)暴、角色扮演、故事版等設(shè)計(jì)方法探索設(shè)計(jì)機(jī)會(huì)點(diǎn)，向著創(chuàng)造出“最好的”用戶體驗(yàn)?zāi)繕?biāo)而前進(jìn)，典型案例就是為新用戶設(shè)計(jì)一套令人愉悅的登錄流程。

總的來講，UX設(shè)計(jì)師是設(shè)計(jì)人與信息產(chǎn)品的流程和關(guān)系，歸根結(jié)底都要研究人、事、物的聯(lián)系，它是一個(gè)囊括計(jì)算機(jī)工程、心理學(xué)、設(shè)計(jì)的交叉學(xué)科。

進(jìn)行利益相關(guān)者訪談、用戶訪談，挖掘用戶需求，提煉用戶任務(wù)流；完整體驗(yàn)不同產(chǎn)品，挖掘交互設(shè)計(jì)模式，設(shè)計(jì)交互模式，撰寫交互設(shè)計(jì)稿，并最終形成交互設(shè)計(jì)規(guī)范/UIspec；跟進(jìn)視覺設(shè)計(jì)和開發(fā)，確保產(chǎn)品正常上線” 這可能就是UX設(shè)計(jì)師日常事項(xiàng)。

設(shè)計(jì)產(chǎn)出物：流程圖，網(wǎng)站地圖，故事版，交互設(shè)計(jì)原型圖（線框圖），UIspec ，交互設(shè)計(jì)規(guī)范。

用的比較多的工具：axure，Visio，Sketch，Illustrator，F(xiàn)ireworks，InVision，PPT，Keynote，Photoshop。