APP設(shè)計(jì)新人，經(jīng)常會(huì)有好多的困惑，比如：
1.不知道App應(yīng)該如何配色埃仪、用色
2.圖標(biāo)的使用把控不好
3.設(shè)計(jì)的頁(yè)面比較呆板，缺乏創(chuàng)新意識(shí)
1.弱化背景
我們通成略撸可以把頁(yè)面分成2個(gè)區(qū)域卵蛉。1操作區(qū)、2瀏覽區(qū)么库。
以地圖產(chǎn)品為例傻丝，可以把地圖看成瀏覽區(qū)。搜索框和搜索結(jié)果是操作區(qū)诉儒。
使用地圖的目的：1.為了讓用戶(hù)快速找到周邊場(chǎng)所葡缰；2.找到到達(dá)目的地的交通方式。在這種場(chǎng)景里地圖的作用更傾向于瀏覽區(qū)忱反，更多起到的是襯托操作區(qū)的作用泛释。
所以我們可以適當(dāng)?shù)膶⒈尘叭趸_保用戶(hù)在瀏覽頁(yè)面温算、使用功能的過(guò)程中胁澳，能夠清晰的分辨頁(yè)面層級(jí)。
2.素材的重要性
好的素材能提升App整體的質(zhì)感米者，這些素材包括圖標(biāo)的設(shè)計(jì)韭畸、圖片的選取等。
上圖列舉了2個(gè)例子蔓搞，左側(cè)的圖片整體較為簡(jiǎn)潔干凈胰丁，右側(cè)比較類(lèi)似隨手拍攝的圖片。明顯感覺(jué)到左側(cè)的界面逼格會(huì)更高一些喂分。
素材的重要性不僅局限于視覺(jué)稿階段锦庸，也包括上線(xiàn)后，圖片的審核機(jī)制蒲祈。確定什么樣的圖片可以被推薦到首頁(yè)甘萧，這樣能夠很好的把控App的調(diào)性。
3.圖標(biāo)設(shè)計(jì)
我發(fā)現(xiàn)很多初級(jí)設(shè)計(jì)師都有這樣的誤區(qū)梆掸，不同的功能想用不同的顏色來(lái)區(qū)分扬卷。
不是不可以這樣做，但我們要綜合考慮圖標(biāo)的應(yīng)用場(chǎng)景和整體品牌調(diào)性酸钦。
以上圖為例怪得，首先要保證圖標(biāo)形式的統(tǒng)一性，線(xiàn)形就統(tǒng)一用線(xiàn)性，面形就統(tǒng)一用面形徒恋，不要幾個(gè)圖標(biāo)是線(xiàn)性蚕断，幾個(gè)圖形是面形，這樣會(huì)給用戶(hù)一種“很不專(zhuān)業(yè)”的感受入挣。
側(cè)邊欄一般是比較低頻的操作區(qū)域亿乳，建議大家簡(jiǎn)化圖標(biāo)的風(fēng)格，以免增加用戶(hù)瀏覽或操作時(shí)的負(fù)擔(dān)径筏。
只需要定好常規(guī)態(tài)葛假、點(diǎn)擊態(tài)兩種效果就好了。
4.陰影顏色的運(yùn)用
現(xiàn)在很流行這種暈染陰影的設(shè)計(jì)風(fēng)格匠璧，很多設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候都喜歡去嘗試桐款。
但經(jīng)常出現(xiàn)的一個(gè)問(wèn)題就是咸这，對(duì)陰影顏色的把控夷恍。
左側(cè)圖片我給陰影加了一點(diǎn)紫色的色彩傾向，右側(cè)的圖片是純灰色媳维。明顯感覺(jué)到酿雪，左側(cè)的界面其實(shí)是更高級(jí)的。
純灰色雖然對(duì)顏色的要求比較底侄刽，但是會(huì)比較悶指黎，看久了會(huì)覺(jué)得枯燥。適當(dāng)給陰影加一定的色彩傾向州丹，能讓設(shè)計(jì)更上一層樓～
5.環(huán)境色及發(fā)光細(xì)節(jié)
時(shí)下很多設(shè)計(jì)軟件開(kāi)始注重質(zhì)感醋安。
比如比較文藝的App喜歡木質(zhì)感，科技的App注重金屬質(zhì)感墓毒，金融App模擬線(xiàn)下票據(jù)注重紙質(zhì)感等吓揪。
以上圖為例，選取的音樂(lè)軟件所计，左側(cè)專(zhuān)輯在背景上有一種模糊的反光柠辞，營(yíng)造出一種高精度毛玻璃的質(zhì)感。與專(zhuān)輯封面相得益彰主胧，使頁(yè)面融為一體叭首。包括播放圖標(biāo)和時(shí)間軸的發(fā)光效果都使頁(yè)面的層次更加豐富。
很多來(lái)面試的大學(xué)生踪栋，在頁(yè)面做到右邊的樣式時(shí)焙格，就完成了設(shè)計(jì)，不懂得去增加頁(yè)面的細(xì)節(jié)夷都。明明有打90分的能力间螟，偏偏答完60分的題就交卷了。其實(shí)這樣是很吃虧的。
希望大家在做頁(yè)面的時(shí)候能更多的注意起細(xì)節(jié)厢破。
6.營(yíng)造場(chǎng)景感
對(duì)于籃球荣瑟、足球、拳擊等競(jìng)技類(lèi)比賽而言摩泪，“熱鬧”是吸引用戶(hù)的一個(gè)重要因素笆焰。
如何將頁(yè)面渲染的熱鬧呢？我們可以去參考游戲App见坑。游戲一般都會(huì)將頁(yè)面設(shè)計(jì)的很熱鬧嚷掠，而且是有節(jié)奏感的熱鬧，會(huì)將頁(yè)面分為“活動(dòng)氛圍”和“活動(dòng)參與”2個(gè)區(qū)域荞驴。我們?cè)O(shè)計(jì)頁(yè)面也是一樣不皆。
將活動(dòng)氛圍區(qū)大多數(shù)是背景。使用一張圖片為背景熊楼，為了突出操作區(qū)域霹娄，給背景加一個(gè)純顏色的半透明遮罩，然后將操作區(qū)域排列進(jìn)來(lái)鲫骗。
可以明顯感覺(jué)到犬耻，左側(cè)的界面比右側(cè)的界面更突出重點(diǎn)。
很慶幸自己的職業(yè)是設(shè)計(jì)師执泰，可以做著自己喜歡做的事情是一件很幸福的事情枕磁。
