分享移動簡約型APP設(shè)計流程,APP配色,APP布局等

今天25學(xué)堂的小編跟大家分移動APP大師是怎么來設(shè)計簡約型的APP。

簡約視覺設(shè)計給人的感覺就是清爽,、膽大,和親和。其實也包括了APP扁平化設(shè)計,響應(yīng)式布局,網(wǎng)格布局等。如下面簡約型APP設(shè)計案例:

app-on-iphone同時,移動APP設(shè)計的還有6點微創(chuàng)新值得我們?nèi)リP(guān)注的。

下面我們來分享移動簡約型APP設(shè)計流程,APP配色,APP布局等干貨。

移動APP設(shè)計流程非常重要,無論選擇何種樣式!在進行簡約扁平化設(shè)計時,

務(wù)必記住以下5點:

1. 設(shè)計簡約/極簡的界面時,我會從 web端尋求靈感,那個時候的藝術(shù)大師,用少量的資源做了大量的設(shè)計。例如:Josef Müller-Brockmann 和 Wim Crouwel,重溫這些大師的作品是很好的學(xué)習(xí)機會。但是有時我也會參考簡約/極簡的畫家的作品,如Ellsworth Kelly,建筑 師,如Mies van der Rohe 和工業(yè)設(shè)計師,如Dieter Rams。

2. 放下工作,休息一下很有幫助。扁平和簡約設(shè)計的一切均關(guān)乎到細節(jié)的差異。因此小憩片刻后再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有效。

3. 并排比較各個版式同樣有幫助。哪怕花20分鐘前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。

4. 由于實物展示的相對比例至關(guān)重要,所以要及早在不同的目標(biāo)設(shè)備上測試。

5. 整個設(shè)計過程中不斷問自己"真的需要嗎?" 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割舍,但修改過程必須挑剔。

 

移動簡約型APP設(shè)計之:響應(yīng)式設(shè)計布局

隨著各種尺寸聯(lián)網(wǎng)設(shè)備的普及,交互界面變得更需要強調(diào)適配性,響應(yīng)式設(shè)計也就應(yīng)運而生。雖然響應(yīng)式設(shè)計并不要求特定風(fēng)格,但扁平的交互界面顯然比其它樣式要更容易處理。簡約設(shè)計的另一種優(yōu)勢就是,能見降低頁面重量和縮短加載時間。

APP設(shè)計專題:6個超實用的APP導(dǎo)航設(shè)計方案

pos-in-use-on-ipad

移動簡約型APP設(shè)計之:網(wǎng)格布局

因為網(wǎng)格布局可以讓你的移動APP設(shè)計更加次序化、直觀化。

還可以使用網(wǎng)格劃分內(nèi)容和功能組。你可以不用總是使用直線或框劃分對象組,其實簡單的對齊和間距設(shè)置也能幫助用戶理解界面結(jié)構(gòu)。

 

移動簡約型APP設(shè)計:APP配色

1. 考慮更寬泛的配色方案,只用少量的元素,擴展配色方案會讓你感覺很好。

2. 設(shè)置配色方案時,測試所選色調(diào)要在很寬的色譜內(nèi)進行,才可保證用明暗對比來表現(xiàn)畫面。

3.如果你想試試同系配色和鮮明對比。要及早測試配色,以確保微妙變化和高對比度元素都能有足夠的選擇空間。

參考案例如上圖的官網(wǎng):www.TriplAgent.com ?和www.Wallmob.com

 

每天更新,
全站高品質(zhì)素材免費下載!