正文

ui設(shè)計(jì)種類(lèi)（ui設(shè)計(jì)常見(jiàn)類(lèi)別有哪些）

發(fā)布時(shí)間：2023-04-28 03:07:45 稿源：創(chuàng)意嶺閱讀： 293

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于ui設(shè)計(jì)種類(lèi)的問(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īng)用領(lǐng)域都有哪些？
2、UI設(shè)計(jì)主要學(xué)習(xí)哪些東西
3、UI圖標(biāo)設(shè)計(jì)有哪些類(lèi)型?
4、UI設(shè)計(jì)需要學(xué)習(xí)用到哪些軟件

ui設(shè)計(jì)種類(lèi)（ui設(shè)計(jì)常見(jiàn)類(lèi)別有哪些）

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

UI設(shè)計(jì)英文叫User Interface翻譯成中文意思就是（用戶界面）。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互，操作邏輯，界面美觀的整體設(shè)計(jì)。

說(shuō)到這個(gè)界面設(shè)計(jì)，其實(shí)非常好理解，因?yàn)槲覀兠刻於荚谑褂?。我們手機(jī)里面的APP軟件，QQ和微信的界面圖標(biāo)設(shè)計(jì)都屬于UI設(shè)計(jì)師的工作內(nèi)容

移動(dòng)端互聯(lián)網(wǎng)時(shí)代，每位同學(xué)都有一部智能手機(jī)，手機(jī)里面看APP界面圖標(biāo)，我們可以稱(chēng)為用戶界面，也就是我說(shuō)的UI設(shè)計(jì)。簡(jiǎn)單的來(lái)說(shuō)，UI設(shè)計(jì)師就是負(fù)責(zé)設(shè)計(jì)這些在電子屏幕上顯示的產(chǎn)品，（包括游戲UI，網(wǎng)頁(yè)端，手機(jī)，以及目前比較火的VR,AR，其他設(shè)備端等）

比如微信界面、里面的圖標(biāo) 文字圖片整個(gè)操作點(diǎn)擊都屬于UI設(shè)計(jì)師要設(shè)計(jì)的范疇。所以UI設(shè)計(jì)一直存在于我們的生活！

UI設(shè)計(jì)起源于美國(guó)硅谷，UI設(shè)計(jì)是2012年由硅谷傳入中國(guó)，UI設(shè)計(jì)隨著互聯(lián)網(wǎng)行業(yè)的興起和智能手機(jī)的普及而火的一發(fā)不可收拾。

UI設(shè)計(jì)是最近幾年在國(guó)內(nèi)火起來(lái)的，目前UI設(shè)計(jì)師的平均薪資是國(guó)內(nèi)設(shè)計(jì)界薪資最高的行業(yè)，在北上廣深杭這些一線城市UI設(shè)計(jì)師的平均薪資1萬(wàn)以上。從薪資不難看出UI設(shè)計(jì)這個(gè)行業(yè)目前在國(guó)內(nèi)真的很火。

UI設(shè)計(jì)師需要做的工作有，APP界面圖標(biāo)設(shè)計(jì)，視覺(jué)設(shè)計(jì)，運(yùn)營(yíng)插畫(huà)設(shè)計(jì)，交互動(dòng)效設(shè)計(jì)，原型圖設(shè)計(jì)，平面設(shè)計(jì)，小程序設(shè)計(jì)等。

好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

UI設(shè)計(jì)按行業(yè)一般分為4種行業(yè)

分別是移動(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ì)。

那么我們來(lái)講解一下移動(dòng)端UI設(shè)計(jì)師的工作內(nèi)容有哪些？移動(dòng)端UI設(shè)計(jì)師的工作就是我們的APP界面圖標(biāo)文字按鈕等，這一塊就是我們移動(dòng)端UI設(shè)計(jì)師要做的工作，要做好這份工作的話我們需要學(xué)習(xí)的東西有很多，比如說(shuō)要懂理論，要懂用什么顏色，要用什么字體，要用什么版試這些都是需要學(xué)習(xí)的，看似簡(jiǎn)單的一個(gè)設(shè)計(jì)往往來(lái)說(shuō)難度性都挺高的，并沒(méi)有看上去那么簡(jiǎn)單。不然現(xiàn)在的UI設(shè)計(jì)師的工資也不會(huì)這么高了。

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

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

其實(shí)移動(dòng)端UI設(shè)計(jì)和PC端UI設(shè)計(jì)是差不多的，只不過(guò)平臺(tái)不一樣。PC端的載休是電腦，移動(dòng)端的載體是手機(jī)。

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

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

目前游戲端UI設(shè)計(jì)在近幾年發(fā)展并以前沒(méi)有那么好了，主要是因?yàn)楝F(xiàn)在騰訊網(wǎng)易這些大公司已經(jīng)把游戲的市場(chǎng)站領(lǐng)了，其它的都是一些小公司，所以這個(gè)行業(yè)發(fā)展沒(méi)有之前那么好了。而且游戲UI對(duì)美術(shù)基礎(chǔ)要求也比較高。

這就是類(lèi)似游戲的界面，這里面的按鈕就是游戲UI設(shè)計(jì)師用手繪板畫(huà)出來(lái)的，做這個(gè)工作的話必需要有美術(shù)基礎(chǔ)，大公司還要求科班出身，所以這個(gè)工作也是比較累的，所以我建議大家做UI工作的話可以選擇移動(dòng)端UI設(shè)計(jì)，因?yàn)槟壳耙苿?dòng)端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ì)主要學(xué)習(xí)哪些東西

UI設(shè)計(jì)主要偏向于功能邏輯，像對(duì)產(chǎn)品功能的主次分級(jí)，目標(biāo)用戶的痛點(diǎn)解決，頁(yè)面交互動(dòng)效銜接和落地的視覺(jué)呈現(xiàn)等專(zhuān)業(yè)能力，加上對(duì)業(yè)務(wù)的了解、最大化平衡產(chǎn)品利益點(diǎn)和用戶體驗(yàn)的能力，加起來(lái)形成了UI設(shè)計(jì)這個(gè)行業(yè)。

你要學(xué)習(xí)的話，推薦你報(bào)名線下培訓(xùn)課，會(huì)比較系統(tǒng)進(jìn)行教學(xué)，我本人比較推薦的是杭州高段位UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu)，我有幾個(gè)同行都在里面學(xué)習(xí)過(guò)，很不錯(cuò)，你需要的話，可以實(shí)地考察下，他們不打廣告，完全靠口碑說(shuō)話，很難得。

據(jù)杭州高段位UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu)介紹，學(xué)習(xí)分為六大階段：

第一階段：UID設(shè)計(jì)訓(xùn)練營(yíng)

對(duì)UI設(shè)計(jì)有初步的認(rèn)知；Photoshop軟件使用達(dá)到中級(jí)水平；能夠使用Photoshop獨(dú)立設(shè)計(jì)簡(jiǎn)單的圖標(biāo)和界面。

第二階段：VUI(職業(yè)設(shè)計(jì))

通過(guò)系統(tǒng)學(xué)習(xí)PPT的頁(yè)面元素控制、動(dòng)畫(huà)控制、文字編排等知識(shí)，掌握PPT基本操作；掌握視頻、音頻、圖形圖像等多種類(lèi)文件格式對(duì)提升PPT展示效果的方法與技巧；學(xué)會(huì)創(chuàng)意思維的方法，掌握敘事的技巧與手段，提升PPT的專(zhuān)業(yè)度；正確使用PPT進(jìn)行演示，并學(xué)會(huì)處理常見(jiàn)演示技術(shù)問(wèn)題，從而提高職業(yè)技能水平，掌握必備職場(chǎng)工具，提升設(shè)計(jì)師職業(yè)素養(yǎng)。

第三階段：GUI（平面設(shè)計(jì)）

能夠熟練運(yùn)用Photoshop、Illustrator、Indesign等常用設(shè)計(jì)軟件，熟悉書(shū)籍裝幀、招貼海報(bào)、型錄設(shè)計(jì)、標(biāo)志設(shè)計(jì)等項(xiàng)目的規(guī)范及設(shè)計(jì)技巧，熟練掌握印前制作流程及印刷后期工藝表現(xiàn)。

第四階段：GUI(創(chuàng)意設(shè)計(jì))

熟練掌握品牌中的圖形與字體設(shè)計(jì)技巧，能夠很好的制定企業(yè)VIS標(biāo)準(zhǔn)。能夠通過(guò)品牌為切入點(diǎn)對(duì)企業(yè)的廣告設(shè)計(jì)banner廣告、產(chǎn)品包裝、企業(yè)宣傳品、畫(huà)冊(cè)進(jìn)行創(chuàng)意表達(dá)。熟知后期印刷規(guī)范流程。掌握互聯(lián)網(wǎng)界面規(guī)范，熟練應(yīng)用廣告設(shè)計(jì)技巧來(lái)表現(xiàn)專(zhuān)題頁(yè)面與H5頁(yè)面。

第五階段：WUI（網(wǎng)站建設(shè)）

熟練掌握網(wǎng)站建設(shè)的工作流程、技術(shù)及實(shí)用工具，熟悉各種設(shè)備尺寸的WEB布局設(shè)計(jì)規(guī)范和布局技巧，可獨(dú)立完成商業(yè)網(wǎng)站搭建及制作。

第五階段：MUI(多屏界面設(shè)計(jì))

從挖掘需求到項(xiàng)目落地，從產(chǎn)品設(shè)計(jì)到立體展示。全面打造懂分析、知心理、善邏輯、大格局、精技巧的全棧式設(shè)計(jì)師。

第六階段：VUI（職業(yè)設(shè)計(jì)）

全方位提升學(xué)員綜合素質(zhì)及實(shí)際求職能力，通過(guò)素質(zhì)提升、作品整理、精準(zhǔn)定位及有效投遞、掌握良好的面試技巧及面試中如何應(yīng)答面試實(shí)戰(zhàn)，讓學(xué)員能夠更專(zhuān)業(yè)、更自信的面對(duì)企業(yè)，走進(jìn)職場(chǎng)。

三、UI圖標(biāo)設(shè)計(jì)有哪些類(lèi)型?

1. 線性圖標(biāo)

線性圖標(biāo)，顧名思義，即圖標(biāo)是由直線、曲線、點(diǎn)在內(nèi)等元素組合而成的圖標(biāo)樣式。線性圖標(biāo)具有辨識(shí)度高，清晰唯美，簡(jiǎn)約易看等優(yōu)點(diǎn)，線性圖標(biāo)不會(huì)對(duì)頁(yè)面造成太多的視覺(jué)干擾。缺點(diǎn)是：線性圖標(biāo)的創(chuàng)作空間較少，太復(fù)雜的線性圖標(biāo)看起來(lái)會(huì)讓人感覺(jué)到累。

2. 面性圖標(biāo)

面性圖標(biāo)，即使用對(duì)圖形內(nèi)容進(jìn)行色彩填充的圖標(biāo)樣式。面性圖標(biāo)是現(xiàn)實(shí)生活中物體的縮影，優(yōu)點(diǎn)非常多，比如表意能力強(qiáng)，細(xì)節(jié)豐富，色彩豐富，情緒感強(qiáng)，視覺(jué)突出，創(chuàng)作空間大等。面性圖標(biāo)可以讓用戶迅速定位圖標(biāo)位置，快速預(yù)知點(diǎn)擊后的狀態(tài)。但是面性圖標(biāo)在頁(yè)面中不可過(guò)多出現(xiàn)，否則會(huì)造成頁(yè)面臃腫，難分主次，用戶視覺(jué)疲勞。

3. 混合型圖標(biāo)

在設(shè)計(jì)圖標(biāo)類(lèi)型的時(shí)候，不一定局限于單純的線性與面性，也可以兩者結(jié)合，讓圖標(biāo)即有線性描邊的輪廓，還有色彩填充的區(qū)域，混合型圖標(biāo)可以讓頁(yè)面變得更加有活力，同時(shí)還可以吸引用戶的注意力，美觀與創(chuàng)意性強(qiáng)。但是混合型圖標(biāo)在商業(yè)產(chǎn)品中要謹(jǐn)慎使用，因?yàn)槭褂貌划?dāng)會(huì)讓頁(yè)面變得雜亂不堪，用戶無(wú)法識(shí)別圖標(biāo)表達(dá)的語(yǔ)義。

四、UI設(shè)計(jì)需要學(xué)習(xí)用到哪些軟件

UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。一般UI設(shè)計(jì)會(huì)用到這些軟件：①Photoshop；AI：全稱(chēng)Adobe Illustrator是一款多媒體在線圖像和出版的工業(yè)標(biāo)準(zhǔn)矢量插畫(huà)的軟件。

②AE：是Adobe公司推出的一款圖形視頻處理軟件，屬于層類(lèi)型后期軟件。

③Axure：是負(fù)責(zé)定義規(guī)格和需求，界面與設(shè)計(jì)功能的專(zhuān)家能夠快速創(chuàng)建應(yīng)用軟件和web網(wǎng)站的流程圖、線框圖、規(guī)格說(shuō)明文檔和原型的一個(gè)專(zhuān)業(yè)快速原型設(shè)計(jì)工具。

④Fireworks：是Adobe推出的一款網(wǎng)頁(yè)作圖軟件。

⑤CorelDRAW：是Corel公司出品的矢量圖形制作工具軟件，這個(gè)圖形工具給設(shè)計(jì)師提供了頁(yè)面設(shè)計(jì)、矢量動(dòng)畫(huà)、位圖編輯、網(wǎng)頁(yè)動(dòng)畫(huà)和網(wǎng)站制作等多種功能。

⑥Flash：是macromedia公司推出的交互式矢量圖和web動(dòng)畫(huà)的標(biāo)準(zhǔn)。

當(dāng)然，你要注意的是，畢竟設(shè)計(jì)這個(gè)行業(yè)有自己的特殊性，你的軟件操作能力絕對(duì)不等于你的設(shè)計(jì)能力，要想設(shè)計(jì)出好的產(chǎn)品，跟平時(shí)的積累是分不開(kāi)的。要多多練習(xí)多多總結(jié)，平時(shí)看到好的素材要積累下來(lái)，希望你也可以成為一個(gè)優(yōu)秀的設(shè)計(jì)師。

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