APP的圖標(biāo)作為啟動(dòng)產(chǎn)品的入口，一直是一個(gè)重要的視覺符號(hào)，為了讓用戶更好的記憶，其設(shè)計(jì)通常使用與產(chǎn)品的功能和內(nèi)容相關(guān)，讓人看到圖標(biāo)就能聯(lián)想到產(chǎn)品的功能使用場(chǎng)景等。用戶也是通過圖標(biāo)來尋找、識(shí)別和打開產(chǎn)品的，可以說圖標(biāo)承載了產(chǎn)品與用戶的第一次連接，有著非常重要的作用。例如很多電商APP在節(jié)日促銷活動(dòng)的時(shí)候，會(huì)把活動(dòng)名稱放在啟動(dòng)圖標(biāo)上，來提醒用戶當(dāng)前活動(dòng)進(jìn)行中，吸引用戶進(jìn)入。
圖標(biāo)一般可以分成主圖形和底色色塊兩層。
顏色和形狀是人們視覺感知最直接的要素，圖標(biāo)也是通過顏色和形狀來表達(dá)產(chǎn)品的特點(diǎn)。主圖形也就是形狀，一般是對(duì)產(chǎn)品的功能、內(nèi)容的表達(dá)，而顏色更多的是情感氣氛的表達(dá)。
春節(jié)前后的這段時(shí)間，相信大家也一定注意到了有的APP圖標(biāo)也發(fā)生了一些變化，不少APP的圖標(biāo)換成了特別設(shè)計(jì)的春節(jié)版本，以此來增加節(jié)日氣氛來與新春呼應(yīng)。
以春節(jié)圖標(biāo)為例分析，我們可以通過以下5種方式來展開設(shè)計(jì)，分別是：變換色彩，豐富背景，增加前景，添加文字，添加新元素和多種手法疊加，下面就逐一來看看它們各自的特點(diǎn)吧。
1.變換色彩
色彩是一種有效的情緒傳染方式，有研究表明人們?cè)谟^察物體時(shí)的第一感受，色彩影響的占比為80%，形狀形態(tài)占比為20%，這個(gè)影響值在20秒后會(huì)逐步下降發(fā)生變化，2分鐘后色彩和形狀的占比會(huì)變成60%和40%，5分鐘后趨平各占50%。所以說色彩對(duì)視覺感受有這非常大的影響力，尤其在短時(shí)間的視覺接觸中尤為明顯。
不同的色彩可以引發(fā)不同的心理聯(lián)想，經(jīng)過長期的生活實(shí)踐，色彩開始被人們賦予特定的情感定義，下圖是幾種常見顏色給人的感覺。
不過使用色彩的時(shí)候，也需要注意不同文化下色彩代表的不同含義，比如紅色、黃色在中國代表喜慶，可以說是中國農(nóng)歷新年的固定搭配，綠色擇因?yàn)槊涝垘攀蔷G色的，在美國有金錢的含義。
我們可以來看看變換色彩的例子，下圖中看準(zhǔn)的圖標(biāo)，在春節(jié)期間就更換了顏色，看準(zhǔn)是直接完全改變了圖標(biāo)的顏色，變?yōu)榇泶汗?jié)的紅色和金色，這樣做的優(yōu)點(diǎn)是可以大限度的貼近節(jié)日氣氛，缺點(diǎn)是與常態(tài)圖標(biāo)的差別較大，對(duì)于用戶來說可能會(huì)覺得有點(diǎn)陌生。
再來看看幻影貓，在常態(tài)下LOGO是藍(lán)色，圣誕時(shí)選擇了紫色做背景，到了春節(jié)期間又換成了符合中國農(nóng)歷新年的紅色。相對(duì)看準(zhǔn)的底色和圖形的顏色全變，幻影貓的做法是只改變底色，主形狀部分保持不變，留下了辨識(shí)度高的白色貓咪，以減少因?yàn)轭伾淖儙淼哪吧小?br />2.豐富背景
背景渲染氣氛也是一種常用的方式，常態(tài)下圖標(biāo)背景一般會(huì)使用比較簡(jiǎn)單漸變或者純色，所以節(jié)日的時(shí)候通過對(duì)背景的豐富，設(shè)計(jì)與節(jié)日相關(guān)的背景圖這樣既不會(huì)影響主體層級(jí)，也可以很好的烘托氣氛，是非常不錯(cuò)的選擇。設(shè)計(jì)的時(shí)候我們可以利用情緒版來幫助我們完成背景圖的構(gòu)思。
搜狐視頻的圖標(biāo)，常態(tài)下是白色底色，春節(jié)時(shí)改為淡粉色為主點(diǎn)綴紫藤花和燈籠的背景圖，體現(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è)計(jì)，必要時(shí)可以增加一些背景的小元素比如燙金碎，小煙花等來烘托氣氛讓畫面更加豐富。
比如今日頭條的“發(fā)財(cái)中國年”，過年見面的寒暄吉祥話有不少是從一句“新年好，恭喜發(fā)財(cái)”開始的，這樣的文字內(nèi)容不僅用戶喜歡接受程度高，也符合春節(jié)時(shí)期的氣氛，有誰不喜歡發(fā)財(cái)呢。
另外還有新年數(shù)字，比如網(wǎng)易嚴(yán)選的“2019”，再?zèng)]有具體的內(nèi)容的時(shí)候，用新年數(shù)字來表示也是一種常見直接的方式。
騰訊視頻在創(chuàng)造101節(jié)目播出期間，在APP圖標(biāo)上也加上了“創(chuàng)造101”的文字，文字背景擇采取了舞臺(tái)的形式與節(jié)目呼應(yīng)，讓人在看見啟動(dòng)圖標(biāo)的同時(shí)就馬上想到了節(jié)目，以此加大推廣力度宣傳節(jié)目。
同樣的還有雙十一、雙十二系列的圖標(biāo)，大多都是采取了以文字為主的設(shè)計(jì)。
4.添加新元素
添加元素是在原圖標(biāo)的基礎(chǔ)上，加入與節(jié)日或者活動(dòng)相關(guān)的元素，通過這些元素來烘托氣氛。常見的有春節(jié)時(shí)期的生肖元素、云紋煙花、金福等，圣誕時(shí)期的圣誕樹、圣誕帽、雪花和禮物等。在設(shè)計(jì)過程中可以先發(fā)散，用腦圖列出相關(guān)元素然后從中選取。
比如美顏相機(jī)選擇的生肖元素，豬年在圖標(biāo)上添加的一只小粉豬；閑魚加入的是春節(jié)傳統(tǒng)的鞭炮，映客選擇的是春節(jié)期間舞獅活動(dòng)的獅子服飾，ABCmouse擇讓吉祥物拿著紅包，帶上了傳統(tǒng)喜慶的小帽子，產(chǎn)品本身是兒童教育類，紅包壓歲錢的場(chǎng)景也與用戶貼合。
Facetune和美圖選擇的是節(jié)日元素某一點(diǎn)特征，提取為代表，比如Facetune的圣誕帽，美圖的麋鹿角，簡(jiǎn)約但是特征明顯，讓人一眼就能知道是圣誕主題。
定位是年輕人潮流購物中心的有貨則設(shè)計(jì)了更加有趣戲劇的一幕，選取的是圣誕老人鉆煙囪倒栽蔥的場(chǎng)景，既與圣誕的節(jié)日結(jié)合也保留了自己產(chǎn)品的調(diào)性個(gè)性。
360camera加入了圣誕樹、圣誕老人以及飄落的雪花，營造了非常強(qiáng)的整體氛圍。
另外除了增加新元素，也可以把相關(guān)元素與原有圖標(biāo)進(jìn)行結(jié)合，比如搜狗春節(jié)圖標(biāo)就是把主圖形做了剪紙化設(shè)計(jì)，通過剪紙、窗花的元素體現(xiàn)春節(jié)的氣氛。
5.多種手法疊加
疊加上面兩種以上的設(shè)計(jì)手法，多層次表達(dá)主題。比如全民K歌的春節(jié)圖標(biāo)就使用了多種設(shè)計(jì)手法的疊加，在常態(tài)圖標(biāo)的基礎(chǔ)上豐富了背景圖加入了中國傳統(tǒng)元素的花紋和富有春節(jié)氣氛的煙花，添加了“搶麥”的主題文字，同時(shí)還加上了麥克風(fēng)的元素來突出。

多種手法疊加可以讓圖標(biāo)氣氛的表達(dá)更加充分，不過也要注意避免設(shè)計(jì)過度讓圖標(biāo)顯得過于繁瑣。

（鄭重聲明：本文版權(quán)歸原作者海鹽社焱小玖所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如有侵權(quán)，請(qǐng)聯(lián)系我們刪除；如作者信息標(biāo)記有誤，請(qǐng)聯(lián)系我們修改。）

標(biāo)題名稱：APP節(jié)日?qǐng)D標(biāo)設(shè)計(jì)思路
文章源于：http://www.kartarina.com/news49/115799.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、用戶體驗(yàn)、定制網(wǎng)站、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)