如何優化(huà)你的(de)APP視覺設計

 

在APP開發中，視覺界面設計不同于藝術作品傳達的(de)是設計者自身的(de)情感和(hé)寄托，這(zhè)裏關注的(de)重點是傳達的(de)行爲和(hé)信息，也(yě)就是目标。而在視覺設計元素中，需要重點關注以下(xià)幾個(gè)方面，從以下(xià)幾個(gè)方面去優化(huà)你的(de)APP設計。

首先，顔色的(de)選擇是一件十分(fēn)重要的(de)事情，因爲由于它的(de)高(gāo)分(fēn)辨性，它對(duì)于界面的(de)影(yǐng)響比形狀、大(dà)小等要高(gāo)，處于人(rén)的(de)視覺關注區(qū)的(de)上層。就好比我們在一堆正方形的(de)白房(fáng)子中找一座正方形的(de)紅房(fáng)子，比在一堆正方形的(de)白房(fáng)子中找圓形的(de)白房(fáng)子要容易的(de)多(duō)。

利用(yòng)顔色，要把用(yòng)戶的(de)目标、環境、内容和(hé)品牌放在優先的(de)位置，其次才是去考慮這(zhè)個(gè)顔色本身。

就比如爲什(shén)麽快(kuài)餐店(diàn)如此鐘(zhōng)愛(ài)紅色和(hé)黃(huáng)色，并不是說紅色和(hé)黃(huáng)色好看，而是因爲它代表火焰，火焰傳達的(de)是一種熱(rè)烈而緊迫的(de)感覺，使得(de)消費者沒辦法靜下(xià)心慢(màn)慢(màn)享受，而是更加快(kuài)速的(de)消費然後走人(rén)。在很多(duō)商務類的(de)應用(yòng)中，大(dà)多(duō)選擇藍色作爲主色調，因爲藍色傳達的(de)是一種可(kě)信賴與沉穩的(de)感覺。

在界面設計中，單個(gè)元素的(de)顔色選擇不僅在于元素自身所要傳達的(de)信息，更在于它在整個(gè)層級中所處的(de)地位。像下(xià)圖是IOS中的(de)日曆，除了(le)日曆本身以外的(de)部分(fēn)，都是操作控件，這(zhè)些單個(gè)控件，被賦予了(le)紅色以後，在白底背景上顯得(de)格外突出，傳達給用(yòng)戶的(de)是，這(zhè)都是可(kě)以點擊的(de)，另外一方面，紅色的(de)利用(yòng)使這(zhè)些控件所代表的(de)控制層的(de)層級得(de)到提高(gāo)，可(kě)以和(hé)内容層産生明(míng)顯的(de)區(qū)分(fēn)。

顔色的(de)使用(yòng)要避免多(duō)而雜(zá)，将顔色按主色調、輔助色等做(zuò)好區(qū)分(fēn)，這(zhè)裏不做(zuò)進一步擴展，以後再深入探討(tǎo)。

其次，關于文字方面，文字的(de)屬性包括字體、字号、字的(de)顔色。對(duì)于字體，主要考慮的(de)是可(kě)讀性要強，所以對(duì)于大(dà)部分(fēn)移動端應用(yòng)而言，IOS常選擇華文黑(hēi)體或者冬青黑(hēi)體，尤其是冬青黑(hēi)體效果最好，Android常選擇Noto或則微軟雅黑(hēi)做(zuò)爲中文字體。因爲這(zhè)幾種字體在移動端的(de)顯示效果較好，改變字體的(de)大(dà)小不會對(duì)文字的(de)識别造成太大(dà)的(de)影(yǐng)響。當然有一些風格比較特别的(de)應用(yòng)，比如澎湃新聞APP使用(yòng)的(de)就是宋體，傳達出一種嚴謹、莊嚴的(de)感覺，因爲這(zhè)是一款專注政治新聞的(de)APP。

字号的(de)選擇也(yě)十分(fēn)重要，它本身就帶有有序的(de)特征，不同大(dà)小的(de)字号體現了(le)不同的(de)層級。

第三，大(dà)小這(zhè)個(gè)屬性是一個(gè)有序并且可(kě)以量化(huà)的(de)參量，不同大(dà)小的(de)元素排布在一起，大(dà)的(de)顯然有更強的(de)吸引力，比如ios的(de)game center，最重要的(de)”遊戲”被中間那個(gè)最大(dà)的(de)圓所表示，而與遊戲相關的(de)”挑戰”處于第二大(dà)的(de)圓中，其他(tā)幾個(gè)則處于第三大(dà)的(de)圓中。

而量化(huà)的(de)例子，比如wifi信号、電池電量這(zhè)種小icon，大(dà)小這(zhè)一屬性被量化(huà)，并和(hé)所要代表的(de)含義緊密相連。但大(dà)小的(de)錯誤運用(yòng)，會降低其他(tā)屬性的(de)作用(yòng)，比如元素太小的(de)時(shí)候，該元素的(de)形狀屬性在用(yòng)戶眼裏就發揮不了(le)太大(dà)的(de)作用(yòng)。
 

以上這(zhè)些方面處理(lǐ)得(de)當，可(kě)以使APP的(de)視覺設計提高(gāo)一個(gè)檔次。