ui和ux之

一、UI和UX兩者的區別

1. UI 設計師

UI，指的是用戶界面，也就是人與機器互動的界面。同時又有GUI和WUI之分，不過一般的話統稱是UI設計師。

在PC端從事網頁設計，我們稱呼WUI設計師或者網頁設計師。

在移動端，從事移動設計的稱呼為GUI設計師。

而UI可以理解為UX的一個分支，不同於UX 設計師需要關注產品的整體感覺，UI 設計師更關注產品以怎樣的界面呈現。

其實互聯網領域中，UI 和 UX 設計師的界限相當模糊，在很多創業公司，這兩個設計角色是合二為一的。這個就是為什麼很多中小型的公司為什麼要求UI設計會交互，或者交互又要懂UI的原因。

國內而言，目前一般把屏幕上顯示的圖形用戶界面（GUI ：Graphic User Interface）都簡單稱為UI。

我們經常聽到的UI設計師，其實指的是GUI設計師，也就是圖形界面視覺設計師，負責產品或網站的圖形、圖標、色彩、視覺風格等，決定營造出什麼樣的視覺體驗。

從視覺層面把控產品界面設計，確保UI稿在視覺上清晰的傳達UX設計師的交互設計稿，也就是高保真視覺稿。

舉個栗子，在設計一個數據分析界面時， UI 設計師可以決定使用滑塊還是控制旋鈕，通過這樣的控制項來闡述圖錶帶來的直觀感受。

此外 UI 設計師還負責制定視覺設計規範，確保產品設計的一致性；在規範中，明確一些UI 控制項/組件的使用行為，比如確認誤或取消提示。

熟悉不同解析度的多端產品，諸如桌面端，Web 端和手機設備；能夠完成高質量的視覺設計稿--從概念設計確定設計風格到詳細設計。

設計內容包括圖標、圖形界面等；執行統一的設計語言，撰寫並完善網站的設計規範，為產品注入美和生活氣息。」 這可能就是UI設計師日常事項啦。

設計產出物 ：視覺設計稿，視覺設計標註規範 ，視覺設計規範文檔，視覺切圖

用的比較多的工具：Photoshop，Sketch，Illustrator，Fireworks，markman（視覺標註軟體），cutterman。

2. UE 設計師

UX ，英文為 User Experience ,指的是用戶體驗。一般而言，國內 UX 設計師，也稱為交互設計師或 UE 設計師（而國外的 UX 設計師指的是用戶體驗設計師，交互設計師指的是動效設計師）。

UX 設計師主要關注用戶對產品的體驗感受，確保產品邏輯的流程可以跑得通，甚至跑得順、跑得精彩。

正如一千個人眼裡有一千個哈姆雷特，一個設計問題往往也沒有唯一解。UX 設計師會深入場景，探索多種不同的解決方案，這種深入思考通常能產生創新方案。

UX 設計師們通過頭腦風暴、角色扮演、故事版等設計方法探索設計機會點，向著創造出「最好的」用戶體驗目標而前進，典型案例就是為新用戶設計一套令人愉悅的登錄流程。

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

進行利益相關者訪談、用戶訪談，挖掘用戶需求，提煉用戶任務流；完整體驗不同產品，挖掘交互設計模式，設計交互模式，撰寫交互設計稿，並最終形成交互設計規範/UIspec；跟進視覺設計和開發，確保產品正常上線」 這可能就是UX設計師日常事項。

設計產出物：流程圖，網站地圖，故事版，交互設計原型圖（線框圖），UIspec ，交互設計規範。

用的比較多的工具：axure，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop。

二、UI和UX工作責職的區別

從專業分工來看，UX和UI的工作內容有不同之處，但也有重合的部分。

1、UI 關注產品功能，UX關注用戶情感。

2、UI 則是布局設計，視覺設計，品牌形象。UX 職責包括用戶畫像，用戶故事，用戶調研，可用性測試。連接兩者的是線框圖。

3、UI 涉及人機交互、工業設計、視覺和聲音設計等。而 UX 則包含信息架構、內容策略在內的更多部分，他需要從整體動態流程上考慮產品是否能解決用戶的問題。UI 屬於 UX 的一部分。

4、UI 設計重心則是色彩、排版等視覺方面。UX 設計以用戶為中心，關注任務流和使用場景。相似之處是兩人都留著大鬍子。

5、UI 是你使用的部分，而 UX 是在你使用時的感受。

6、UI 設計師關注按鈕的顏色，考慮的是視覺的部分，是產品看起來如何。而 UX 設計師則關注按鈕放置的位置是否合適，最終出發點是用戶的感受 ，想要弄清楚人類想要使用的是什麼，解決用戶痛點。

近年來，在「設計思考流程」的趨勢下，整體性設計流程越來越受到關注，UI和UX設計師的界限變得越來越模糊，設計師不再關細節部分，而是著眼整體和全局，只為打造以用戶為中心的最佳產品體驗。