UX設計師/交互設計師

UX，英文為UserExperience,指的是用戶體驗。一般而言，國內(nèi)UX設計師，也稱為交互設計師或UE設計師(而國外的UX設計師指的是用戶體驗設計師，交互設計師指的是動效設計師)。

UX設計師主要關注用戶對產(chǎn)品的體驗感受，確保產(chǎn)品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。正如一千個人眼里有一千個哈姆雷特，一個設計問題往往也沒有唯一解。UX設計師會深入場景，探索多種不同的解決方案，這種深入思考通常能產(chǎn)生創(chuàng)新方案。

一般而言，UX設計師使用一些用戶研究方法&設計方法作為輔助，通過現(xiàn)場觀察、可用性測試、用戶訪談等用戶研究方法了解用戶使用行為，發(fā)現(xiàn)產(chǎn)品體驗問題。

說到這里，會發(fā)現(xiàn)國外UX設計師也在做用研，有木有?而國內(nèi)這一點上其實除了有完整UED設計部門的較大互聯(lián)網(wǎng)公司(分工比較明確，UX設計師很少會去做訪談相關內(nèi)容，普遍都是用研童鞋來負責這一部分)，創(chuàng)業(yè)公司和設計咨詢公司中的UX設計師基本上也都會兼顧用研;UX設計師們通過頭腦風暴、角色扮演、故事版等設計方法探索設計機會點，向著創(chuàng)造出“最好的”用戶體驗目標而前進，典型案例就是為新用戶設計一套令人愉悅的登錄流程。

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

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

對于UX設計師，你可能會聽到他們很自然的說：“我們應該在用戶登錄成功后展示一個感謝頁面。”

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

工具：axure，OmniGraffle，Visio，Sketch，Illustrator，F(xiàn)ireworks，InVision，PPT，Keynote，Photoshop

視覺設計師

說起視覺設計師，通常會聯(lián)想到“扣像素”的處女座，相比于UX設計師梳理流程、組織信息架構等內(nèi)容，他們更在意精美的圖標、按鈕等視覺元素以及合適的排版。視覺設計師經(jīng)常在Photoshop中4x到8x的縮放級別中操作，細致刻畫容易忽略的小細節(jié)。

一般國內(nèi)而言，諸如UI設計師、GUI設計師、運營設計師、平面設計師等名稱各異的設計師頭銜，在不同場合也都被稱為視覺設計師。聽到這里，是不是已經(jīng)開始迷失在這些形形色色的概念里呢，下面就讓我一一來解密這些設計師吧。

1.UI設計師/GUI設計師

UI，英文為UserInterface，指的是用戶界面，也就是人與機器互動的界面?？梢岳斫鉃閁X的一個分支，不同于UX設計師需要關注產(chǎn)品的整體感覺，UI設計師更關注產(chǎn)品以怎樣的界面呈現(xiàn)。其實互聯(lián)網(wǎng)領域中，UI和UX設計師的界限相當模糊，在很多創(chuàng)業(yè)公司，這兩個設計角色是合二為一的。

國內(nèi)而言，目前一般把屏幕上顯示的圖形用戶界面(GUI：GraphicUserInterface)都簡單稱為UI。我們經(jīng)常聽到的UI設計師，其實指的是GUI設計師，也就是圖形界面視覺設計師，負責產(chǎn)品或網(wǎng)站的圖形、圖標、色彩、視覺風格等，決定營造出什么樣的視覺體驗。從視覺層面把控產(chǎn)品界面設計，確保UI稿在視覺上清晰的傳達UX設計師的交互設計稿，也就是高保真視覺稿。

舉個栗子，在設計一個數(shù)據(jù)分析界面時，UI設計師可以決定使用滑塊還是控制旋鈕，通過這樣的控件來闡述圖表帶來的直觀感受。此外UI設計師還負責制定視覺設計規(guī)范，確保產(chǎn)品設計的一致性;在規(guī)范中，明確一些UI控件/組件的使用行為，比如錯誤或警告提示。

“熟悉不同分辨率的多端產(chǎn)品，諸如桌面端，Web端和手機設備;能夠完成高質(zhì)量的視覺設計稿——從概念設計確定設計風格到詳細設計，設計內(nèi)容包括圖標、圖形界面等;執(zhí)行統(tǒng)一的設計語言，撰寫并完善網(wǎng)站的設計規(guī)范，為產(chǎn)品注入美和生活氣息。”這可能就是UI設計師日常事項啦。

對于UI設計師，你可能會聽到他們很自然的說：“登錄和注冊鏈接應該移到右上角”、“這個字距不行，那個按鈕應該向左移動1像素!”

設計產(chǎn)出物：視覺設計稿，視覺設計標注規(guī)范，視覺設計規(guī)范文檔，視覺切圖

工具：Photoshop，Sketch，Illustrator，F(xiàn)ireworks，markman(視覺標注軟件)