UI設計和UX設計到底有什麼區別?

2020-12-12 騰訊網

也許你曾困惑在UI設計和UX設計到底有什麼差別？

對於這兩個職位的異同，很多人的認識都比較模糊。今天我們就來說一說，這兩個看似名字相同的職業，到底區別在哪裡？

UI = User Interface 用戶界面

是指用戶界面，即人機互動的界面，有移動端的GUI和網頁端的WUI之分，統稱為UI

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

常用工具：Photoshop，Sketch，Illustrator，Fireworks，MarkMan

UX = User Experience 用戶體驗

是指用戶使用產品的一種體驗和感受，包括體驗的行為、情感等方面，UX偏互動設計

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

常用工具：axure，Visio，Sketch，Illustrator，Fireworks，InVision，PPT，Keynote，Photoshop

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

UI和UX工作職責的區別

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

UI 是布局設計，視覺設計，品牌形象。

UI 涉及人機互動、工業設計、視覺和聲音設計等。

UI 設計重心則是色彩、排版等視覺方面。

UI 是你使用的部分。

UX 職責包括用戶畫像，用戶故事，用戶調研，可用性測試。圖片

UX 包含信息架構、內容策略在內的更多部分。UI 屬於 UX 的一部分。

UX 設計以用戶為中心，關注任務流和使用場景。如：UI 關注按鈕的顏色，考慮的是視覺的部分。而 UX 則關注按鈕放置的位置是否合適，從用戶體驗角度，解決用戶痛點。

而 UX 是在你使用時的感受。

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

相關焦點

  • 2021年UI設計趨勢指南
    原文地址： https://uxdesign.cc/a-guide-of-ui-design-trends-for使用模糊背景讓你的設計看起來有機，溫暖，備受歡迎。 6、審美極簡主義 這可能是我個人最喜歡的趨勢。沒有什麼比一個簡單的、最小可讀的用戶界面更令人愉悅的了。
  • 2021設計趨勢:UI/UX篇
    3D無疑是2021的設計趨勢，每一個設計細分領域都有它的身影。新奇的是它開始在扁平化所主導的UI領域被應用。根據Forbes.com，移動用戶在App花費了90% 的時間,而在瀏覽器和移動網站的花費僅僅為10%。當然App同樣有劣勢，如更高的研發和維護成本。2.
  • UI設計中彈窗設計指南
    非模態彈窗——非模態彈窗一般被設計成用來告訴用戶信息內容，而模態彈窗除了告訴用戶信息內容外還需要用戶進行功能操作。兩者的區別就是在於需不需要用戶對其進行回應。首先，因為處於獨佔模式，彈框能夠迅速抓住用戶的注意力;其次，層級清晰，半透明遮罩能讓用戶感覺自己沒有離開原頁面，清楚當前在哪裡，接下來要做什麼;其次在當前頁面彈出可以避免二次頁面加載和跳轉，能夠快速向用戶展示信息。
  • 普通UI如何進階大廠UX?專業技能和思維意識缺一不可
    從UI到UX的距離之前寫過一篇UI和UX到底有何異同的文章，裡面詳細的描述了UI和UX在國內外環境下的真實差異。偏專業的解釋兩者的差別就是設計思考側重的不同，一個偏感性的視覺層面，另一個偏理性的調研和數據層面。在國外兩者並不存在進化關係，只是側重不同而已。但在國內為何UX變成了UI的進階呢？
  • 哈爾濱UI設計培訓初翼教育
    本網12月24日訊 哈爾濱ui培訓哪個好？哈爾濱ui設計培訓機構，哈爾濱ui設計培訓哪裡好，哈爾濱UI設計培訓學校初翼教育，哈爾濱ui設計培訓學校哪家好？就選擇初翼教育
  • ui設計學習之配色攻略
    ui設計學習之配色攻略，有過ui設計培訓經驗的人都知道，配色的步驟是從確定主色開始，然後在選擇與之相匹配的副色，最後在根據排版、造型等方面進行增加點綴色。主色相對而言是比較容易選擇的，但是副色和點綴色的選擇就比較有難度了，這不僅要求設計師對於色彩有深刻，而且還要有深厚的色彩搭配能力。今天小編就跟大家分享三種選擇副色和點綴色的實用方法。一、運用色相環如何做好色彩的搭配？
  • 2020年ui設計的流行趨勢
    2020年ui設計的流行趨勢，技術的飛速發展讓ui設計師這個行業越來越受企業的重視，作為ui設計師來說，準確的掌握當下的流行趨勢，不僅能夠有效的提升自己的設計水準，也能適應當前的市場需求。今天優行者小編就要跟大家分享2020年的流行趨勢，感興趣的同學接著往下看。
  • 女生適合學習UI設計嗎?女生學UI設計累不累?
    UI設計作為目前最火的職業之一，除了有很好的就業前景外，薪酬也不低，很多人都有了想入行的想法，其中包含了不少女生。像最近就有不少女生私信問小編，女生適合做UI設計嗎？女生學ui設計難不難？做UI設計會不會很辛苦？下面小編針對以上這些個問題，發表一下看法，有疑惑的不妨繼續往下看。
  • 現在學UI設計的是不是都是傻子
    首先我們從標題可以推斷出：一、提問者應該是UI設計設計小白，甚至是IT小白，但是對設計這個行業感興趣或者有學習UI設計入行的想法，這樣提問可能只是為了博眼球，想吸引大家回答從而得出一些關於UI設計行業有關的「爆料」，從而確定現在學UI設計是不是明智之舉。
  • ui設計可提取哪些品牌視覺元素
    ui設計可提取哪些品牌視覺元素？每個品牌具備相應的視覺表現元素，這些元素的不同組合能夠創造出不同的視覺效果，於是很多企業會選擇在ui設計中融入品牌元素，提升品牌知名度。那麼接下來小編就給大家簡單講一下進行ui設計能夠提取哪些品牌視覺元素？
  • 平面設計到底是幹什麼的
    好多的童學們，都在諮詢我，平面設計是做什麼的?之前回到老家，每次和親朋好友談起我是平面設計師，然後就得跟對方解釋半天。今天我就針對平面設計到底是幹什麼的進行簡單的說明。情景一親朋好友問：你是幹什麼的?我答：我是搞平面設計的。親朋好友:額，有空幫我把新房設計一下。
  • 想知道學ui設計的培訓班費用是多少有學過的人講講嗎
    學ui設計的培訓班費用是多少現在都2020年為什麼還有人會在問學UI設計設計的培訓班費用是多少，影響的因素實在有太多就算是同一家機構不同校區的UI費用都不同，所以你想了解一家哪個地區的培訓班費用呢？同一家機構線上教學線下教學的費用又是不同，所以學習費用真和能不能學到是兩碼事，我從事UI設計也有6年的時間了算是挺早的一批UI學員了，和大家聊聊如何選擇一家靠譜的UI培訓班。
  • UX與UI:它們如何在網頁設計中一起工作
    如果用術語「UX」和「UI」來描述網站設計，那麼您可能會一頭霧水，尤其是對於設計行業以外的人來說。如果您打算為某個項目僱用網站設計師或網站建設公司，則應該了解UX與UI設計之間的區別，以便您了解其提供的技能和服務。
  • 「偉大的設計」和「好的設計」有什麼區別?
    編輯導語：對於產品設計來說，我們經常能聽到「好的設計」和「偉大的設計」，雖然都是對設計師的誇讚，但是二者之間也有所不同。本文作者結合實際案例，對這二者進行了分析，讓我們一起來看看「偉大的設計」和「好的設計」究竟有什麼區別吧。
  • 如何將動畫製作完美的運用在ui設計中
    如何將動畫製作完美的運用在ui設計中，有過動畫設計基礎的同學們應該都知道迪士尼動畫設計的十二原則，這是在傳統動畫領域中最為重要的原則之一，雖然這些原則最初是應用在動畫設計當中，但是實際上在如今的ui界面當中，同樣是適用，並且效果拔群的。
  • 數字媒體藝術設計和視覺傳達設計,有什麼區別?
    數字媒體藝術設計和視覺傳達設計有什麼區別，這是很多美術藝考生沒有搞清楚的比較，我們以四川美術學院的專業介紹來進行詳細說明：視覺傳達設計專業（方向）核心課程：視覺表述，圖形符號，中英文字體基礎，版式邏輯編排
  • 漢語拼音ui和iu,到底有什麼不同,如何區分呢?
    看起來與上節課學習的雙韻母ui，非常的相似。孩子們在學習iu的時候，很難將這兩個漢語拼音字母的讀音給區分開。所以說，區分ui和iu，就是這節課學習的重點和難點。也是家長輔導孩子的重點。那麼，漢語拼音ui和iu，到底有什麼不同呢？如何將他們徹底區分開呢？如何讓孩子做到，看一眼，就能準確地讀出來它的發音呢？
  • 低學歷學什麼技術,UI設計可以嗎
    最近很多學員問我，說我學習低，也不是什麼科班出身，也不是本科畢業，然後在學習你們的UI設計，到最後學出來了，能找到工作嗎?針對這個問題，今天周老師來和大家從各方面來探討一下，學歷低的學習UI設計能找到工作嗎?
  • UI/UX設計對app開發公司的重要性
    一款優秀的app開發時期，對UI/UX設計一定是極其重視的，這不單單是app開發的開始，更是app開發的未來。一款app具備精美的用戶界面，讓app擁有極強的吸引力的同時，還能夠對用戶帶來深遠的持久的良好體驗影響。
  • 想了解最新的設計資訊?看看這10個設計資訊站吧
    >推薦理由：外國平面設計師展示作品網站， 匯集了來自世界各地的設計師、插畫師、程式設計師和設計機構，在這裡分享他們所遇到的最優秀的設計作品，當然該博客就是創作作品的國際展臺。5、UI頭條網址：uih2.com推薦理由：是一個UI互動設計的閱讀平臺，包括產品、視覺、用戶研究等資訊和深度文章分析。