如何練就優(yōu)秀的項(xiàng)目體驗(yàn)
創(chuàng)意、流程、執(zhí)行缺一不可
CREATIVITY, PROCESS, PERFORM INDISPENSABLE
手機(jī)APP開(kāi)發(fā):界面設(shè)計(jì)的三大準(zhǔn)則和八項(xiàng)交互標(biāo)準(zhǔn)
2017-05-09

       編者:移動(dòng)APP里面的每一個(gè)UI界面都是這個(gè)App的門面,尤其是主界面,看上去干凈整潔清爽宜人容易操作,那么你的App就成功了一半。這也反映出了你這個(gè)開(kāi)發(fā)團(tuán)隊(duì)的基本審美素質(zhì)和設(shè)計(jì)理念。


       我們都知道,設(shè)計(jì)一套完整的APP UI界面其實(shí)是比較復(fù)雜的,從需求分析到市場(chǎng)定位,從草稿到擬方案,從創(chuàng)意元素的組合到想法沉淀,從設(shè)計(jì)規(guī)范到突破傳統(tǒng),從紙上到電腦上,從個(gè)人到團(tuán)隊(duì),或者從團(tuán)隊(duì)到個(gè)人,從素材收集到素材處理,從0思路到偶然等等,其實(shí)設(shè)計(jì)一個(gè)APP會(huì)碰到太多太多的問(wèn)題,所以要求我們移動(dòng)APP設(shè)計(jì)者必須按照下面的三大準(zhǔn)則和八項(xiàng)標(biāo)準(zhǔn)來(lái)設(shè)計(jì)。


       【手機(jī)APPUI界面設(shè)計(jì)】三大準(zhǔn)則:

       (1)不亂用顏色。一個(gè)頁(yè)面內(nèi)不要超過(guò)3種顏色

       (2)不亂用大圖片當(dāng)背景。你是想讓用戶看你的背景圖片呢,還是看你的內(nèi)容?

       (3)不亂填充內(nèi)容。頁(yè)面元素如果太滿,給讀者壓抑感,無(wú)所適從。


       【手機(jī)APPUI界面設(shè)計(jì)】八項(xiàng)交互標(biāo)準(zhǔn):

       1.色彩舒適度

       一個(gè)第一眼看上去就雜七雜八色彩,或者完全沒(méi)有主次之分的簡(jiǎn)潔,或者看上去就沒(méi)有視覺(jué)舒適度的飽和度或者明暗度不搭調(diào)的色彩,我想它已經(jīng)沒(méi)法繼續(xù)長(zhǎng)久看下去了。因?yàn)槿说谝谎劭吹降?,就是一個(gè)事物的顏色,才是形狀。

       2.文字的主次

       任何設(shè)計(jì)作品都要傳達(dá)信息傳達(dá)思想,如果一套設(shè)計(jì)中字體亂啪啪,文字大小和文字粗細(xì),間距行距都沒(méi)有一個(gè)“主次邏輯”,我很難挖掘到自己想要的信息,不論設(shè)計(jì)是酷炫復(fù)雜的還是簡(jiǎn)潔清爽的,光能展現(xiàn)信息時(shí)遠(yuǎn)遠(yuǎn)不夠的,信息文字的每一個(gè)細(xì)節(jié),都決定了一個(gè)設(shè)計(jì)要傳達(dá)的思想主次,記住,你是要引導(dǎo)別人去看,而不是別人引導(dǎo)你去設(shè)計(jì)。這世上沒(méi)有一個(gè)真正定死的文字標(biāo)準(zhǔn),但是最基本的,至少讓別人看清你的文字是寫的什么吧,所以,文字之間的不同色彩,也是能讓文字主次突出的方面

       3.信息可讀性

       有了文字基礎(chǔ),處理好每個(gè)模塊的布局,色塊,插圖,背景等方面,會(huì)讓你的信息有較強(qiáng)的可讀性。別跟著你的愛(ài)好走:我喜歡酷炫,我喜歡簡(jiǎn)潔,我喜歡優(yōu)雅,我喜歡二貨。把設(shè)計(jì)作品中你最想傳達(dá)的信息傳達(dá)出去,就算某些信息被別人忽略了,你依然是成功的。如果用戶連看都不想看,連最基本的信息都沒(méi)法傳達(dá),那作品的任何風(fēng)格,都只是口頭吹噓。你要定好你的目標(biāo)用戶,你想吃遍全中國(guó)乃至全世界,全行業(yè)?除非,沒(méi)有除非了。

       4.UI識(shí)別性

這一點(diǎn)在圖標(biāo)上味道非常濃,不論你設(shè)計(jì)的是扁平化還是擬物化還是梵高風(fēng)格,不一定要3秒看出圖標(biāo)的意思,也要讓人欣賞這個(gè)圖標(biāo)美感的同時(shí),大概“心里知道”,這個(gè)圖標(biāo)要傳達(dá)個(gè)什么。一個(gè)網(wǎng)站banner的設(shè)計(jì),一個(gè)頁(yè)面的導(dǎo)航設(shè)計(jì),都要考慮到識(shí)別性,你想傳達(dá)這個(gè)圖像的什么內(nèi)涵?你這個(gè)圖形的意圖是什么?都是設(shè)計(jì)者需要考慮的。

       5.交互性與易用性

       上面的工作都做得差不多了,剩下的就是使用了。不論是手機(jī)主題還是網(wǎng)站設(shè)計(jì)還是APP還是游戲,要讓別人快速上手,能玩,能用,甚至用的簡(jiǎn)單,玩的簡(jiǎn)單,就算你采用銀河系都沒(méi)有的酷炫交互,或者采用地球上已經(jīng)瀕臨滅絕的土逼設(shè)計(jì),達(dá)到方便使用的優(yōu)良品質(zhì),你的作品再牛逼到?jīng)]法看,也有牛逼的地方能看。

       6.思想,生活的傳達(dá)

       作品是什么樣,一般能從另一個(gè)層面看出一些設(shè)計(jì)師對(duì)生活對(duì)工作對(duì)感情的態(tài)度和狀態(tài),所以別小看一個(gè)作品的力量,它可能就是傳達(dá)你自己真實(shí)內(nèi)心的一個(gè)媒介,可能你并未發(fā)現(xiàn),但是旁觀者已經(jīng)發(fā)現(xiàn)你了。

       所以說(shuō),融入生活得設(shè)計(jì)是比較難的,同時(shí),也是最容易的,你是否把你最粗心最讓人厭倦的一面暴露到設(shè)計(jì)作品中?是否把你最細(xì)致入微最耐人尋味的一面?zhèn)鬟_(dá)到用戶心里?一張圖就可以看出(當(dāng)然這不代表全部啊,某些設(shè)計(jì)師的作品看幾天你也看不出他是什么人過(guò)著什么生活的)

       7.微小的細(xì)節(jié)和微小的創(chuàng)意

       別說(shuō)這個(gè)東西就是你創(chuàng)造的,因?yàn)樯系郾饶銊?chuàng)造的還早。UI設(shè)計(jì)中一根線,一像素,色彩飽和度的細(xì)微差別,一個(gè)小漸變,一個(gè)字體的選擇,畫布的大小,用筆的粗細(xì),這些小細(xì)節(jié),雖然不是人人都能說(shuō)得出,但是能第一眼“看在心里,感覺(jué)到骨子里”,所以就算不說(shuō),細(xì)節(jié)也是能讓任何人第一時(shí)間感覺(jué)到的,別忽視每一個(gè)小細(xì)節(jié),它說(shuō)不定就是你成功的堡壘,也是一有機(jī)會(huì)就讓你失敗的利箭。

       細(xì)節(jié)中,你就能誕生一些微小的創(chuàng)意,小創(chuàng)意創(chuàng)造大創(chuàng)意,沒(méi)有細(xì)節(jié),何談創(chuàng)意?那就只是紙上談兵,口說(shuō)無(wú)憑。

       8.生活中表現(xiàn)手法的引用

       一個(gè)簡(jiǎn)單的視差,一個(gè)簡(jiǎn)單的墜落,一個(gè)簡(jiǎn)單的玻璃破碎,一個(gè)簡(jiǎn)單的樹葉飄落,一張紙簡(jiǎn)單的角度擺設(shè),一盆植物簡(jiǎn)單的遠(yuǎn)近拍攝,這些東西,都能創(chuàng)造你無(wú)窮的表現(xiàn)手法,當(dāng)然,這也是比較難的,能將生活融入設(shè)計(jì),是需要積攢的,不是一兩天能體會(huì)到的。

CONTACT US
  • 服務(wù)熱線:18664767192
  • 廣州技術(shù)總部:廣州市天河區(qū)天河北路179號(hào)尚層國(guó)際21層
  • 郵箱:admin@bangju.com
掃一掃加客服微信