如何學(xué)習(xí)ui設(shè)計(jì)
如何學(xué)習(xí)ui設(shè)計(jì)
UI即User Interface(用戶(hù)界面)的簡(jiǎn)稱(chēng)。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。下面學(xué)習(xí)啦小編為你整理了學(xué)習(xí)ui設(shè)計(jì)方法,希望對(duì)你有幫助。
學(xué)習(xí)ui設(shè)計(jì)方法
1.先學(xué)軟件
如果你是小白,軟件也不會(huì)用,那就先學(xué)軟件,從PS開(kāi)始搞起,先看基礎(chǔ)的教程,或者買(mǎi)書(shū),或者看網(wǎng)上的免費(fèi)的ps教程。
2提高審美
此類(lèi)問(wèn)題是初學(xué)者比較頭疼的問(wèn)題,錘子科技設(shè)計(jì)總監(jiān)羅子雄給的建議有三:
(1)多看
為了提高審美,你需要大量去看別人優(yōu)秀的APP或網(wǎng)頁(yè)作品,在Dribbble、Behance、Pinterest等設(shè)計(jì)網(wǎng)站你可以很容易的找到大量?jī)?yōu)秀的作品。
除了UI設(shè)計(jì)外,平面、攝影、3D、手繪等全球頂級(jí)的作品也都可以看到,找到并收藏它們。一段時(shí)間后,回顧這些作品,如果發(fā)現(xiàn)三個(gè)月前收藏的作品很low,恭喜,說(shuō)明你的審美提高了!
(2)多做
當(dāng)你看過(guò)很多優(yōu)秀的作品后,你可能還是不會(huì)設(shè)計(jì),所以接下來(lái)你要做的就是不斷的練習(xí),第一階段就是臨摹。
(3)多想
在看和做的過(guò)程中,設(shè)計(jì)技法只是學(xué)習(xí)UI的一小部分,更多的是要去理解設(shè)計(jì)背后的思路和原理。
學(xué)習(xí)UI設(shè)計(jì)的小技巧
一、軟件學(xué)習(xí)
ui設(shè)計(jì)要學(xué)的東西很多,軟件是基礎(chǔ)的東西,要想做好出好的ui設(shè)計(jì)就得先熟練掌握ui設(shè)計(jì)的基礎(chǔ)軟件,軟件方面有:PS、 AI、ID、Firework 、Dreamweaver、 HTML5、div+css等等(當(dāng)然,這些課程天琥教育設(shè)計(jì)培訓(xùn)都有),不過(guò)對(duì)于新人,我認(rèn)為還是一定要先把Photoshop學(xué)扎實(shí)。Ui設(shè)計(jì)要學(xué)的都是比較高級(jí)的知識(shí),學(xué)習(xí)起來(lái)也是需要花時(shí)間和精力的,所以呢,基礎(chǔ)軟件一定要先學(xué)扎實(shí)。
二、找靈感
如何找靈感,也就是培養(yǎng)審美的能力,首先我們要知道什么好看,什么不好看。當(dāng)我們排斥那些不好看的設(shè)計(jì)的時(shí)候,我們的品味就自然上升了。
再就是要知道去什么網(wǎng)站上看設(shè)計(jì)作品??吹讲诲e(cuò)的設(shè)計(jì)要采集下來(lái)。說(shuō)到這里,我給大家推薦一些不錯(cuò)的網(wǎng)站。如:花瓣網(wǎng)、站酷、UI中國(guó)、Behance、APP截圖欣賞網(wǎng)等等……
那么,如何能快速找到靈感呢,當(dāng)我們接到一個(gè)設(shè)計(jì)任務(wù)的時(shí)候,該如何去快速的執(zhí)行,快速找到靈感呢。
平時(shí)的素材采集和分類(lèi)至關(guān)重要。一定要整理分好自己的素材文件夾。這對(duì)于一個(gè)設(shè)計(jì)來(lái)說(shuō),真的非常非常重要。
設(shè)計(jì)師的素材資源庫(kù),就是自己的財(cái)富,只有自己整理出來(lái)的才有價(jià)值。關(guān)鍵是自己要記得東西放在哪里了,不要用的時(shí)候找不到了~
三、懂分析
學(xué)會(huì)分析好的設(shè)計(jì)作品,主要從下面的幾個(gè)方面去分析:
1.是配色上吸引了我們的眼球 還是 版式設(shè)計(jì)吸引了我們的眼球?2.細(xì)節(jié)處理的很有新意嗎?3.背景烘托的很有檔次嗎?4.為什么排版上看著很舒服?
然后再換位思考一下,如果是自己,自己會(huì)如何設(shè)計(jì),設(shè)計(jì)手法和細(xì)節(jié)的處理會(huì)不會(huì)?創(chuàng)意想法上有沒(méi)有給帶來(lái)些什么靈感...
四、做筆記
有沒(méi)有發(fā)現(xiàn)一個(gè)問(wèn)題,我們每天都在看各種設(shè)計(jì)作品,真到自己做的時(shí)候,一下子全都忘記了,腦子短路了。之前看到那么多好的設(shè)計(jì)作品也都白看了,人家的還是人家的,跟自己一點(diǎn)關(guān)系也沒(méi)有。
學(xué)習(xí)UI設(shè)計(jì)注意事項(xiàng)
1.簡(jiǎn)易性 界面的簡(jiǎn)潔是要讓用戶(hù)便于使用、便于了解產(chǎn)品,并能減少用戶(hù)發(fā)生錯(cuò)誤選擇的可能性。
2.用戶(hù)語(yǔ)言 界面中要使用能反應(yīng)用戶(hù)本身的語(yǔ)言,而不是游戲設(shè)計(jì)者的語(yǔ)言。
3.記憶負(fù)擔(dān)最小化 人腦不是電腦,在設(shè)計(jì)界面時(shí)必須要考慮人類(lèi)大腦處理信息的限度。人類(lèi)的短期記憶有限且極不穩(wěn)定,24小時(shí)內(nèi)存在約25%的遺忘率。所以對(duì)用戶(hù)來(lái)說(shuō),瀏覽信息要比記憶更容易。
4.一致性 它是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致,風(fēng)格必須與產(chǎn)品內(nèi)容相一致。
5.清楚 在視覺(jué)效果上便于理解和使用。
6.用戶(hù)的熟悉程度 用戶(hù)可通過(guò)已掌握的知識(shí)來(lái)使用界面,但不應(yīng)超出一般常識(shí)。
7.從用戶(hù)習(xí)慣考慮想用戶(hù)所想,做用戶(hù)所做。用戶(hù)總是按照他們自己的方法理解和使用。通過(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物,完成更好的設(shè)計(jì),如:書(shū)籍對(duì)比竹簡(jiǎn)。
8.排列一個(gè)有序的界面能讓用戶(hù)輕松的使用。
9.安全性 用戶(hù)能自由的作出選擇,且所有選擇都是可逆的。在用戶(hù)作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。
10.靈活性 簡(jiǎn)單來(lái)說(shuō)就是要讓用戶(hù)方便的使用,但不同于上述。即互動(dòng)多重性,不局限于單一的工具(包括鼠標(biāo)、鍵盤(pán)或手柄、界面)。
11.人性化 高效率和用戶(hù)滿(mǎn)意度是人性化的體現(xiàn)。應(yīng)具備專(zhuān)家級(jí)和初級(jí)玩家系統(tǒng),即用戶(hù)可依據(jù)自己的習(xí)慣定制界面,并能保存設(shè)置。以上在設(shè)計(jì)UI作品是需要有的思維,所以不妨在設(shè)計(jì)前,先構(gòu)思一下,是否符合這些標(biāo)準(zhǔn),才給老板客戶(hù)交稿吧!
猜你感興趣:
3.UI設(shè)計(jì)師的工作界面怎么用PS設(shè)置