人
已閱讀
已閱讀
如何優(yōu)化你的APP視覺設(shè)計(jì)
來源:lexintech.com ?? ?? 發(fā)布時(shí)間:2019-05-17
在APP開發(fā)中,視覺界面設(shè)計(jì)不同于藝術(shù)作品傳達(dá)的是設(shè)計(jì)者自身的情感和寄托,這里關(guān)注的重點(diǎn)是傳達(dá)的行為和信息,也就是目標(biāo)。而在視覺設(shè)計(jì)元素中,需要重點(diǎn)關(guān)注以下幾個(gè)方面,從以下幾個(gè)方面去優(yōu)化你的APP設(shè)計(jì)。
首先,顏色的選擇是一件十分重要的事情,因?yàn)橛捎谒母叻直嫘?,它?duì)于界面的影響比形狀、大小等要高,處于人的視覺關(guān)注區(qū)的上層。就好比我們?cè)谝欢颜叫蔚陌追孔又姓乙蛔叫蔚募t房子,比在一堆正方形的白房子中找圓形的白房子要容易的多。
利用顏色,要把用戶的目標(biāo)、環(huán)境、內(nèi)容和品牌放在優(yōu)先的位置,其次才是去考慮這個(gè)顏色本身。
就比如為什么快餐店如此鐘愛紅色和黃色,并不是說紅色和黃色好看,而是因?yàn)樗砘鹧?,火焰?zhèn)鬟_(dá)的是一種熱烈而緊迫的感覺,使得消費(fèi)者沒辦法靜下心慢慢享受,而是更加快速的消費(fèi)然后走人。在很多商務(wù)類的應(yīng)用中,大多選擇藍(lán)色作為主色調(diào),因?yàn)樗{(lán)色傳達(dá)的是一種可信賴與沉穩(wěn)的感覺。
在界面設(shè)計(jì)中,單個(gè)元素的顏色選擇不僅在于元素自身所要傳達(dá)的信息,更在于它在整個(gè)層級(jí)中所處的地位。像下圖是IOS中的日歷,除了日歷本身以外的部分,都是操作控件,這些單個(gè)控件,被賦予了紅色以后,在白底背景上顯得格外突出,傳達(dá)給用戶的是,這都是可以點(diǎn)擊的,另外一方面,紅色的利用使這些控件所代表的控制層的層級(jí)得到提高,可以和內(nèi)容層產(chǎn)生明顯的區(qū)分。
顏色的使用要避免多而雜,將顏色按主色調(diào)、輔助色等做好區(qū)分,這里不做進(jìn)一步擴(kuò)展,以后再深入探討。
其次,關(guān)于文字方面,文字的屬性包括字體、字號(hào)、字的顏色。對(duì)于字體,主要考慮的是可讀性要強(qiáng),所以對(duì)于大部分移動(dòng)端應(yīng)用而言,IOS常選擇華文黑體或者冬青黑體,尤其是冬青黑體效果最好,Android常選擇Noto或則微軟雅黑做為中文字體。因?yàn)檫@幾種字體在移動(dòng)端的顯示效果較好,改變字體的大小不會(huì)對(duì)文字的識(shí)別造成太大的影響。當(dāng)然有一些風(fēng)格比較特別的應(yīng)用,比如澎湃新聞APP使用的就是宋體,傳達(dá)出一種嚴(yán)謹(jǐn)、莊嚴(yán)的感覺,因?yàn)檫@是一款專注政治新聞的APP。
字號(hào)的選擇也十分重要,它本身就帶有有序的特征,不同大小的字號(hào)體現(xiàn)了不同的層級(jí)。
第三,大小這個(gè)屬性是一個(gè)有序并且可以量化的參量,不同大小的元素排布在一起,大的顯然有更強(qiáng)的吸引力,比如ios的game center,最重要的”游戲”被中間那個(gè)最大的圓所表示,而與游戲相關(guān)的”挑戰(zhàn)”處于第二大的圓中,其他幾個(gè)則處于第三大的圓中。
而量化的例子,比如wifi信號(hào)、電池電量這種小icon,大小這一屬性被量化,并和所要代表的含義緊密相連。但大小的錯(cuò)誤運(yùn)用,會(huì)降低其他屬性的作用,比如元素太小的時(shí)候,該元素的形狀屬性在用戶眼里就發(fā)揮不了太大的作用。
以上這些方面處理得當(dāng),可以使APP的視覺設(shè)計(jì)提高一個(gè)檔次。