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

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


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


       【手機APPUI界面設(shè)計】三大準則:

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

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

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


       【手機APPUI界面設(shè)計】八項交互標準:

       1.色彩舒適度

       一個第一眼看上去就雜七雜八色彩,或者完全沒有主次之分的簡潔,或者看上去就沒有視覺舒適度的飽和度或者明暗度不搭調(diào)的色彩,我想它已經(jīng)沒法繼續(xù)長久看下去了。因為人第一眼看到的,就是一個事物的顏色,才是形狀。

       2.文字的主次

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

       3.信息可讀性

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

       4.UI識別性

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

       5.交互性與易用性

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

       6.思想,生活的傳達

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

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

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

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

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

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

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

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