-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 空間設(shè)計 > 專題列表 > 正文
ui設(shè)計種類(ui設(shè)計常見類別有哪些)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于ui設(shè)計種類的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè),服務(wù)客戶遍布全國,設(shè)計相關(guān)業(yè)務(wù)請撥打175-8598-2043,或微信:1454722008
本文目錄:
一、UI設(shè)計的應(yīng)用領(lǐng)域都有哪些?
UI設(shè)計英文叫User Interface翻譯成中文意思就是(用戶界面)。UI設(shè)計是指對軟件的人機交互,操作邏輯,界面美觀的整體設(shè)計。
說到這個界面設(shè)計,其實非常好理解,因為我們每天都在使用。我們手機里面的APP軟件,QQ和微信的界面圖標(biāo)設(shè)計都屬于UI設(shè)計師的工作內(nèi)容
移動端互聯(lián)網(wǎng)時代,每位同學(xué)都有一部智能手機,手機里面看APP界面圖標(biāo),我們可以稱為用戶界面,也就是我說的UI設(shè)計。簡單的來說,UI設(shè)計師就是負(fù)責(zé)設(shè)計這些在電子屏幕上顯示的產(chǎn)品,(包括游戲UI,網(wǎng)頁端,手機,以及目前比較火的VR,AR,其他設(shè)備端等)
比如微信界面、里面的圖標(biāo) 文字 圖片整個操作點擊 都屬于UI設(shè)計師要設(shè)計的范疇。所以UI設(shè)計一直存在于我們的生活!
UI設(shè)計起源于美國硅谷,UI設(shè)計是2012年由硅谷傳入中國,UI設(shè)計隨著互聯(lián)網(wǎng)行業(yè)的興起和智能手機的普及而火的一發(fā)不可收拾。
UI設(shè)計是最近幾年在國內(nèi)火起來的,目前UI設(shè)計師的平均薪資是國內(nèi)設(shè)計界薪資最高的行業(yè),在北上廣深杭這些一線城市UI設(shè)計師的平均薪資1萬以上。從薪資不難看出UI設(shè)計這個行業(yè)目前在國內(nèi)真的很火。
UI設(shè)計師需要做的工作有,APP界面圖標(biāo)設(shè)計,視覺設(shè)計,運營插畫設(shè)計,交互動效設(shè)計,原型圖設(shè)計,平面設(shè)計,小程序設(shè)計等。
好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。
UI設(shè)計按行業(yè)一般分為4種行業(yè)
分別是移動端UI設(shè)計,PC端UI設(shè)計,游戲端UI設(shè)計,以及其它端UI設(shè)計。
第一種:移動端UI設(shè)計
那么什么叫移動端UI設(shè)計呢,移動端UI設(shè)計就是手機平板上的APP設(shè)計,比如微信聊天界面,QQ聊天界面,手機桌面,手機上看到的所有圖標(biāo)界面點了后會有反應(yīng)的我們都可以理解成移動端UI設(shè)計。
那么我們來講解一下移動端UI設(shè)計師的工作內(nèi)容有哪些?移動端UI設(shè)計師的工作就是我們的APP界面圖標(biāo)文字按鈕等,這一塊就是我們移動端UI設(shè)計師要做的工作,要做好這份工作的話我們需要學(xué)習(xí)的東西有很多,比如說要懂理論,要懂用什么顏色,要用什么字體,要用什么版試這些都是需要學(xué)習(xí)的,看似簡單的一個設(shè)計往往來說難度性都挺高的,并沒有看上去那么簡單。不然現(xiàn)在的UI設(shè)計師的工資也不會這么高了。
第二種:PC端UI設(shè)計
PC端UI設(shè)計就是我們電腦上的軟件和網(wǎng)頁按鈕,比如電腦版的QQ,微信,電腦管家和網(wǎng)頁的一些按鈕圖標(biāo)等都屬于PC端UI設(shè)計。
其實移動端UI設(shè)計和PC端UI設(shè)計是差不多的,只不過平臺不一樣。PC端的載休是電腦,移動端的載體是手機。
第三種游戲UI設(shè)計
那么什么是游戲端UI設(shè)計咧?比如王者榮耀,英雄聯(lián)盟和一些其它游戲中的登錄界面、都是屬于游戲端UI設(shè)計。
目前游戲端UI設(shè)計在近幾年發(fā)展并以前沒有那么好了,主要是因為現(xiàn)在騰訊網(wǎng)易這些大公司已經(jīng)把游戲的市場站領(lǐng)了,其它的都是一些小公司,所以這個行業(yè)發(fā)展沒有之前那么好了。而且游戲UI對美術(shù)基礎(chǔ)要求也比較高。
這就是類似游戲的界面,這里面的按鈕就是游戲UI設(shè)計師用手繪板畫出來的,做這個工作的話必需要有美術(shù)基礎(chǔ),大公司還要求科班出身,所以這個工作也是比較累的,所以我建議大家做UI工作的話可以選擇移動端UI設(shè)計,因為目前移動端UI設(shè)計比較火。
第四種:其它UI設(shè)計
最后一種就是其它端UI設(shè)計,像VR界面、AR界面、銀行取款機界面、這些都屬于其它端UI設(shè)計,其它端UI設(shè)計用戶較少,但又需要,未來有可能很火,有可能保持現(xiàn)狀。
二、UI設(shè)計主要學(xué)習(xí)哪些東西
UI設(shè)計主要偏向于功能邏輯,像對產(chǎn)品功能的主次分級,目標(biāo)用戶的痛點解決,頁面交互動效銜接和落地的視覺呈現(xiàn)等專業(yè)能力,加上對業(yè)務(wù)的了解、最大化平衡產(chǎn)品利益點和用戶體驗的能力,加起來形成了UI設(shè)計這個行業(yè)。
你要學(xué)習(xí)的話,推薦你報名線下培訓(xùn)課,會比較系統(tǒng)進行教學(xué),我本人比較推薦的是杭州高段位UI設(shè)計培訓(xùn)機構(gòu),我有幾個同行都在里面學(xué)習(xí)過,很不錯,你需要的話,可以實地考察下,他們不打廣告,完全靠口碑說話,很難得。
據(jù)杭州高段位UI設(shè)計培訓(xùn)機構(gòu)介紹,學(xué)習(xí)分為六大階段:
第一階段:UID設(shè)計訓(xùn)練營
對UI設(shè)計有初步的認(rèn)知;Photoshop軟件使用達到中級水平;能夠使用Photoshop獨立設(shè)計簡單的圖標(biāo)和界面。
第二階段:VUI(職業(yè)設(shè)計)
通過系統(tǒng)學(xué)習(xí)PPT的頁面元素控制、動畫控制、文字編排等知識,掌握PPT基本操作;掌握視頻、音頻、圖形圖像等多種類文件格式對提升PPT展示效果的方法與技巧;學(xué)會創(chuàng)意思維的方法,掌握敘事的技巧與手段,提升PPT的專業(yè)度;正確使用PPT進行演示,并學(xué)會處理常見演示技術(shù)問題,從而提高職業(yè)技能水平,掌握必備職場工具,提升設(shè)計師職業(yè)素養(yǎng)。
第三階段:GUI(平面設(shè)計)
能夠熟練運用Photoshop、Illustrator、Indesign等常用設(shè)計軟件,熟悉書籍裝幀、招貼海報、型錄設(shè)計、標(biāo)志設(shè)計等項目的規(guī)范及設(shè)計技巧,熟練掌握印前制作流程及印刷后期工藝表現(xiàn)。
第四階段:GUI(創(chuàng)意設(shè)計)
熟練掌握品牌中的圖形與字體設(shè)計技巧,能夠很好的制定企業(yè)VIS標(biāo)準(zhǔn)。能夠通過品牌為切入點對企業(yè)的廣告設(shè)計banner廣告、產(chǎn)品包裝、企業(yè)宣傳品、畫冊進行創(chuàng)意表達。熟知后期印刷規(guī)范流程。掌握互聯(lián)網(wǎng)界面規(guī)范,熟練應(yīng)用廣告設(shè)計技巧來表現(xiàn)專題頁面與H5頁面。
第五階段:WUI(網(wǎng)站建設(shè))
熟練掌握網(wǎng)站建設(shè)的工作流程、技術(shù)及實用工具,熟悉各種設(shè)備尺寸的WEB布局設(shè)計規(guī)范和布局技巧,可獨立完成商業(yè)網(wǎng)站搭建及制作。
第五階段:MUI(多屏界面設(shè)計)
從挖掘需求到項目落地,從產(chǎn)品設(shè)計到立體展示。全面打造懂分析、知心理、善邏輯、大格局、精技巧的全棧式設(shè)計師。
第六階段:VUI(職業(yè)設(shè)計)
全方位提升學(xué)員綜合素質(zhì)及實際求職能力,通過素質(zhì)提升、作品整理、精準(zhǔn)定位及有效投遞、掌握良好的面試技巧及面試中如何應(yīng)答面試實戰(zhàn),讓學(xué)員能夠更專業(yè)、更自信的面對企業(yè),走進職場。
三、UI圖標(biāo)設(shè)計有哪些類型?
1. 線性圖標(biāo)
線性圖標(biāo),顧名思義,即圖標(biāo)是由直線、曲線、點在內(nèi)等元素組合而成的圖標(biāo)樣式。線性圖標(biāo)具有辨識度高,清晰唯美,簡約易看等優(yōu)點,線性圖標(biāo)不會對頁面造成太多的視覺干擾。缺點是:線性圖標(biāo)的創(chuàng)作空間較少,太復(fù)雜的線性圖標(biāo)看起來會讓人感覺到累。
2. 面性圖標(biāo)
面性圖標(biāo),即使用對圖形內(nèi)容進行色彩填充的圖標(biāo)樣式。面性圖標(biāo)是現(xiàn)實生活中物體的縮影,優(yōu)點非常多,比如表意能力強,細(xì)節(jié)豐富,色彩豐富,情緒感強,視覺突出,創(chuàng)作空間大等。面性圖標(biāo)可以讓用戶迅速定位圖標(biāo)位置,快速預(yù)知點擊后的狀態(tài)。但是面性圖標(biāo)在頁面中不可過多出現(xiàn),否則會造成頁面臃腫,難分主次,用戶視覺疲勞。
3. 混合型圖標(biāo)
在設(shè)計圖標(biāo)類型的時候,不一定局限于單純的線性與面性,也可以兩者結(jié)合,讓圖標(biāo)即有線性描邊的輪廓,還有色彩填充的區(qū)域,混合型圖標(biāo)可以讓頁面變得更加有活力,同時還可以吸引用戶的注意力,美觀與創(chuàng)意性強。但是混合型圖標(biāo)在商業(yè)產(chǎn)品中要謹(jǐn)慎使用,因為使用不當(dāng)會讓頁面變得雜亂不堪,用戶無法識別圖標(biāo)表達的語義。
四、UI設(shè)計需要學(xué)習(xí)用到哪些軟件
UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。一般UI設(shè)計會用到這些軟件:①Photoshop;AI:全稱Adobe Illustrator是一款多媒體在線圖像和出版的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件。
②AE:是Adobe公司推出的一款圖形視頻處理軟件,屬于層類型后期軟件。
③Axure:是負(fù)責(zé)定義規(guī)格和需求,界面與設(shè)計功能的專家能夠快速創(chuàng)建應(yīng)用軟件和web網(wǎng)站的流程圖、線框圖、規(guī)格說明文檔和原型的一個專業(yè)快速原型設(shè)計工具。
④Fireworks:是Adobe推出的一款網(wǎng)頁作圖軟件。
⑤CorelDRAW:是Corel公司出品的矢量圖形制作工具軟件,這個圖形工具給設(shè)計師提供了頁面設(shè)計、矢量動畫、位圖編輯、網(wǎng)頁動畫和網(wǎng)站制作等多種功能。
⑥Flash:是macromedia公司推出的交互式矢量圖和web動畫的標(biāo)準(zhǔn)。
當(dāng)然,你要注意的是,畢竟設(shè)計這個行業(yè)有自己的特殊性,你的軟件操作能力絕對不等于你的設(shè)計能力,要想設(shè)計出好的產(chǎn)品,跟平時的積累是分不開的。要多多練習(xí)多多總結(jié),平時看到好的素材要積累下來,希望你也可以成為一個優(yōu)秀的設(shè)計師。
以上就是關(guān)于ui設(shè)計種類相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀:
景觀設(shè)計界最高獎項(景觀設(shè)計界最高獎項有哪些)
猜你喜歡
ui設(shè)計知識點總結(jié)(ui設(shè)計知識點總結(jié)怎么寫)
ui設(shè)計真的那么好嗎(ui設(shè)計真的那么好嗎)
UI設(shè)計目標(biāo)(ui設(shè)計目標(biāo)規(guī)劃)
ui設(shè)計目標(biāo)怎么寫(ui設(shè)計師的職業(yè)規(guī)劃怎么寫)
ui設(shè)計目前呈現(xiàn)出一種趨勢(ui設(shè)計目前呈現(xiàn)出一種趨勢是什么)
ui設(shè)計的風(fēng)格(UI設(shè)計的風(fēng)格發(fā)展脈絡(luò))