APP開發之UI設計簡約之美(měi)

近年來(lái)，在APP開發行業，簡約設計越來(lái)越受人(rén)們的(de)青睐。APP開發的(de)UI設計風格不需要華麗的(de)外表，不需要繁瑣的(de)裝飾，不像遊戲UI有華麗的(de)皮膚裝飾，絢麗的(de)動畫(huà)效果，看似很簡單的(de)應用(yòng)UI，其實它更能夠給用(yòng)戶帶來(lái)一個(gè)視覺上的(de)舒适感，和(hé)長(cháng)期的(de)耐看程度。

 

APP開發的(de)UI設計簡約風格有什(shén)麽特點，如何才能設計出既簡約而又讓人(rén)喜歡的(de)作品呢(ne)？這(zhè)考驗著(zhe)設計師視覺設計能力，排版，字體，每一個(gè)路徑，描邊，每一個(gè)弧度，每一個(gè)陰影(yǐng)，每一塊的(de)顔色搭配，每一個(gè)高(gāo)光(guāng)和(hé)按鈕，他(tā)們的(de)融合造就出的(de)一個(gè)界面，不僅要方便用(yòng)戶操作，還(hái)要給以舒适的(de)視覺體驗，可(kě)能說的(de)神奇了(le)，但是也(yě)不無道理(lǐ)。

 

下(xià)面以一款APP的(de)UI設計作品爲例，我們做(zuò)一些簡單的(de)鑒賞。

 

1)顔色搭配

主要是以皮革的(de)棕色和(hé)木(mù)質的(de)淺棕色搭配，字體圖标以白色爲主，顯得(de)穩重，少了(le)清新的(de)風格更适合商務人(rén)士使用(yòng)的(de)顔色搭配。加上一些顔色飽和(hé)度較高(gāo)的(de)棕色木(mù)質按鈕，也(yě)凸顯了(le)操作感.

 

2)質感效果

以皮革質感爲主搭配木(mù)質效果凸顯出時(shí)尚商務的(de)氣息，滑動點擊效果，沒有太大(dà)動作的(de)動畫(huà)效果，用(yòng)了(le)一些比較簡單顯示效果，雖然簡單但是很符合這(zhè)樣的(de)風格，有的(de)應用(yòng)可(kě)以是有趣的(de)，有的(de)可(kě)能是嚴肅的(de)多(duō)種多(duō)樣的(de)，運用(yòng)得(de)當就能給UI添光(guāng)加彩.

 

3)字體

字體用(yòng)的(de)是系統默認的(de)Arial字體一般用(yòng)這(zhè)個(gè)字體作爲英文書(shū)寫是比較好看的(de)，但是個(gè)人(rén)建議(yì)不要加粗，會影(yǐng)響整體的(de)美(měi)觀程度。

 

4)按鍵

Button的(de)設計方面也(yě)是簡約概括型爲主，小圖标基本是用(yòng)白色爲主，有操作效果的(de)圖标有兩個(gè)效果，點重和(hé)默認狀态，簡單的(de)設計但是表達的(de)功能性，和(hé)版面的(de)搭配效果和(hé)諧.某些做(zuò)了(le)浮雕效果，在細節上非常到位,運用(yòng)濾鏡的(de)把握不多(duō)不少剛剛到位，也(yě)加強的(de)界面的(de)質感。放在一起整體就有了(le)空間感，不會顯得(de)很平而沒有操作欲望。按鈕上的(de)字體也(yě)做(zuò)了(le)浮雕效果和(hé)按鈕融合在一起，這(zhè)樣就能和(hé)普通(tōng)的(de)文字說明(míng)區(qū)别開。

 

上面的(de)幾項說明(míng)總結在一起，就形成這(zhè)一套UI，在每一個(gè)設計師的(de)眼裏都有自己認爲優秀的(de)作品，但是優秀的(de)作品都有它的(de)共同點，UI本是簡單的(de)圖形構造，但是在些方圓的(de)世界裏，設計師給予了(le)它再一次的(de)生命，簡約而不簡單，處處透露出細節的(de)華麗之美(měi)，在我看來(lái)優秀的(de)UI作品不在于它有多(duō)麽高(gāo)端的(de)技術，多(duō)麽炫目的(de)色彩搭配，而是在于它如果給予用(yòng)戶最直觀和(hé)最舒适的(de)視覺體驗和(hé)操作。