25學(xué)堂每天就是想跟大家分享一些關(guān)于APP設(shè)計(jì)方面的知識(shí)點(diǎn),讓我們每一個(gè)每天都有一點(diǎn)收獲和進(jìn)步,讓自己變得更好!
今天的主題是:影響一款A(yù)PP產(chǎn)品配色風(fēng)格的四大因素是什么? 歡迎各位各抒己見~
配色一直都是我們APP設(shè)計(jì)師必須花大部分的時(shí)間去了解色彩、增強(qiáng)自己的審美和努力尋找大自然當(dāng)中的色彩搭配奧秘。
廢話少說!25學(xué)堂小編認(rèn)為影響一款A(yù)PP產(chǎn)品配色風(fēng)格的因素有很多,具體一點(diǎn)可以分為以下四種。
第一大因素:手機(jī)APP的使用場(chǎng)景
在我們選擇適當(dāng)
的配色方案和背景類型時(shí),需要考慮的另一個(gè)因素就是用戶的使用場(chǎng)景。
例如在自然光的投射下,黑色背景會(huì)產(chǎn)生反射效果,特別是平板電腦和智能手機(jī)的屏幕,這會(huì)影響用戶對(duì)屏幕內(nèi)容的閱讀。
從另一個(gè)方面說,在光線不好的條件下,暗色背景的導(dǎo)航對(duì)用戶來說更加合適。所以對(duì)于不同的使用場(chǎng)景,顏色組合,對(duì)比度和陰影的使用,APP設(shè)計(jì)師應(yīng)該足夠的考慮周全。
第二大因素:手機(jī)APP產(chǎn)品的視覺層次
同一個(gè)頁(yè)面中內(nèi)容有著不同的優(yōu)先級(jí)順序,有的內(nèi)容很重要或者我們希望用戶首先看到,這類優(yōu)先級(jí)高的內(nèi)容我們?cè)谠O(shè)計(jì)的時(shí)候就應(yīng)該著重表現(xiàn)。
我們可以通過色彩搭配來建立頁(yè)面的視覺層次,凸顯用戶真正需要關(guān)注的信息。
模糊效果是我們衡量頁(yè)面視覺層次的一項(xiàng)重要測(cè)試工具。
模糊效果可以幫助我們發(fā)現(xiàn)頁(yè)面的視覺重心,了解用戶的目光是否放在我們希望被關(guān)注的內(nèi)容上。
同時(shí),模糊效果可以讓不同層級(jí)的功能與內(nèi)容出現(xiàn)在同一個(gè)頁(yè)面中,特別是對(duì)于一些內(nèi)容比較繁雜、功能比較多的app來說,模糊效果可以簡(jiǎn)化操作流程,減少用戶的學(xué)習(xí)成本。
下面教大家一招。
方法其實(shí)很簡(jiǎn)單,我們只要將圖片導(dǎo)入進(jìn)Photoshop,并對(duì)圖片進(jìn)行高斯模糊處理,強(qiáng)度為5-10px。就像上圖一樣,模糊處理后頁(yè)面,模擬的就是用戶第一眼看到頁(yè)面的場(chǎng)景:用戶對(duì)頁(yè)面整體布局會(huì)有一種大致上的認(rèn)識(shí),但是不會(huì)注意到具體細(xì)節(jié)。
如果模糊狀態(tài)下的頁(yè)面我們找不到任何重點(diǎn),那么就意味著我們要重新做出一些調(diào)整了。
第三大因素:適配問題
無論是設(shè)計(jì)一個(gè)app頁(yè)面還是網(wǎng)頁(yè),我們要記住用戶會(huì)在不同的設(shè)備下使用我們的產(chǎn)品。在高分辨率屏幕下一些很酷炫的效果在低分辨率的屏幕下就會(huì)很“臟”,原有的效果無法體現(xiàn)出來。所以設(shè)計(jì)師應(yīng)該注意產(chǎn)品在不同屏幕下的適配問題。當(dāng)然這個(gè)在設(shè)計(jì)的早期構(gòu)思過程中就應(yīng)該被考慮到,什么樣的版式與配色會(huì)很好的完成適配。
比如:卡片式設(shè)計(jì)就可以對(duì)頁(yè)面內(nèi)容進(jìn)行分割重組來適應(yīng)不同的屏幕??ㄆ旧磉€具有很強(qiáng)的伸縮性,可大可小??ㄆ皆O(shè)計(jì)可以在不同大小的屏幕中仍保持視覺風(fēng)格的統(tǒng)一。
第四大因素:是不是易讀性的界面
屏幕背景色的選擇會(huì)對(duì)內(nèi)容的易讀性產(chǎn)生極大的影響,這是產(chǎn)品用戶體驗(yàn)中我們最看重的一部分。要么是白底黑字,要么是黑底白字。
因?yàn)槲覀冎饕ㄟ^眼睛來獲取信息,如果這款產(chǎn)品的屏幕內(nèi)容我都無法看清,那么就沒有繼續(xù)使用下去的欲望了。
特別是對(duì)于以文字為主體的app或網(wǎng)站來說,糟糕的易讀性會(huì)導(dǎo)致用戶忽視重要的信息,而且增加了用戶的閱讀成本。用戶必須耗費(fèi)很大的精力才可以獲取信息。
所以說即使你的APP產(chǎn)品在其他方面做得很出色,如果易讀性很差,你這樣的APP產(chǎn)品將會(huì)致使你損失大量用戶。如果你的APP是電商類的APP,復(fù)購(gòu)率也會(huì)降低。
以上就是25學(xué)堂跟大家分享的四個(gè)影響一款A(yù)PP產(chǎn)品配色風(fēng)格的主因。值得各位APP設(shè)計(jì)師多注意多練習(xí)。
總的來說,設(shè)計(jì)配色風(fēng)格是設(shè)計(jì)開始的第一步,定好了色彩設(shè)計(jì)風(fēng)格,后續(xù)的設(shè)計(jì)工作才能繼續(xù)...
全站高品質(zhì)素材免費(fèi)下載!