網(wǎng)站設(shè)計(jì)APP設(shè)計(jì)如何傳達(dá)品牌感

2021-05-20    分類: App設(shè)計(jì)

最近在整理App組建的時(shí)候發(fā)現(xiàn)很多App在設(shè)計(jì)時(shí)或多或少都以不同方式提升自己的品牌感,目的是為了讓用戶在使用產(chǎn)品時(shí)可以潛移默化的強(qiáng)化對(duì)自己的印象。那么都有哪些方法來傳達(dá)App的品牌感呢?我總結(jié)了三種方式。
一:品牌色的運(yùn)用
    品牌色的運(yùn)用可謂是最常見的傳達(dá)品牌感一種方式,基本上每個(gè)App都會(huì)使用。品牌色很易于傳達(dá),容易讓人聯(lián)想。比如一說微信就能想到是綠色,支付寶是藍(lán)色,美團(tuán)外賣是黃色,京東是紅色等等。品牌色會(huì)貫穿在App中的各個(gè)位置,下面我總結(jié)了幾個(gè)使用頻率較高位置。
 a.注冊(cè)/登錄頁背景色
    在設(shè)計(jì)登錄/注冊(cè)頁的時(shí)候有兩種方式,一種是全屏品牌色,一種是蒙層品牌色。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      開門見山是一種很好的傳達(dá)品牌的方式,直接加深了用戶的印象。但是由于有些品牌色顏色比較出挑、鮮艷,當(dāng)在夜晚使用時(shí),可能會(huì)讓用戶覺得很刺眼,所以注冊(cè)/登錄使用品牌色時(shí)還是要考慮產(chǎn)品的品牌色與用戶的使用時(shí)間是否合適。
    b.頂部標(biāo)簽式導(dǎo)航
    頂部標(biāo)簽導(dǎo)航的選中狀態(tài),無論是文字或者是下劃線都會(huì)運(yùn)用到品牌色。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      這種形式是很好的體現(xiàn)品牌色的形式,既不會(huì)搶視覺又很好的強(qiáng)調(diào)了品牌色,絕大多數(shù)的App都在使用。
  c.頂部導(dǎo)航背景色
    首頁的頂部導(dǎo)航是傳達(dá)品牌色的重點(diǎn)區(qū)域,非常多的App原意將導(dǎo)航設(shè)計(jì)成品牌色。為什么要這樣做呢?(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      這是由于在首頁的頂部是頭部區(qū)域,并且會(huì)在頁面中置頂,是常駐狀態(tài),所以出現(xiàn)的頻率非常的高,有利于品牌感的傳播。
  d.底部導(dǎo)航欄
    底部導(dǎo)航欄在點(diǎn)擊狀態(tài)通常會(huì)使用品牌色。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      這樣做的理由與頂部導(dǎo)航欄的背景是一致的,由于底部導(dǎo)航欄是常駐狀態(tài),如果在這個(gè)區(qū)域使用品牌主色,就會(huì)久而久之加深用戶對(duì)品牌的印象。
  e.個(gè)人中心背景色
    個(gè)人中心的背景色除了使用品牌色以外還會(huì)增加一些小元素來提升個(gè)人中心背景的品質(zhì)感。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      個(gè)人中心的背景色的作用可以起到劃分區(qū)域的作用,也起到強(qiáng)化區(qū)域的作用。
  f.按鈕
    像懸浮按鈕、登錄注冊(cè)按鈕等也都是常用的表現(xiàn)品牌色的方式。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      一般App中的按鈕都會(huì)使用品牌色,除了一些特殊狀態(tài),比如不可點(diǎn)擊。
二:品牌形象的運(yùn)用
    為了更方便用戶記憶,很多企業(yè)都會(huì)設(shè)計(jì)自己的企業(yè)卡通形象從而使用戶與自己的品牌聯(lián)系起來。比如說京東的京東狗,天貓的貓,國美的老虎,蘇寧的獅子,絕味的鴨子,美團(tuán)外賣的袋鼠等等一系列形象。這些卡通形象也會(huì)經(jīng)常出現(xiàn)在App的各種位置。常見的有以下幾種。
a.啟動(dòng)頁
    給用戶的第一感覺很重要,所以很多App打開就是微笑的卡通形象,給用戶帶來暖意。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      啟動(dòng)頁的設(shè)置其實(shí)也挺有意思的,像是這個(gè)App在跟你打招呼一樣。
b.登陸注冊(cè)
    有些App在登陸注冊(cè)的時(shí)候會(huì)使用品牌插畫。(如下圖)

APP設(shè)計(jì)如何傳達(dá)品牌感

      這樣做屬于情感化的一種把App想象成一個(gè)人,像是在跟App互動(dòng)一樣。

c.空狀態(tài)
    空狀態(tài)的頁面一般都是關(guān)于品牌形象的插畫。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      這樣做提供了一些趣味性。值得注意的是,品牌插畫傳達(dá)的是一種情緒,當(dāng)出現(xiàn)斷網(wǎng)時(shí)等狀況的情況下,插畫里面的卡通形象通常也會(huì)很低落。
  d.刷新、加載動(dòng)畫
    刷新,加載動(dòng)畫也是出現(xiàn)頻率較高的場景。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      由于在等待的過程中會(huì)產(chǎn)生焦慮,所以設(shè)計(jì)的有趣味性可以分散用戶的注意力,也是跟用戶互動(dòng)的一種方式。


三:品牌logo/文字的運(yùn)用

      除了以上兩種方式之外,還有一種是會(huì)將品牌的logo/文字的位置擺放在不同的位置。常見有以下幾種。
a.UGC
    UGC專區(qū)也常常會(huì)出現(xiàn)凸顯著品牌特性的元素。比如是xx頭條,xx快訊。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      由于UGC專區(qū)是滾動(dòng)播放的,在首頁也是比較搶視覺的一塊區(qū)域,這里使用凸顯品牌的元素也是比較合適的,一般會(huì)使用設(shè)計(jì)字體來凸顯特點(diǎn)。
b.底部tab
    除了點(diǎn)擊狀態(tài)之外,還有的App會(huì)將logo放置在常見的第一個(gè)功能的位置。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      與方式一的品牌色理由一致,由于底部導(dǎo)航欄是常駐狀態(tài),如果在這個(gè)區(qū)域使用品牌主色,會(huì)更加強(qiáng)化用戶對(duì)品牌的認(rèn)知。
  c.頂部
    用在首頁頂部出現(xiàn)頻率也是非常高的。(如下圖)
APP設(shè)計(jì)如何傳達(dá)品牌感
      這里使用就像是一個(gè)店鋪的門面一樣,如果logo一直在,久而久之就會(huì)給用戶比較深刻的印象。跟頂部背景色一樣。
總結(jié)
    以上列舉的并不全面,只是將常用的位置總結(jié)了一下,其實(shí)還有很多其他的位置也使用了品牌元素,比如說工行的個(gè)人中心的默認(rèn)頭像形象是他們的品牌形象大象。有些App會(huì)在搜索欄加入品牌的元素,如貝貝。盡管放在了不同的位置,但是也都是為了可以讓自己的品牌更易被記住。
    這三種方式都是同時(shí)存在的,用的恰到好處會(huì)提升品牌的氣質(zhì),如果用的不好了反而會(huì)讓用戶覺得主色到處都是,眼花繚亂并不舒適。所以在設(shè)計(jì)App的時(shí)候一定要合理的使用品牌相關(guān)的元素,避免過度設(shè)計(jì)讓產(chǎn)品眼花繚亂。也避免不設(shè)計(jì)導(dǎo)致用戶使用完后對(duì)產(chǎn)品完全沒有印象。
(鄭重聲明:本文版權(quán)歸海鹽社所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請(qǐng)聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請(qǐng)聯(lián)系我們修改。)

當(dāng)前名稱:網(wǎng)站設(shè)計(jì)APP設(shè)計(jì)如何傳達(dá)品牌感
新聞來源:http://www.muchs.cn/news/114399.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)

廣告

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

手機(jī)網(wǎng)站建設(shè)