今天html5模版網(m.suosuyi.cn)的小編跟大家分移動APP大師是怎么來設計簡約型的APP。
簡約視覺設計給人的感覺就是清爽,、膽大,和親和。其實也包括了APP扁平化設計,響應式布局,網格布局等。如下面簡約型APP設計案例:
同時,移動APP設計的還有6點微創新值得我們去關注的。
下面我們來分享移動簡約型APP設計流程,APP配色,APP布局等干貨。
移動APP設計流程非常重要,無論選擇何種樣式!在進行簡約扁平化設計時,
務必記住以下5點:
1. 設計簡約/極簡的界面時,我會從 web端尋求靈感,那個時候的藝術大師,用少量的資源做了大量的設計。例如:Josef Müller-Brockmann 和 Wim Crouwel,重溫這些大師的作品是很好的學習機會。但是有時我也會參考簡約/極簡的畫家的作品,如Ellsworth Kelly,建筑 師,如Mies van der Rohe 和工業設計師,如Dieter Rams。
2. 放下工作,休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻后再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有效。
3. 并排比較各個版式同樣有幫助。哪怕花20分鐘前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。
4. 由于實物展示的相對比例至關重要,所以要及早在不同的目標設備上測試。
5. 整個設計過程中不斷問自己”真的需要嗎?” 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割舍,但修改過程必須挑剔。
移動簡約型APP設計之:響應式設計布局
隨著各種尺寸聯網設備的普及,交互界面變得更需要強調適配性,響應式設計也就應運而生。雖然響應式設計并不要求特定風格,但扁平的交互界面顯然比其它樣式要更容易處理。簡約設計的另一種優勢就是,能見降低頁面重量和縮短加載時間。
APP設計專題:6個超實用的APP導航設計方案
移動簡約型APP設計之:網格布局
因為網格布局可以讓你的移動APP設計更加次序化、直觀化。
還可以使用網格劃分內容和功能組。你可以不用總是使用直線或框劃分對象組,其實簡單的對齊和間距設置也能幫助用戶理解界面結構。
移動簡約型APP設計:APP配色
1. 考慮更寬泛的配色方案,只用少量的元素,擴展配色方案會讓你感覺很好。
2. 設置配色方案時,測試所選色調要在很寬的色譜內進行,才可保證用明暗對比來表現畫面。
3.如果你想試試同系配色和鮮明對比。要及早測試配色,以確保微妙變化和高對比度元素都能有足夠的選擇空間。
參考案例如上圖的官網:www.TriplAgent.com ?和www.Wallmob.com