激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

扁平之外-UI中的品牌塑造

發(fā)布時(shí)間：2024-02-29 13:05:12 瀏覽量：162次

近年來(lái)，設(shè)計(jì)師越來(lái)越傾向于極簡(jiǎn)和扁平化的設(shè)計(jì)風(fēng)格，這種設(shè)計(jì)策略帶來(lái)的好處是為內(nèi)容本身而設(shè)計(jì)，減少視覺(jué)干擾。但扁平化設(shè)計(jì)也帶了一些問(wèn)題：設(shè)計(jì)同質(zhì)化嚴(yán)重，難以表現(xiàn)品牌差異等等。

為了解決同質(zhì)化的問(wèn)題，我們有必要為APP植入品牌基因。通過(guò)視覺(jué)手段進(jìn)行品牌升級(jí)，凸顯產(chǎn)品調(diào)性以及品牌個(gè)性，讓用戶有歸屬感，信賴感，提升產(chǎn)品的友好度。

相同業(yè)務(wù)的產(chǎn)品，結(jié)構(gòu)的重合度比較高。下圖是幾個(gè)直播類APP的首頁(yè)內(nèi)容和幾個(gè)視頻新聞?lì)怉PP的首頁(yè)內(nèi)容，是不是看上去都很相似？

想要解決同質(zhì)化嚴(yán)重問(wèn)題，為APP注入品牌基因可以從哪些方面下手呢？

1.統(tǒng)一的設(shè)計(jì)組件

組件是將頁(yè)面元素進(jìn)行拆分，歸納，重組，并且基于可以復(fù)用的目的，形成規(guī)范化的基本元件。組件被大量的復(fù)用，構(gòu)成基本頁(yè)面，組件的調(diào)性可以構(gòu)成產(chǎn)品的基本調(diào)性。

在上一圖的內(nèi)容上加了titlebar，toolbar組件。不同的組件包含了不同的主體顏色，字色，字號(hào)，icon等，組件的不同，使頁(yè)面有了差異。

比如加上頂部欄和底部欄之后，UC頭條的鹿形LOGO，黃黑搭配的底部ICON，今日頭條的LOGO，優(yōu)酷的優(yōu)酷藍(lán)，騰訊視頻底部的ICON，使得頁(yè)面之間有了差異。

缺省圖，loading等組件也可以常常能體現(xiàn)UI的品牌感。比如好好住，天貓的loading用的品牌logo，footage，騰訊視頻用的品牌logo，面包旅行和閑魚用的是自家品牌角色。在下拉時(shí)候可以看到和品牌相關(guān)的露出，從細(xì)微處加深用戶對(duì)品牌的認(rèn)知。

2.有性格的ICON

圖標(biāo)在APP中被廣泛應(yīng)用。圖標(biāo)可以直觀傳達(dá)產(chǎn)品意圖，減少用戶認(rèn)知負(fù)擔(dān)。圖標(biāo)設(shè)計(jì)是APP設(shè)計(jì)中是比重比較大的一部分，甚至在某些頁(yè)面中，圖標(biāo)本身就是頁(yè)面內(nèi)容的主體，統(tǒng)一的圖標(biāo)設(shè)計(jì)對(duì)塑造產(chǎn)品調(diào)性起著重要的作用。統(tǒng)一的有辨識(shí)度的圖標(biāo)可以提升品牌辨識(shí)度。

如YY的MBE風(fēng)格圖標(biāo)，使用品牌黃色，粗描邊和裝飾細(xì)線，營(yíng)造了年輕輕快的氣氛；YOUKU改版后的圖標(biāo)，顏色和LOGO呼應(yīng)形成一套圖標(biāo)，和品牌LOGO調(diào)性一致；社交軟件SAME有一整套自己的圖標(biāo)體系，藍(lán)色拇指小人作為母圖標(biāo)，衍生出各種各樣的子圖標(biāo)，一起營(yíng)造了年輕歡快，小眾特立獨(dú)行的品牌氛圍。

YY（MBE） 優(yōu)酷（icon和品牌logo相呼應(yīng)） Same（定義了自己的一套icon體系）

same可以根據(jù)自己的喜好自行制作圖標(biāo)，拇指小人成為Same的產(chǎn)品標(biāo)識(shí)

3.有辨識(shí)度的配色方案

在經(jīng)過(guò)一段時(shí)間的純色的主輔搭配后，出現(xiàn)了幾個(gè)顏色的陣營(yíng)——橘，藍(lán)，綠，黃，紫都被用光光，經(jīng)常出現(xiàn)品牌色撞色的情況。比如在我的手機(jī)里，釘釘，知乎，貼吧撞色了；土豆大眾點(diǎn)評(píng)蝦米啥的也撞色了。用單一的顏色做自己的品牌色尷尬相撞的情況時(shí)有發(fā)生。因此大家開(kāi)始往漸變色，或兩種顏色搭配使用等更大的色彩空間去探尋。

抖音APP多處運(yùn)用藍(lán)綠色和玫紅色疊印的色彩方案，啟屏廣告，APP底部Icon，Banner，專題頁(yè)等等。這種貫穿統(tǒng)一的顏色方案給抖音注入鮮明的品牌格調(diào)-年輕張揚(yáng)，不拘一格。

優(yōu)酷品牌升級(jí)后的藍(lán)色漸變紅色漸變的配色方案，在各個(gè)地方都有應(yīng)用，紅藍(lán)組合形成了鮮明的優(yōu)酷風(fēng)格

4.貫穿始終的插圖風(fēng)格

UI中運(yùn)用的插畫是用戶和界面之間進(jìn)行溝通的有效工具。精心制作的插畫能夠吸引用戶的注意力，引起用戶的興趣，帶有情感的闡述信息。統(tǒng)一的插圖風(fēng)格會(huì)讓用戶有明確的心理感受，表達(dá)統(tǒng)一的品牌格調(diào)。

陌陌的點(diǎn)點(diǎn)，快聊，綁定手機(jī)等卡片設(shè)計(jì)都是通過(guò)同樣風(fēng)格的插圖來(lái)塑造的，矢量風(fēng)格簡(jiǎn)明線條，高飽和度色彩方案，簡(jiǎn)單的裝飾。登陸引導(dǎo)也是同樣風(fēng)格的插畫。這種插畫風(fēng)格表達(dá)陌陌時(shí)尚年輕，平臺(tái)化的品牌格調(diào)。

閑魚黃黑相配的顏色方案，粗黑線描邊的卡通風(fēng)格，塑造了閑魚隨性而為，輕松有趣，活力開(kāi)放的品牌氛圍。

蝦米音樂(lè)一直使用飯?zhí)〉牟瀹嬜鰡⑵粒茉炝宋r米音樂(lè)的高品位，溫情的品牌調(diào)性。

5.反復(fù)運(yùn)用品牌角色

世界著名經(jīng)營(yíng)大師沃爾勒說(shuō)：“如果說(shuō)品牌（商標(biāo)、品名）是您的臉，讓人記住您，那品牌角色則是您的雙手，讓您緊緊握住別人，與人產(chǎn)生情感發(fā)生關(guān)系?！逼放平巧哂形陀H和力，可以讓用戶更直觀的記住品牌形象；做為某款產(chǎn)品或者某個(gè)平臺(tái)的代言人，品牌角色可以體現(xiàn)這款產(chǎn)品或平臺(tái)的氣質(zhì)；品牌角色也是一種情感化表達(dá)，可以和用戶產(chǎn)生共情。

很多平臺(tái)或產(chǎn)品都擁有自己的品牌角色，比如百度有百度熊，百度熊形象在各個(gè)產(chǎn)品中應(yīng)用；QQ有QQ Family，啟屏頁(yè)，廣告頁(yè)，等等地方經(jīng)常能看到QQ Family的身影；LINE的品牌形象不僅出現(xiàn)在他自己的應(yīng)用和游戲界面里，同時(shí)LINE Friend已經(jīng)成為受全世界喜愛(ài)的卡通形象。

百度-百度熊

百度熊的應(yīng)用面很廣，幾乎所有的百度產(chǎn)品都會(huì)應(yīng)用這款品牌角色，下圖是百度外賣在loading，缺省頁(yè)，斷網(wǎng)頁(yè)面對(duì)百度熊的應(yīng)用，可愛(ài)的形象可以緩解用戶的負(fù)面情緒，同時(shí)可以在用戶腦中形成品牌強(qiáng)化效應(yīng)。

天貓的小黑貓形象在UI中被反復(fù)應(yīng)用，啟屏頁(yè)，loading，缺省圖，默認(rèn)圖，彈窗，banner，活動(dòng)頁(yè)等等。為應(yīng)用注入趣味和生機(jī)

直播軟件映客在loading，默認(rèn)圖，缺省圖等等地方都用了敏銳，高效的貓頭鷹形象，配合‘你丑你先睡我美我直播’的slogan，共同營(yíng)造了朝氣蓬勃，新鮮活力的品牌感

隨著互聯(lián)網(wǎng)的發(fā)展，人們?cè)絹?lái)越重視互聯(lián)網(wǎng)中品牌的力量。在明確品牌戰(zhàn)略，明晰品牌定位后，我們?cè)隗w現(xiàn)APP的差異化定位時(shí)，可以從這幾方面入手：

1.統(tǒng)一的設(shè)計(jì)組件

2.有性格的icon

3.有辨識(shí)度的配色方案

4.貫穿始終的插圖風(fēng)格

5.多處運(yùn)用品牌角色

（主要研究的app有，直播短視頻相關(guān)：映客，YY，陌陌，斗魚，花椒，NOW，抖音，有料，VOOTAGE，   視頻類：優(yōu)酷，騰訊視頻，土豆短視頻等，其他：淘寶，天貓，SAME，百度外賣，美團(tuán)外賣，UC頭條，今日頭條等）

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定