-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 空間設(shè)計 > 專題列表 > 正文
分享一些有關(guān)ui設(shè)計的(分享一些有關(guān)ui設(shè)計的內(nèi)容)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于分享一些有關(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ōu)質(zhì)書單,快來看看!
一、平面設(shè)計類
《字不語》
推薦理由:通過這本書,我們可以學(xué)到:字體的發(fā)展歷程、字體的分析和表達方式、各種工具的使用特性、對不同的字體進行了充分的分析和講解、商業(yè)字體的案例應(yīng)用。在這本書中,有很多關(guān)于手寫體字形設(shè)計的方法和經(jīng)驗,都是作者通過不斷的嘗試和否定,最終所保留下來的東西。設(shè)計方法有很多,作者將他總結(jié)的都寫進了這本書里,只是希望,這些總結(jié),能帶給初學(xué)者一些啟迪和幫助,如此便心滿意足。
二、網(wǎng)頁設(shè)計類
《字體故事》
推薦理由:這是一本從漢字原理和造字結(jié)構(gòu)出發(fā),結(jié)合游戲、商業(yè)品牌、電影等實際案例的字體設(shè)計方法論圖書。書中的襯線加強法、陰陽收縮法、字重調(diào)整法、重心調(diào)整法、筆畫繼承法和點畫手繪法,分別從字體襯線/非襯線、字重、字懷、重心、結(jié)構(gòu)等字體屬性分析字體,通過改變字體屬性達到設(shè)計字體的技巧。
三、UI設(shè)計類
《不一樣的UI設(shè)計師》
推薦理由:本一個優(yōu)秀的設(shè)計師不僅只是熟練的軟件和工具操作者,更是設(shè)計方法和思維的深度思考者。在眾多新設(shè)計工具越來越普及,UI設(shè)計師競爭越來越激烈的今天。面對設(shè)計工作中的苦惱和問題,廣大設(shè)計師更該思考,如何讓自己變得更優(yōu)秀與“不一樣”。
以上就是小編今天分享的UI設(shè)計大師推薦書單,總而言之,這些內(nèi)容包括了平面設(shè)計、網(wǎng)頁設(shè)計和UI設(shè)計,有需要朋友趕緊收好這份書單吧!當(dāng)然了,大家光看書本上的理論和案例是遠(yuǎn)遠(yuǎn)不夠的,有效的學(xué)習(xí)方法應(yīng)該是把理論和實踐結(jié)合起來。
二、ui設(shè)計是什么?
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)狀。
今天有關(guān)什么是UI設(shè)計就回答到這里啦,希望對你和對想學(xué)習(xí)UI設(shè)計的小伙伴有所幫助。下次再給大家分享其它的UI設(shè)計干貨內(nèi)容。小伙伴們,我們下次再見。
三、UI設(shè)計需要學(xué)習(xí)哪些軟件啊?
大家好,我做為一名UI設(shè)計師給大家講解一下我做UI設(shè)計工作中會用到哪些軟件,現(xiàn)在學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些軟件。
UI設(shè)計需要學(xué)習(xí)哪些軟件?
學(xué)習(xí)UI設(shè)計,需要掌握設(shè)計規(guī)范的同時,還要熟練運用多種軟件,界面、圖標(biāo)、動效、交互、切圖、標(biāo)注等都需要用到不同的軟件。
在這里主要列舉UI設(shè)計常用的8款軟件,PS軟件,AI軟件,AE軟件,ARP或默刀軟件,XD或sketch軟件,藍湖軟件,C4D軟件,DW軟件。
我們在學(xué)習(xí)UI設(shè)計的過程當(dāng)中,需要學(xué)習(xí)到很多知識,比如軟件 PS,AI,AE,ARP,XD、C4D這些都是一名UI設(shè)計必需要掌握好的軟件。
而學(xué)習(xí)到這些軟件,可以通過視視頻,書籍,網(wǎng)站等多種方法學(xué)習(xí)。
工欲善其事必先利其器,從這個階段開始,覺得先學(xué)習(xí)軟件工具了,一般UI設(shè)計要學(xué)習(xí)有以下8款軟件(PS 、AI、 AE、ARP或默刀軟件,XD或sketch軟件,藍湖軟件,C4D軟件,DW軟件。 )那么這幾款軟件在UI設(shè)計工作是負(fù)責(zé)什么的呢?
一、PS軟件
PS軟件在UI設(shè)計工作中主要來用做UI設(shè)計界面設(shè)計、圖標(biāo)設(shè)計、圖片處理的。
PS軟件有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及.Adobe家族的頂梁設(shè)計軟件、想從事設(shè)計工作PS軟件一定要精通,PS的強大,只有你想不到?jīng)]有它做不出的圖
二、AI 軟件
AI軟件在UI設(shè)計工作中主要用來做UI界面設(shè)計、圖標(biāo)設(shè)計、字體設(shè)計、插畫設(shè)計
AI是出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫軟件。 AI可以用來從事,平面設(shè)計,網(wǎng)頁設(shè)計,UI設(shè)計等多種設(shè)計工作。
三、AE軟件
AE軟件在UI設(shè)計工作中主要用來做動效設(shè)計
效設(shè)計由于可以將本來靜態(tài)的圖片、或者抽象的動態(tài)效果的很容以表達出來,所以,UI設(shè)計師除了必要L的交互動效,通常為了表達抽象的交互體驗設(shè)計制作動效設(shè)計稿,這樣開發(fā)團隊也能對即將開發(fā)的產(chǎn)品都有一個直觀的認(rèn)知。
AE可以用來從事影視后期, 平面設(shè)計,UI設(shè)計等多種設(shè)計工作。
四、XD 或者sketch軟件
XD 或者sketch軟件在UI設(shè)計工作中主要用來做圖面設(shè)計、圖標(biāo)設(shè)計、原型設(shè)計
sketch(只能在蘋果電腦上安裝,如果電腦是win系統(tǒng)就可以安裝XD軟件)
sketch和XD這兩款軟件功能是差不多的,XD的話是一款非常適合做UI設(shè)計工作,XD做圖會非???,因為XD的工具特別少,里面的工具是專門為做UI設(shè)計工作開發(fā)的一款軟件,而且XD軟件特別小,不會卡。
五、ARP或者默刀軟件
ARP和默刀軟件功能差不多二選一學(xué)習(xí)就可以了,這兩款軟件都是做原型設(shè)計的
我們做UI設(shè)計,UI設(shè)計是由很多很多界面組成的,這些界面每一步之間去交接的這個界面
如果說我們只做一個界面,UI設(shè)計師是可以做出來的,但是要做幾十個上面?zhèn)€界面
如果我們一個個做是肯定會出問題的,所以需要先制作原型,我們根據(jù)原型再制作界面,這就是我們的前后聯(lián)系,原型是不用做這個顏色,圖標(biāo),細(xì)節(jié)的,只需搭建一個基礎(chǔ)的版式就行,這個就是我們用ARP或者默刀軟件做的。
六、藍湖軟件
藍湖軟件在UI設(shè)計工作中主要用來做標(biāo)注設(shè)計的
就是我們做好了頁面,這個頁面的高底,寬度,包括頁面的色值我們都需要標(biāo)注出來
為什么需要標(biāo)注呢,因為我們做的圖,做完之后他就是張圖片,這個圖片我們用手機是點不了的
我們手機APP上的那些圖之所以能點那是因為有程序猿做了一個二次開發(fā),這個東西我們不用懂,但是我們要標(biāo)注出來,標(biāo)注出來讓程序猿知道你的顏色,你的色值,你的尺寸到時是多少,他才能開發(fā)出來。
七、C4D軟件
C4D軟件在UI設(shè)計工作中主要用來做一些3d效果圖和建模
UI設(shè)計師的附加軟件,最近幾年非常流行的建模軟件,建模渲染效果特別好!
因而,成為了設(shè)計創(chuàng)意工作者的效率生產(chǎn)工具。現(xiàn)在,無論是影視后期、還是工業(yè)設(shè)計、或平面設(shè)計行業(yè),C4D軟件都得到了廣泛的運用。用來做一些平面軟件達不到的3D效果,視覺效果,能做很多的概念設(shè)計,這個軟件,能讓你的設(shè)計表現(xiàn)力更豐富更有趣。
八、DW軟件
DW軟件在UI設(shè)計工作中主要用來做一些簡單的頁面
DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。
由此可以看出想要學(xué)習(xí)UI設(shè)計,一定要先學(xué)會軟件操作,他們可謂是戰(zhàn)士手中的刀和槍,只有把各種軟件運用熟練我們才能制作出美好的作品。但并不能說,你學(xué)會使用這些軟件,就能成為一名合格的UI設(shè)計師, 這種概率太小了!
對于UI設(shè)計師,軟件僅僅只是一個表達設(shè)計想法的工具而已。UI設(shè)計師需要的是真正的產(chǎn)品設(shè)計思維,清楚用戶的使用場景、用戶需求、理解企業(yè)的產(chǎn)品愿景,最終才能設(shè)計出一款用戶用著爽、企業(yè)需要的優(yōu)秀產(chǎn)品。
UI設(shè)計掌握學(xué)習(xí)主要分兩部分,兩個階段
一個是熟練工具,另外是設(shè)計知識以及創(chuàng)意想法的練習(xí)。
一部分是軟件(設(shè)計師的工具)
二部分是設(shè)計知識(重點學(xué)習(xí))
軟件知識:PS 、AI、 AE、ARP或默刀軟件、XD或sketch軟件、藍湖
理論知識:創(chuàng)意,審美,心理學(xué),溝通學(xué),管理,運營,文案,演講
需要學(xué)習(xí)哪些理論知識下次有時間再給大家更新
如果想了解現(xiàn)在學(xué)習(xí)UI設(shè)計需要學(xué)習(xí)哪些軟件和學(xué)習(xí)哪些理論知識可以看一下這個視頻,這個視頻里面有詳細(xì)的講解哦。
學(xué)習(xí)UI設(shè)計還有沒有前途,UI設(shè)計行業(yè)飽合了嗎?
UI設(shè)計師魏少東的視頻
· 8728 播放
今天有關(guān)UI設(shè)計需要學(xué)習(xí)哪些軟件就講到這里,希望對大家有所幫助哦,看回答或者視頻過程中有不懂的地方可以問我,我有時間看到了會幫大家解答的。
最后給大家分享一下UI設(shè)計學(xué)習(xí)軟件下載地址,有需要的可以自行下載
鏈接:https://pan.baidu.com/s/1WRSFhTNfaywzH2YcQstPVQ
提取碼:17ic
四、金牌UI設(shè)計師的分享——游戲圖標(biāo)的概念和制作
游戲UI設(shè)計師一直都是游戲行業(yè)中的一個熱門崗位,同時也是游戲開發(fā)過程中非常重要的一個職位。武漢尚上游請到了湖北美術(shù)學(xué)院動畫系畢業(yè)的金牌游戲UI設(shè)計師熊雪雪老師,跟大家分享一下游戲中的圖標(biāo)設(shè)計的相關(guān)內(nèi)容,這次為大家?guī)淼氖怯螒驁D標(biāo)的概念以及一些類型圖標(biāo)的繪制要點。
游戲圖標(biāo)設(shè)計概念
玩家在玩游戲的過程中,對游戲底層復(fù)雜的信息處理和運行過程是沒有意識的,玩家能體會到最基本的就是美術(shù)層面的東西——圖標(biāo)、文字、界面、角色和場景等。游戲中圖標(biāo)的類型非常多,按照功能聯(lián)系分為圖像類圖標(biāo)、指示類圖標(biāo)、標(biāo)志類圖標(biāo)等三大類。
一.圖像類圖標(biāo)
圖像類圖標(biāo)需要表達直觀明了的意思,因為此類圖標(biāo)可以引導(dǎo)玩家注意到重要的信息,有效減少學(xué)習(xí)成本和記憶成本,是組織信息內(nèi)容的非常重要的因素。繪制這類圖標(biāo)的時候要注意造型和角度,一定要具有很強的識別性。為了很好的展示物品的特性,一般會切斜一定角度,有些正面展示無法很好的表達其物品的識別度
那么,圖像類圖標(biāo)都有哪些呢?
1.系統(tǒng)圖標(biāo)設(shè)計
系統(tǒng)圖標(biāo)在游戲中一般位于主界面的區(qū)域,方便玩家隨時操作。常用的系統(tǒng)功能圖標(biāo)一般包括角色、技能、背包、好友等,用于滿足玩家在游戲中的交互。PS:配色相似看起來更加統(tǒng)一
繪制要點: 繪制這類圖標(biāo)的時候,尤其強調(diào)與界面風(fēng)格統(tǒng)一,如保持配色、造型和效果的一致。因為人們首先注意到的是色彩,相同的顏色或者相近的配色會讓圖標(biāo)看起來更加統(tǒng)一。而圖標(biāo)的造型能夠給游戲的代入感加分。
2.活動圖標(biāo)設(shè)計
活動圖標(biāo)是游戲上線之后,根據(jù)不同節(jié)日所推出的運營活動的入口,活動圖標(biāo)在某種意義上隸屬于系統(tǒng)圖標(biāo)。除此之外還有相對應(yīng)的道具圖標(biāo),如元宵節(jié)的湯圓、春節(jié)的鞭炮等,一般這類道具圖標(biāo)存在于背包中,元素組合及用色相對豐富。
繪制要點: 繪制的時候比較注重氣氛的表達,一般會繪制的比較抓眼球,引起玩家注意,元素組合及用色也會稍微比較豐富。一般在游戲中會有比較華麗的光效襯托。
3.商城圖標(biāo)設(shè)計
在游戲中除了日常交易的一般物品外,還有一類滿足玩家虛榮心的游戲商城,里面有奇珍異寶、個性服裝等,還有金幣道具也屬于商品圖標(biāo)。這些圖標(biāo)都是需要通過購買獲得,所以設(shè)計上需要區(qū)別于其他普通的物品圖標(biāo)。
繪制要點: 設(shè)計的表現(xiàn)強度和繪制精度都要高于普通的物品圖標(biāo)??赏ㄟ^增加不同的色彩、造型和特效來突出更高級別的品質(zhì)從而喚起玩家的購買欲。
4.裝備/物品圖標(biāo)設(shè)計
裝備圖標(biāo)和物品圖標(biāo)都具備讓玩家合成為更強大的功能。
繪制要點 :裝備圖標(biāo)需要注意等級關(guān)系,合理區(qū)分職業(yè);物品圖標(biāo)要以合適的角度和形態(tài)出現(xiàn)。為了讓一套圖標(biāo)表現(xiàn)的更加一體化和細(xì)膩,相同的角度、打光、描邊、反光等效果是比較有效的實現(xiàn)方法,描邊和反光除了可以加強風(fēng)格統(tǒng)一性之外還可以加強圖標(biāo)的風(fēng)格特性。
5.技能圖標(biāo)設(shè)計
技能圖標(biāo)是游戲角色放招術(shù)所呈現(xiàn)出來的特效技能,需要根據(jù)角色技能特征繪制技能圖標(biāo),比如強大的魔法攻擊效果。
繪制要點 :需要符合角色的動作和特效的特點去繪制,建議是先有特效呈現(xiàn)效果,再根據(jù)特效效果繪制相應(yīng)的技能圖標(biāo)。技能圖標(biāo)在色彩和造型的對比度方面比其他類型的圖標(biāo)更高一些,更多是一種狀態(tài)和趨勢的表現(xiàn)。
二.指示類圖標(biāo)
如果文本較多或者不宜用文字展示的情況下,一般采用指示類的圖標(biāo),更快速的引導(dǎo)玩家注意。
游戲中會有很多屬性,比如體力、智力、法力等,他們以圖形的形式出現(xiàn)在角色屬性中,目的是讓玩家對這些信息產(chǎn)生認(rèn)知。
還有一些搜索圖標(biāo)、感嘆號、問好等圖標(biāo)都是屬于指示類圖標(biāo)。
繪制要點 :繪制這類圖標(biāo)更多是考慮去掉多余元素,更多是趨向于扁平和剪影的表現(xiàn)形式。
三.標(biāo)志類圖標(biāo)
游戲中標(biāo)志類圖標(biāo)包括職業(yè)種族圖標(biāo)、成就稱號圖標(biāo)、App桌面圖標(biāo)。
1.職業(yè)種族圖標(biāo)
象征玩家的身份,例如不同國家有不同國旗、不同團體有不同標(biāo)志。種族圖標(biāo)一般具有故事性的標(biāo)志。
繪制要點 :組合元素的多少決定信息量呈現(xiàn)的大小,復(fù)雜性越高信息量越大,復(fù)雜性越底信息量越小。
2.成就稱號圖標(biāo)
在游戲中為了多方面獎勵及提供給目標(biāo)玩家,就會出現(xiàn)各種成就徽章、VIP、軍銜等稱號。
繪制要點 :一般這種成就稱號會有等級性,所以繪制的時候需要考慮到由簡到繁的思路,保證統(tǒng)一性的同時又要有等級區(qū)別。
3.啟動ICON圖標(biāo)
用于商城、桌面展示的圖標(biāo),繪制這類圖標(biāo)還需要考慮不同平臺的尺寸規(guī)范和平臺風(fēng)格。一個成功的啟動圖標(biāo),玩家首先是注意到視覺效果,其實是他所表達的含義。
繪制要點: 可以通過多種方案進行繪制,例如游戲背景題材方向、游戲名稱方向或者美女角色方向。其實更多是根據(jù)運用方給的需求進行有方向有目的的繪制。
以上就是本次為大家?guī)淼挠螒騏I設(shè)計中游戲圖標(biāo)概念和繪制要點的全部內(nèi)容,希望對看到這里的你能帶來一些幫助!武漢尚上游還為大家?guī)砹岁P(guān)于游戲UI設(shè)計中圖標(biāo)繪制的一些分享內(nèi)容,感興趣的朋友可以繼續(xù)閱讀哦~
以上就是關(guān)于分享一些有關(guān)ui設(shè)計的相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀:
南通花園景觀設(shè)計案例(南通花園景觀設(shè)計案例分享)
運用網(wǎng)絡(luò)營銷成功的企業(yè)案例(運用網(wǎng)絡(luò)營銷成功的企業(yè)案例分享)