正文

ui設(shè)計的常見類別（ui設(shè)計的常見類別有）

發(fā)布時間：2023-04-28 02:56:55 稿源：創(chuàng)意嶺閱讀： 199

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于ui設(shè)計的常見類別的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

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

本文目錄:

1、UI界面設(shè)計風(fēng)格大致都有哪些
2、ui設(shè)計圖標(biāo)類型有哪些
3、ui設(shè)計是什么？
4、ui設(shè)計師是做什么的工作內(nèi)容有哪些

ui設(shè)計的常見類別（ui設(shè)計的常見類別有）

一、UI界面設(shè)計風(fēng)格大致都有哪些

UI界面設(shè)計風(fēng)格有：用戶研究、交互設(shè)計、界面設(shè)計。

1、用戶研究

用戶研究包含兩個方面：一是可用性工程學(xué)，研究如何提高產(chǎn)品的可用性，使得系統(tǒng)的設(shè)計更容易被人使用、學(xué)習(xí)和記憶；二是通過可用性工程學(xué)研究，發(fā)掘用戶的潛在需求，為技術(shù)創(chuàng)新提供另外一條思路和方法。

2、交互設(shè)計

這部分指人與機(jī)之間的交互工程，在過去交互設(shè)計也由程序員來做，其實程序員擅長編碼，而不善于與最終用戶交互。所以，很多的軟件雖然功能比較齊全，但是交互方面設(shè)計很粗糙，繁瑣難用，學(xué)習(xí)困難。

3、界面設(shè)計

在漫長的軟件發(fā)展中，界面設(shè)計工作一直沒有被重視起來。做界面設(shè)計的人也被貶義的稱為“美工”。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣，是產(chǎn)品的重要買點。

擴(kuò)展資料

UI界面設(shè)計原則

1、用戶是交互的中心，交互元素對應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。

2、可達(dá)到的效果也同界面設(shè)計有關(guān)。過于復(fù)雜的界面會影響可達(dá)到的效果。（參考簡單導(dǎo)向原則）

3、設(shè)計時，要讓用戶把注意力放在最重要的地方。每一個元素的尺寸、顏色還有位置，它們?yōu)槔斫饨缑婀餐该髁说缆?。清晰的層級關(guān)系將對降低外觀的復(fù)雜性起到重要作用（甚至當(dāng)行為本身也同樣復(fù)雜的時候）。

參考資料來源：百度百科—cUI設(shè)計

二、ui設(shè)計圖標(biāo)類型有哪些

按功能分類可以分為

應(yīng)用圖標(biāo)，如搜狐，新浪，網(wǎng)易等網(wǎng)站的logo；
功能圖標(biāo)，如各類音樂播放器的“開始”“暫?！薄翱爝M(jìn)”圖標(biāo)等；

按設(shè)計風(fēng)格分類可分為

剪影圖標(biāo)；
輕擬物圖標(biāo)：在原來擬物圖標(biāo)基礎(chǔ)上，減輕厚重質(zhì)感，去除投影、漸變、紋理轉(zhuǎn)化成扁平化的圖標(biāo)；
輕質(zhì)感圖標(biāo)：漸變/投影/不透明度等圖標(biāo)，具有唯一性，細(xì)節(jié)更加豐富；
擬物化圖標(biāo)：有形有色有樣式有質(zhì)感的圖標(biāo)；
疊加圖標(biāo)；
以文字為主體的圖標(biāo)，如支付寶，淘寶的圖標(biāo)；
插畫圖標(biāo)，通常是游戲應(yīng)用，直接使用游戲中的角色、道具或畫面作為圖標(biāo)。

三、ui設(shè)計是什么？

1.什么是UI設(shè)計?

《百度百科》中對UI設(shè)計作了這樣的定義：“UI即User

Interface(用戶界面)的簡稱，UI設(shè)計是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計?！?span style="display:none">Y3r創(chuàng)意嶺 - 安心托付、值得信賴的品牌設(shè)計、營銷策劃公司

用戶界面(User interface)

，用戶界面是一個比較廣泛的概念，指人和機(jī)器互動過程中的界面，以手機(jī)為例，手機(jī)上的界面都屬于用戶界面。我們通過這個界面向手機(jī)發(fā)出指令，手機(jī)根據(jù)指令產(chǎn)生相應(yīng)的反饋。設(shè)計這套界面視覺的人稱呼為UI設(shè)計師。

我們一般所說的UI設(shè)計多指UI視覺設(shè)計，主要負(fù)責(zé)APP、Web、H5等頁面的色彩、布局、icon、字體方面的設(shè)計工作。但隨著互聯(lián)網(wǎng)的不斷發(fā)展，純視覺的工作已經(jīng)開始日益減少，行業(yè)要求UI設(shè)計師也要懂點交互設(shè)計和產(chǎn)品方面的知識，即懂用戶體驗設(shè)計(User

experience)，國內(nèi)稱UE，國外叫UX(全棧設(shè)計師甚至要懂代碼)。UI設(shè)計最后產(chǎn)出物是高保真視覺稿+頁面標(biāo)注+切圖。

出于成本考慮，有的中小型公司和初創(chuàng)型公司也會讓UI設(shè)計師負(fù)責(zé)一些平面類的設(shè)計，如：海報、宣傳冊、LOGO等。所以，UI設(shè)計師如果會平面設(shè)計或手繪則是加分項，但不是必須項，不會也不用擔(dān)心。

UI設(shè)計是近年來關(guān)注度非常高的一個行業(yè)，UI設(shè)計師也是引發(fā)了很多人的關(guān)注。UI設(shè)計主要是圖形設(shè)計和交互設(shè)計。圖形設(shè)計就是傳統(tǒng)意義上的美工，以前UI設(shè)計不受重視，所以美工地位不高，現(xiàn)在隨著UI設(shè)計的興起，美工也被稱為UI設(shè)計師。其實UI設(shè)計師不是單純意義的美術(shù)工人，而是軟件產(chǎn)品的“外形”設(shè)計師。交互設(shè)計主要設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。

在這個顏值當(dāng)?shù)赖哪甏?，UI設(shè)計師的水平高低直接決定了互聯(lián)網(wǎng)產(chǎn)品(不倫手機(jī)還是PC)的顏值。撇開產(chǎn)品的質(zhì)量，用戶接觸產(chǎn)品的第一印象，就是UI設(shè)計師的杰作，對于很多受眾來說，一旦產(chǎn)品的顏值/第一印象達(dá)不到標(biāo)準(zhǔn)/審美，那下一步就是直接拜拜了。

一個好的UI設(shè)計師，能給予產(chǎn)品一張標(biāo)致的臉，能賦予有趣的靈魂新的價值，所以說UI設(shè)計絕不是打雜美工。

2.UI設(shè)計師的分類：

在PC端從事網(wǎng)頁設(shè)計，我們稱呼WUI(Web User

Interface)設(shè)計師或者網(wǎng)頁設(shè)計師。PC端UI設(shè)計，也就是電腦用戶，界面指的就是電腦上的操作界面。像電腦版的QQ，微信，PS等軟件和網(wǎng)頁的一些按鈕圖標(biāo)等，都屬于PC端UI設(shè)計。

在移動端，從事移動設(shè)計的稱呼為GUI(Graphics User

Interface)設(shè)計師，因為移動端會有大量圖形用戶界面設(shè)計。也就是說手機(jī)上的所有界面都是移動端UI設(shè)計。比如微信聊天界面，QQ聊天界面，手機(jī)桌面，手機(jī)上看到的所有圖標(biāo)界面點了后會有反應(yīng)都可以理解成移動端UI設(shè)計。

另外還有游戲UI，和其它UI

，比如像VR界面、AR界面、ATM界面、一些智能設(shè)備的界面，比如智能電視、車載系統(tǒng)等等，用戶較少，但又需要，未來有可能很火，有可能保持現(xiàn)狀。

3.學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些軟件?

軟件的掌握是一種硬技能，不管我們有多好的想法，都需要好的軟件掌握來實現(xiàn)。我們需要掌握軟件的基礎(chǔ)操作，例如Photoshop中的形狀工具、鋼筆工具、文字工具、圖層樣式

。也需要了解曲線、色階這部分圖像調(diào)整功能。下面介紹一些在UI設(shè)計中常見的軟件。

Photoshop：是一款老牌像素處理軟件。主要處理以像素所構(gòu)成的數(shù)字圖像。在圖像、圖形、文字、視頻、出版等各方面都有涉及。各種設(shè)計行業(yè)圖形處理都會用到Photoshop，可以滿足UI界面設(shè)計的日常需要。

Illustrator

：是矢量軟件，廣泛應(yīng)用于印刷出版、海報書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面的制作等。在處理一些及其復(fù)雜的圖形路徑時候，可以考慮使用Illustrator

，也有設(shè)計師所有的圖標(biāo)在Illustrator 中完成，然后連接嵌入到Photoshop。

After Effects：現(xiàn)在扁平化設(shè)計成為主流，所以動效設(shè)計成為不可或缺的一部分?？赏ㄟ^這個軟件設(shè)計動效平滑切換界面。

Axure

RP：是一個專業(yè)的快速原型設(shè)計工具。讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。

四、ui設(shè)計師是做什么的工作內(nèi)容有哪些

UI看到一個交互設(shè)計，需要考慮的是這樣的排布是否合理，信息重點在哪里，用戶人群是哪一類等等分析都是自己的事。下面是ui設(shè)計師具體工作內(nèi)容，供參考。

UI設(shè)計師主要工作內(nèi)容

簡單點來說，就是網(wǎng)站的用戶界面設(shè)計師，網(wǎng)絡(luò)架構(gòu)、網(wǎng)站美工等。

具體描述如下：

“UI”的本義是用戶界面，是英文User和 interface的縮寫。從字面上看是用戶與界面兩個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。具體還包括：可用性分析、GUI（Graphic User Interface即圖形用戶界面設(shè)計）、用戶測試等。好的UI設(shè)計需要讓軟件變得有個性有品味，讓軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點。

因此，UI設(shè)計師不單純從事美術(shù)繪畫，而需要定位軟件使用者、使用環(huán)境、使用方式并且最終為軟件用戶服務(wù)，他們進(jìn)行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計，他們需要完成的，簡單說來，正是一個不斷為用戶設(shè)計視覺效果使之滿意的過程。UI設(shè)計從工作內(nèi)容上來說分為3大類別，即研究工具，研究人與界面的關(guān)系，研究人。

與之相應(yīng)， UI設(shè)計師的職能大體包括三方面：一是圖形設(shè)計，即傳統(tǒng)意義上的“美工”。當(dāng)然，實際上他們承擔(dān)得不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。二是交互設(shè)計，主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。

三是用戶測試/研究，這里所謂的“測試”，其目標(biāo)恰在于測試交互設(shè)計的合理性及圖形設(shè)計的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計的合理性。如果沒有這方面的測試研究，UI設(shè)計的好壞只能憑借設(shè)計師的經(jīng)驗或者領(lǐng)導(dǎo)的審美來評判，這樣就會給企業(yè)帶來極大的風(fēng)險。

UI設(shè)計師到底是做什么的

從產(chǎn)品需求入手，考慮我們到底要用什么主色調(diào)

比如同樣是團(tuán)購，糯米用的是桃紅色，而美團(tuán)是翠綠色。那么我們在UI設(shè)計的時候首先就要考慮主色調(diào)的問題。

配色和輔助色用什么顏色

在考慮到產(chǎn)品氣質(zhì)和品牌色的同事，我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色。在不同的產(chǎn)品中，輔助色運(yùn)用的策略是不同的，比如我們經(jīng)常說的：鄰近色、對比色等。都是我們選擇輔助色的方法。

用什么風(fēng)格來表達(dá)

現(xiàn)在來說，說到風(fēng)格一句話，扁平風(fēng)。但是在扁平中也有區(qū)別。比如下圖，同樣是扁平。但是左圖微微帶有一些光影，而右圖是純扁平。你能說哪個好或者不好嗎?不能。

圖標(biāo)化成什么風(fēng)格

同樣是設(shè)置、發(fā)現(xiàn)、，不同的app在基本結(jié)構(gòu)一致的情況下也有很多細(xì)微的差別。倒是是要用圓角的icon、還是直角，是用面還是線形，這背后的設(shè)計語言邏輯是什么，設(shè)計目的是什么。都是需要UI設(shè)計來考慮。

比如：同樣是騰訊的產(chǎn)品，手Q和微信的icon就完全不一樣。其原因是由于產(chǎn)品面面對的人群不同，手Q更偏年輕化。同樣，你去看陌陌、來往、易信的聊天icon也是不一樣的。這都是需要UI設(shè)計師一點點摳細(xì)節(jié)的去畫出來的。

如何表達(dá)情感化設(shè)計

在一些細(xì)節(jié)頁面我們常常要考慮情感化設(shè)計，以此來提升app的品質(zhì)，降低用戶在異常情況下的挫敗感。同時好的設(shè)計師還會考慮到如何引導(dǎo)用戶去解決，從而滿足產(chǎn)品訴求。不同的產(chǎn)品在做情感化設(shè)計的時候方式方法不同，風(fēng)格也不一樣。這些也都是需要UI設(shè)計來處理的。

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