正文

ui設(shè)計(jì)涉及的領(lǐng)域（ui設(shè)計(jì)涉及的領(lǐng)域包括）

發(fā)布時(shí)間：2023-04-28 02:44:08 稿源：創(chuàng)意嶺閱讀： 1175

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于ui設(shè)計(jì)涉及的領(lǐng)域的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國(guó)，設(shè)計(jì)相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、UI設(shè)計(jì)專業(yè)都涉及哪些專業(yè)知識(shí)？
2、UI設(shè)計(jì)的應(yīng)用領(lǐng)域都有哪些？
3、ui設(shè)計(jì)的應(yīng)用領(lǐng)域有哪些
4、UI設(shè)計(jì)的應(yīng)用領(lǐng)域都有哪些

ui設(shè)計(jì)涉及的領(lǐng)域（ui設(shè)計(jì)涉及的領(lǐng)域包括）

一、UI設(shè)計(jì)專業(yè)都涉及哪些專業(yè)知識(shí)？

學(xué)習(xí)UI設(shè)計(jì)技術(shù)需要具備以下三方面知識(shí)：

第一：交互設(shè)計(jì)。交互設(shè)計(jì)是UI設(shè)計(jì)的重要設(shè)計(jì)內(nèi)容之一，由于交互設(shè)計(jì)對(duì)于產(chǎn)品設(shè)計(jì)具有重要的作用，所以目前產(chǎn)品經(jīng)理、策劃等崗位的從業(yè)者也需要具備一定的交互設(shè)計(jì)能力。交互設(shè)計(jì)的重點(diǎn)在于產(chǎn)品業(yè)務(wù)邏輯的呈現(xiàn)，涉及到產(chǎn)品的市場(chǎng)定位、功能定位和人群定位等內(nèi)容，不同的定位通常有不同的使用習(xí)慣，需要進(jìn)行針對(duì)性的設(shè)計(jì)。比如有的場(chǎng)景不方便使用語(yǔ)音交互，而有的場(chǎng)景只能使用語(yǔ)音交互等等。

第二：視覺(jué)設(shè)計(jì)。視覺(jué)設(shè)計(jì)涉及到的內(nèi)比較多，比如具體的呈現(xiàn)風(fēng)格、圖片處理、顏色搭配、特效等等，視覺(jué)設(shè)計(jì)需要學(xué)習(xí)專業(yè)的處理軟件，同時(shí)也涉及到一小部分編碼知識(shí)。視覺(jué)設(shè)計(jì)需要根據(jù)不同的地區(qū)、文化、信仰來(lái)設(shè)計(jì)具體的呈現(xiàn)元素，好的設(shè)計(jì)往往具有一定的文化元素。

第三：技術(shù)邊界。UI設(shè)計(jì)人員不論是視覺(jué)設(shè)計(jì)過(guò)程還是交互設(shè)計(jì)過(guò)程，都需要掌握目前的技術(shù)邊界，要緊跟技術(shù)發(fā)展趨勢(shì)來(lái)豐富自身的設(shè)計(jì)方案。如果不能有效把握技術(shù)邊界，有可能會(huì)出現(xiàn)設(shè)計(jì)的方案無(wú)法實(shí)現(xiàn)的尷尬，這往往是初級(jí)UI設(shè)計(jì)人員經(jīng)常會(huì)犯的錯(cuò)誤。好的設(shè)計(jì)人員通常是游走在技術(shù)邊界上，同時(shí)會(huì)不斷推動(dòng)研發(fā)團(tuán)隊(duì)向前突破。

二、UI設(shè)計(jì)的應(yīng)用領(lǐng)域都有哪些？

目前UI設(shè)計(jì)分為四大類別：

分別是移動(dòng)端UI設(shè)計(jì)，PC端UI設(shè)計(jì)，游戲端UI設(shè)計(jì)，以及其它端UI設(shè)計(jì)。

第一種：移動(dòng)端UI設(shè)計(jì)

那么什么叫移動(dòng)端UI設(shè)計(jì)呢，移動(dòng)端UI設(shè)計(jì)就是手機(jī)平板上的APP設(shè)計(jì)，比如微信聊天界面，QQ聊天界面，手機(jī)桌面，手機(jī)上看到的所有圖標(biāo)界面點(diǎn)了后會(huì)有反應(yīng)的我們都可以理解成移動(dòng)端UI設(shè)計(jì)。

第二種：PC端UI設(shè)計(jì)

PC端UI設(shè)計(jì)就是我們電腦上的軟件和網(wǎng)頁(yè)按鈕，比如電腦版的QQ，微信，電腦管家和網(wǎng)頁(yè)的一些按鈕圖標(biāo)等都屬于PC端UI設(shè)計(jì)。

第三種游戲UI設(shè)計(jì)

那么什么是游戲端UI設(shè)計(jì)?比如王者榮耀，英雄聯(lián)盟和一些其它游戲中的登錄界面、都是屬于游戲端UI設(shè)計(jì)。

第四種：其它端UI設(shè)計(jì)

最后一種就是其它端UI設(shè)計(jì)，像VR界面、AR界面、銀行取款機(jī)界面、這些都屬于其它端UI設(shè)計(jì)，其它端UI設(shè)計(jì)用戶較少，但又需要，未來(lái)有可能很火，有可能保持現(xiàn)狀。

三、ui設(shè)計(jì)的應(yīng)用領(lǐng)域有哪些

一、UI即用戶界面的簡(jiǎn)稱。泛指用戶的操作界面，包含移動(dòng)APP，網(wǎng)頁(yè)，智能穿戴設(shè)版?zhèn)涞?。UI設(shè)計(jì)主要指界面的樣式，美權(quán)觀程度。而使用上，對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)則是同樣重要的另一個(gè)門道。好的UI不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

二、從事的工作包括；

用戶界面設(shè)計(jì)

軟件

APP設(shè)計(jì)，

軟件圖形設(shè)計(jì)

軟件產(chǎn)品外形設(shè)計(jì)師（美工），

交互設(shè)計(jì)師，

用戶研究工程師等。

四、UI設(shè)計(jì)的應(yīng)用領(lǐng)域都有哪些

很多年前，在一次給某軟件公司的培訓(xùn)中，我開篇就使用《巴黎圣母院》中的男主人公「鐘樓怪人」來(lái)比喻 UI 設(shè)計(jì)以及 UI 設(shè)計(jì)師的工作。

當(dāng)時(shí)主要傳達(dá)的信息在于，一款產(chǎn)品功能的好，不能通過(guò)優(yōu)秀的界面設(shè)計(jì)以及良好的用戶體驗(yàn)去表達(dá)出來(lái)，那么很容易被用戶或購(gòu)買者從表層即忽略掉。

隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，整體行業(yè)中對(duì)于 UI 設(shè)計(jì)的認(rèn)知和主要的工作范圍，也在不斷地發(fā)生變化，不僅僅在于視覺(jué)層面，而會(huì)包含更多的內(nèi)核在其中。

根據(jù)我個(gè)人的經(jīng)驗(yàn)和體會(huì)總結(jié)，UI 設(shè)計(jì)師的工作內(nèi)容，由表及里會(huì)逐漸的深入到五個(gè)層面上：

界面視覺(jué)效果的維護(hù)界面

視覺(jué)效果的輸出

解決問(wèn)題和信息整合

重點(diǎn)研究用戶需求

推動(dòng)互聯(lián)網(wǎng)產(chǎn)品的發(fā)展

這五個(gè)方面，從 UI 設(shè)計(jì)師的能力發(fā)展軌跡來(lái)看，是遞進(jìn)發(fā)展逐步深入的，但是在實(shí)際的工作過(guò)程中，實(shí)際上又是交叉并且平行的，只是隨著 UI 設(shè)計(jì)師的能力逐步提升，才會(huì)有更加明確的認(rèn)識(shí)。

接下來(lái)要分述一下這五個(gè)方面是什么，以及主要的工作內(nèi)容有哪些。

界面視覺(jué)效果的維護(hù)

這部分的工作內(nèi)容，一般情況下新入行的 UI 設(shè)計(jì)師投入到具體工作中要做的事情，而已經(jīng)有一定經(jīng)驗(yàn)的 UI 設(shè)計(jì)師也同樣脫離不開相關(guān)的工作內(nèi)容。

主要是針對(duì)于已有的產(chǎn)品界面設(shè)計(jì)需求的維護(hù)，比如說(shuō)以下的幾個(gè)情景：

現(xiàn)有產(chǎn)品的設(shè)計(jì)，修改界面中的文字樣式；對(duì)于新增功能，增加圖標(biāo)設(shè)計(jì)，或?qū)τ谠袌D標(biāo)的修改；運(yùn)營(yíng)相關(guān)的工作，輸出 Banner 圖片或者海報(bào)設(shè)計(jì)；產(chǎn)品中輸出的內(nèi)容需要增加圖片或者配圖等。

這只是一部分例子，可以看到，一般情況下視覺(jué)設(shè)計(jì)師所做的類似工作是需要應(yīng)用設(shè)計(jì)流程和設(shè)計(jì)理論的，但是相對(duì)于整體產(chǎn)品來(lái)說(shuō)，會(huì)比較細(xì)微。

而大多數(shù)情況下，看起來(lái)貌似是修修補(bǔ)補(bǔ)，或者是針對(duì)于運(yùn)營(yíng)需求進(jìn)行添加相關(guān)的設(shè)計(jì)方案。

這其實(shí)是 UI 設(shè)計(jì)師日常需要完成的重要工作，也會(huì)是設(shè)計(jì)師需要配合整體產(chǎn)品團(tuán)隊(duì)的工作內(nèi)容。

在行業(yè)發(fā)展早期，UI 設(shè)計(jì)師被冠以「美工」這一所有從業(yè)者都不太喜歡的名號(hào)，主要是因?yàn)楫?dāng)時(shí)的團(tuán)隊(duì)中分工不夠明確，認(rèn)為 UI 設(shè)計(jì)師僅能完成以上工作內(nèi)容有很大的關(guān)系。

當(dāng)然了，再次申明，這部分工作其實(shí)同樣重要，而且越是細(xì)節(jié)的內(nèi)容，越能體現(xiàn)出來(lái)設(shè)計(jì)師的個(gè)人能力。

界面視覺(jué)效果的輸出

這是一部分非常完整的，需要 UI 設(shè)計(jì)師主導(dǎo)并著重完成的工作。

一般情況下，當(dāng) UI 設(shè)計(jì)師拿到了具體的需求后，從一開始的需求分析著手，然后再到界面的視覺(jué)設(shè)計(jì)方案輸出，敲定方案后會(huì)完成界面的視覺(jué)設(shè)計(jì)細(xì)化，以及相關(guān)元素輸出等工作，最終將完整的設(shè)計(jì)方案輸出給相關(guān)的開發(fā)人員，界面實(shí)現(xiàn)后參與測(cè)試，最終推動(dòng)產(chǎn)品的上線。

這其中還包括了針對(duì)于用戶的研究、競(jìng)品分析、市場(chǎng)分析、流行趨勢(shì)分析和情態(tài)圖版制作等等，這是一個(gè)復(fù)雜而又耗費(fèi)腦力的過(guò)程。之后還要經(jīng)過(guò)漫長(zhǎng)的思考，不斷的推翻自己的方案，才能夠最終得到一次滿意的設(shè)計(jì)輸出。

這次的設(shè)計(jì)輸出有可能是幾個(gè)關(guān)鍵界面，也有可能只是一張描述出來(lái)設(shè)計(jì)思路的效果圖。拿著這些無(wú)聊，設(shè)計(jì)師要快速的跟團(tuán)隊(duì)成員進(jìn)行溝通，看看是否能夠確定下來(lái)具體的方向。

如果方向確定，那么接下來(lái)就是細(xì)化效果圖，輸出圖標(biāo)設(shè)計(jì)、動(dòng)效設(shè)計(jì)和一些狀態(tài)展示等等，以及批量輸出所有的界面設(shè)計(jì)。

在與產(chǎn)品經(jīng)理和開發(fā)人員共同確定了界面設(shè)計(jì)的所有輸出后，接下來(lái)還要給后續(xù)的開發(fā)人員相關(guān)的支持。有些團(tuán)隊(duì)會(huì)輸出切圖和坐標(biāo)標(biāo)注 ( Layout )，有些團(tuán)隊(duì)配備專門的前端角色（ Builder ），因此只要輸出 PSD 或 Sketch 源文件就可以了。

藍(lán)湖、Sketch、以及 PS 的各種插件，這些工具的出現(xiàn)，正在縮短 UI 設(shè)計(jì)師與開發(fā)人員的對(duì)接時(shí)間，提高整體工作的效率。

在開發(fā)人員完成了所有的工作內(nèi)容以后，就進(jìn)入了一個(gè)非常痛苦的階段。 UI 設(shè)計(jì)師要對(duì)著開發(fā)人員實(shí)現(xiàn)的界面效果，參與到測(cè)試中去，以精確到像素的標(biāo)準(zhǔn)，來(lái)核查開發(fā)實(shí)現(xiàn)對(duì)于設(shè)計(jì)的還原度。這個(gè)事情非?？简?yàn)開發(fā)人員對(duì)于 UI 設(shè)計(jì)的理解程度和 UI 設(shè)計(jì)師的溝通技巧，如果雙方都不給力，那么就會(huì)出現(xiàn)反復(fù)修改的情況。

當(dāng)完成以上的工作后， UI 設(shè)計(jì)師的工作內(nèi)容基本上可以說(shuō)是畫上一個(gè)句號(hào)。接下來(lái)就可以收集用戶的反饋，以及迎接下次一需求所帶來(lái)的各種挑戰(zhàn)。

解決問(wèn)題和信息的整合

比較純粹的 UI 設(shè)計(jì)師，實(shí)際上從設(shè)計(jì)思維上，更多的體現(xiàn)出這兩件事：

抓住問(wèn)題的本質(zhì)，去解決問(wèn)題；信息的整合以及輸出。

前者實(shí)際上是設(shè)計(jì)的本質(zhì)，通過(guò)解決問(wèn)題，來(lái)滿足用戶的某些需求。我們常常會(huì)提到的用戶體驗(yàn)方面的經(jīng)典段子：「用戶想要的是一匹更快的馬，而福特卻給了他們一輛汽車」，實(shí)際上在說(shuō)的就是抓住現(xiàn)象背后本質(zhì)，然后給出一個(gè)徹底的解決方案。

設(shè)計(jì)的過(guò)程，就是要不斷地去參透到需求、痛點(diǎn)或用戶所反饋問(wèn)題的本質(zhì)，然后給出一個(gè)從設(shè)計(jì)層面出發(fā)的解決方案。

后者，是 UI 設(shè)計(jì)師所完成工作的重要組成部分。在《 Pixel Perfect Precision 3》這本書中給出一個(gè)很典型的例子，就是要把整塊的信息展示成為分塊的信息，這就是視覺(jué)設(shè)計(jì)設(shè)計(jì)要做的最基礎(chǔ)、最直接、最容易闡述清楚工作指著的案例。

設(shè)計(jì)師在完成這兩項(xiàng)工作的過(guò)程中，還要具備的是「可用性」、「用戶體驗(yàn)」、「前端開發(fā)」、「后端實(shí)現(xiàn)」以及對(duì)于業(yè)務(wù)流程方面深入的研究和學(xué)習(xí)等。只有綜合了這些理論知識(shí)，并且能夠靈活的運(yùn)用到實(shí)踐中，才能夠更清晰的達(dá)成目標(biāo)。

UI 設(shè)計(jì)師要獲得這方面的提升，就要不斷地思考，將自身投入到反復(fù)的設(shè)計(jì)實(shí)踐中去，在此基礎(chǔ)之上，還要不斷地進(jìn)行理論知識(shí)的學(xué)習(xí)，通過(guò)日積月累的疊加經(jīng)驗(yàn)，才能夠逐漸形成完整的設(shè)計(jì)洞察能力。

重點(diǎn)研究用戶需求

UI 設(shè)計(jì)師，要時(shí)刻像產(chǎn)品經(jīng)理一樣，具備一顆同理心，站在用戶的角度來(lái)看待界面設(shè)計(jì)，通過(guò)用戶的視角來(lái)思考問(wèn)題：

用戶能夠接受的視覺(jué)風(fēng)格應(yīng)該是什么樣的范圍？用戶對(duì)于什么樣的圖形載體會(huì)更加接受？用戶所能夠理解的視覺(jué)引導(dǎo)應(yīng)該是什么樣子？用戶會(huì)在什么樣的情景下使用產(chǎn)品？用戶的界面操作訴求是怎么樣的？有什么樣的痛點(diǎn)？如何通過(guò)界面視覺(jué)設(shè)計(jì)提升用戶的滿意度?視覺(jué)設(shè)計(jì)怎樣能夠教會(huì)用戶使用產(chǎn)品？視覺(jué)設(shè)計(jì)應(yīng)該給用戶帶來(lái)什么樣的情感共鳴？…….

UI 設(shè)計(jì)師也要時(shí)刻的去思考用戶，只有深入的了解到用戶的情況，才能夠輸出最優(yōu)秀的設(shè)計(jì)。因此，就要求 UI 設(shè)計(jì)師也要接觸用戶研究的工作，在需求分析的時(shí)候更深入的去探究用戶的需求，以及多用產(chǎn)品，把自身也變成用戶。

如果一名 UI 設(shè)計(jì)師能夠站在用戶的立場(chǎng)上去看待產(chǎn)品，那么在整體的職業(yè)生涯中，以及能力范圍內(nèi)會(huì)超出圖形設(shè)計(jì)專家的身份，而具備交互設(shè)計(jì)師和產(chǎn)品經(jīng)理的氣質(zhì)。

推動(dòng)互聯(lián)網(wǎng)產(chǎn)品的發(fā)展

在具備了以上的素質(zhì)后，UI 設(shè)計(jì)師更能做到的，就是推動(dòng)產(chǎn)品的發(fā)展，而不僅僅是為產(chǎn)品修飾一張完美的面具。

UI 設(shè)計(jì)師此時(shí)能夠參與到功能的定義、產(chǎn)品運(yùn)營(yíng)策略、產(chǎn)品未來(lái)的發(fā)展和規(guī)劃等工作，整體的輸出情況更像是一名互聯(lián)網(wǎng)產(chǎn)品人，會(huì)協(xié)助產(chǎn)品團(tuán)隊(duì)中的各個(gè)角色一同推動(dòng)產(chǎn)品的正向發(fā)展。在一個(gè)產(chǎn)品團(tuán)隊(duì)中，每一名角色都明確目標(biāo)是什么，以及都能夠?yàn)楫a(chǎn)品的發(fā)展出謀劃策，那么會(huì)非常有利于產(chǎn)品的快速前進(jìn)，讓產(chǎn)品在市場(chǎng)上更加具備競(jìng)爭(zhēng)力。

UI 設(shè)計(jì)師在工作中的關(guān)鍵

在日常的工作中，有一些軟技能對(duì)于 UI 設(shè)計(jì)師來(lái)說(shuō)是非常關(guān)鍵的。具備這些能力，才能夠更順滑的推進(jìn)日常工作的執(zhí)行，并且在輸入和輸出方面，提升效率。

溝通能力

前面我也提到了若干有關(guān)于團(tuán)隊(duì)內(nèi)配合 UI 設(shè)計(jì)師所需要的工作內(nèi)容，因此溝通能力是至關(guān)重要的。對(duì)于信息的獲取和輸出，需要注意方法以及對(duì)于理解力的提升。

快速獲取別人所說(shuō)、縮寫的內(nèi)容關(guān)鍵，并且通過(guò)語(yǔ)言或文字，快速傳達(dá)出自己的思想，并且保證對(duì)方能夠明白，這是溝通能力的內(nèi)核所在。

這方面的能力實(shí)際上已經(jīng)是一個(gè)專門的學(xué)科，要通過(guò)自身的總結(jié)才能夠獲取到相應(yīng)的提升。

設(shè)計(jì)思想

設(shè)計(jì)思想實(shí)際上是一種恒相關(guān)的說(shuō)法，包括交互設(shè)計(jì)的理論知識(shí)和視覺(jué)設(shè)計(jì)的理論知識(shí)應(yīng)用，都需要 UI 設(shè)計(jì)師能夠非常深入的掌握，并能夠活學(xué)活用。

大家可以看到一個(gè)趨勢(shì)，用戶體驗(yàn)層面的相關(guān)崗位，界線會(huì)越來(lái)越模糊，交互設(shè)計(jì)師和 UI 設(shè)計(jì)師正在逐漸融合，成為界面設(shè)計(jì)師這樣一個(gè)角色，因此就需要 UI 設(shè)計(jì)師在發(fā)展過(guò)程中，要不斷地橫向拓寬自己的知識(shí)儲(chǔ)備，增大自身的能力范圍。

對(duì)于技術(shù)的了解

UI 設(shè)計(jì)師不需要會(huì)寫代碼，但是需要了解一些實(shí)現(xiàn)機(jī)制，這樣才能夠在設(shè)計(jì)過(guò)程中，考慮到實(shí)現(xiàn)的最優(yōu)可能性。

在行業(yè)發(fā)展的早期，UI 設(shè)計(jì)師主要工作的平臺(tái)在 Web 上，那時(shí)候?qū)τ?UI 設(shè)計(jì)師的要求不僅僅局限于輸出界面視覺(jué)效果，還要求輸出靜態(tài)的網(wǎng)頁(yè)頁(yè)面，因此那時(shí)候的大多數(shù) UI 設(shè)計(jì)師身兼前端工程師的角色，對(duì)于 CSS 和 JS 的了解也相當(dāng)深入。

轉(zhuǎn)換到了移動(dòng)互聯(lián)網(wǎng)時(shí)代，對(duì)于大多數(shù)的設(shè)計(jì)師來(lái)說(shuō)，學(xué)習(xí) App 的前端開發(fā)成本會(huì)比較高，但是不能寫也要知道 iOS 和 Android 相關(guān)的 UI Guideline ，對(duì)于規(guī)范以及實(shí)現(xiàn)的原理要清楚，這樣才能夠和開發(fā)更容易的進(jìn)行交流。

不要忽略業(yè)務(wù)流程

我們現(xiàn)在所接觸到的眾多互聯(lián)網(wǎng)產(chǎn)品，實(shí)際上是要依托于各種各樣的業(yè)務(wù)流程的，因此就需要大家在自身所處的行業(yè)中，深入的了解業(yè)務(wù)流程相關(guān)的信息，才能夠做好設(shè)計(jì)。

以上，希望對(duì)你有所幫助。

如果希望對(duì)互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)師的工作有更深入的了解，可以加入知群產(chǎn)品設(shè)計(jì)訓(xùn)練營(yíng)。5 天 22 節(jié)課，帶你看清互聯(lián)網(wǎng)行業(yè)趨勢(shì)，深入全面地了解 UI 設(shè)計(jì)師、交互設(shè)計(jì)師的前景，以及大廠用人要求，你可以結(jié)合自身情況，更早知道自己是否適合做互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)。

訓(xùn)練營(yíng)目前免費(fèi)開放，認(rèn)真填寫申請(qǐng)表，可以免費(fèi)參與學(xué)習(xí)：

以上就是關(guān)于ui設(shè)計(jì)涉及的領(lǐng)域相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。