APP的圖標(biāo)作為啟動產(chǎn)品的入口,一直是一個重要的視覺符號,為了讓用戶更好的記憶,其設(shè)計通常使用與產(chǎn)品的功能和內(nèi)容相關(guān),讓人看到圖標(biāo)就能聯(lián)想到產(chǎn)品的功能使用場景等。用戶也是通過圖標(biāo)來尋找、識別和打開產(chǎn)品的,可以說圖標(biāo)承載了產(chǎn)品與用戶的第一次連接,有著非常重要的作用。例如很多電商APP在節(jié)日促銷活動的時候,會把活動名稱放在啟動圖標(biāo)上,來提醒用戶當(dāng)前活動進(jìn)行中,吸引用戶進(jìn)入。
圖標(biāo)一般可以分成主圖形和底色色塊兩層。
顏色和形狀是人們視覺感知最直接的要素,圖標(biāo)也是通過顏色和形狀來表達(dá)產(chǎn)品的特點。主圖形也就是形狀,一般是對產(chǎn)品的功能、內(nèi)容的表達(dá),而顏色更多的是情感氣氛的表達(dá)。
春節(jié)前后的這段時間,相信大家也一定注意到了有的APP圖標(biāo)也發(fā)生了一些變化,不少APP的圖標(biāo)換成了特別設(shè)計的春節(jié)版本,以此來增加節(jié)日氣氛來與新春呼應(yīng)。
以春節(jié)圖標(biāo)為例分析,我們可以通過以下5種方式來展開設(shè)計,分別是:變換色彩,豐富背景,增加前景,添加文字,添加新元素和多種手法疊加,下面就逐一來看看它們各自的特點吧。
1.變換色彩色彩是一種有效的情緒傳染方式,有研究表明人們在觀察物體時的第一感受,色彩影響的占比為80%,形狀形態(tài)占比為20%,這個影響值在20秒后會逐步下降發(fā)生變化,2分鐘后色彩和形狀的占比會變成60%和40%,5分鐘后趨平各占50%。所以說色彩對視覺感受有這非常大的影響力,尤其在短時間的視覺接觸中尤為明顯。
不同的色彩可以引發(fā)不同的心理聯(lián)想,經(jīng)過長期的生活實踐,色彩開始被人們賦予特定的情感定義,下圖是幾種常見顏色給人的感覺。
不過使用色彩的時候,也需要注意不同文化下色彩代表的不同含義,比如紅色、黃色在中國代表喜慶,可以說是中國農(nóng)歷新年的固定搭配,綠色擇因為美元紙幣是綠色的,在美國有金錢的含義。
我們可以來看看變換色彩的例子,下圖中看準(zhǔn)的圖標(biāo),在春節(jié)期間就更換了顏色,看準(zhǔn)是直接完全改變了圖標(biāo)的顏色,變?yōu)榇泶汗?jié)的紅色和金色,這樣做的優(yōu)點是可以大限度的貼近節(jié)日氣氛,缺點是與常態(tài)圖標(biāo)的差別較大,對于用戶來說可能會覺得有點陌生。
再來看看幻影貓,在常態(tài)下LOGO是藍(lán)色,圣誕時選擇了紫色做背景,到了春節(jié)期間又換成了符合中國農(nóng)歷新年的紅色。相對看準(zhǔn)的底色和圖形的顏色全變,幻影貓的做法是只改變底色,主形狀部分保持不變,留下了辨識度高的白色貓咪,以減少因為顏色改變帶來的陌生感。
2.豐富背景背景渲染氣氛也是一種常用的方式,常態(tài)下圖標(biāo)背景一般會使用比較簡單漸變或者純色,所以節(jié)日的時候通過對背景的豐富,設(shè)計與節(jié)日相關(guān)的背景圖這樣既不會影響主體層級,也可以很好的烘托氣氛,是非常不錯的選擇。設(shè)計的時候我們可以利用情緒版來幫助我們完成背景圖的構(gòu)思。
搜狐視頻的圖標(biāo),常態(tài)下是白色底色,春節(jié)時改為淡粉色為主點綴紫藤花和燈籠的背景圖,體現(xiàn)新春家庭溫情、春色暖人的感覺。
天貓的背景圖也延續(xù)了常態(tài)下紅色漸變的顏色,左右增加了兩匹打卡的紅色灑金的大門,迎來圓形的福字圖案,開門紅,迎金福,是符合新年的吉祥喜慶寓意。
3.添加文字在原有圖標(biāo)兩層元素的基礎(chǔ)上增加一層文字,以文字內(nèi)容來表達(dá)主題。文字本身就具備強(qiáng)悍的內(nèi)容傳達(dá)功能,相比圖形來說也并不弱,而且非常直接,適合有強(qiáng)烈愿望或者主題的表達(dá)。主要圍繞文字的內(nèi)容、字體、大小以及顏色進(jìn)行設(shè)計,必要時可以增加一些背景的小元素比如燙金碎,小煙花等來烘托氣氛讓畫面更加豐富。
比如今日頭條的“發(fā)財中國年”,過年見面的寒暄吉祥話有不少是從一句“新年好,恭喜發(fā)財”開始的,這樣的文字內(nèi)容不僅用戶喜歡接受程度高,也符合春節(jié)時期的氣氛,有誰不喜歡發(fā)財呢。
另外還有新年數(shù)字,比如網(wǎng)易嚴(yán)選的“2019”,再沒有具體的內(nèi)容的時候,用新年數(shù)字來表示也是一種常見直接的方式。
騰訊視頻在創(chuàng)造101節(jié)目播出期間,在APP圖標(biāo)上也加上了“創(chuàng)造101”的文字,文字背景擇采取了舞臺的形式與節(jié)目呼應(yīng),讓人在看見啟動圖標(biāo)的同時就馬上想到了節(jié)目,以此加大推廣力度宣傳節(jié)目。
同樣的還有雙十一、雙十二系列的圖標(biāo),大多都是采取了以文字為主的設(shè)計。
4.添加新元素添加元素是在原圖標(biāo)的基礎(chǔ)上,加入與節(jié)日或者活動相關(guān)的元素,通過這些元素來烘托氣氛。常見的有春節(jié)時期的生肖元素、云紋煙花、金福等,圣誕時期的圣誕樹、圣誕帽、雪花和禮物等。在設(shè)計過程中可以先發(fā)散,用腦圖列出相關(guān)元素然后從中選取。
比如美顏相機(jī)選擇的生肖元素,豬年在圖標(biāo)上添加的一只小粉豬;閑魚加入的是春節(jié)傳統(tǒng)的鞭炮,映客選擇的是春節(jié)期間舞獅活動的獅子服飾,ABCmouse擇讓吉祥物拿著紅包,帶上了傳統(tǒng)喜慶的小帽子,產(chǎn)品本身是兒童教育類,紅包壓歲錢的場景也與用戶貼合。
Facetune和美圖選擇的是節(jié)日元素某一點特征,提取為代表,比如Facetune的圣誕帽,美圖的麋鹿角,簡約但是特征明顯,讓人一眼就能知道是圣誕主題。
定位是年輕人潮流購物中心的有貨則設(shè)計了更加有趣戲劇的一幕,選取的是圣誕老人鉆煙囪倒栽蔥的場景,既與圣誕的節(jié)日結(jié)合也保留了自己產(chǎn)品的調(diào)性個性。
360camera加入了圣誕樹、圣誕老人以及飄落的雪花,營造了非常強(qiáng)的整體氛圍。
另外除了增加新元素,也可以把相關(guān)元素與原有圖標(biāo)進(jìn)行結(jié)合,比如搜狗春節(jié)圖標(biāo)就是把主圖形做了剪紙化設(shè)計,通過剪紙、窗花的元素體現(xiàn)春節(jié)的氣氛。
5.多種手法疊加疊加上面兩種以上的設(shè)計手法,多層次表達(dá)主題。比如全民K歌的春節(jié)圖標(biāo)就使用了多種設(shè)計手法的疊加,在常態(tài)圖標(biāo)的基礎(chǔ)上豐富了背景圖加入了中國傳統(tǒng)元素的花紋和富有春節(jié)氣氛的煙花,添加了“搶麥”的主題文字,同時還加上了麥克風(fēng)的元素來突出。
多種手法疊加可以讓圖標(biāo)氣氛的表達(dá)更加充分,不過也要注意避免設(shè)計過度讓圖標(biāo)顯得過于繁瑣。
(鄭重聲明:本文版權(quán)歸原作者海鹽社焱小玖所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請聯(lián)系我們修改。)
網(wǎng)頁題目:APP節(jié)日圖標(biāo)設(shè)計思路
當(dāng)前鏈接:http://jinyejixie.com/news/115799.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、網(wǎng)站制作、微信小程序、建站公司、網(wǎng)站排名、關(guān)鍵詞優(yōu)化
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)