如何定義一套具有DNA特徵的品牌UI

2020-12-27 騰訊網

原文地址:功夫UX(公眾號)

作者:功夫UX

不知道你是否發現,如今產品風格同質化嚴重,品牌性格很難在用戶心目中建立起牢固的印象。說白了其實就產品缺少獨特的記憶特徵,今天就和大家分享下UI中的品牌DNA方法

分享大綱:

1.什麼是品牌DNA?

2.品牌DNA在UI中的優勢

3.如何定義品牌DNA

4.需要遵循的原則

5.寫在最後

什麼是品牌DNA?

品牌DNA包括品牌核心價值和品牌個性。具有不同的品牌DNA是品牌之間形成差異化的根本原因。品牌DNA讓用戶清晰地記住並識別你的產品,成功的延用品牌DNA在產品不同場景中,能夠打造區分競品的差異化設計。

如果一個產品沒有樹立牢固產品個性,在當今競爭激烈的大環境中,很容易會被淹沒,因此產品DNA視覺特徵打造是非常迫在眉睫的事情了。

品牌DNA在UI中的優勢

1#差異性

獨特的特徵可以區別或領先於其他競爭產品基因,打造差異化特徵, 在內部和外部樹立牢固形象,在商業領域吸引更多優質忠實粉絲。

MUJI的照片品牌就是一個很好的例子,在商品照片攝影圖上系統化定義拍攝調性與處理手法,以達到全局統一。即使沒有logo符號,我相信你可以一眼識別出

2#傳播性

品牌個性具有強大的自然傳播力,前期對品牌塑造深入,自然就會有很多忠實用戶為你傳播推廣,apple在這方面就是很好的榜樣。在產品設計、品牌包裝、線下門店、宣傳單頁等都有著統一設計特徵,如白色語言就其中一大特徵。

3#個性化

品牌個性就如同人一樣,如果每次見面你穿著的服飾、髮型和說話方式不同,那麼你的形象可能就很難在別人心目中建立起來。品牌個性也是如此,如果全局統一一致,就能很好的樹立深刻獨特印象,並形成競爭力。

4#價值感

品牌由低到高分為三個不同的層面, 即知名度 - 美譽度 - 忠誠度。當達到忠誠度這個層面,價值感自然上升。要體現價值感除了自身品牌個性構建,還需要關注社會責任,改變人類的物質生活和精神生活(MUJI在這方面做得很好)。

如何定義品牌DNA

前面對品牌DNA的了解,那麼我們在UI設計中該如何去打造具有傳播力與獨特性的產品性格?可從底層去分析視覺語言基礎元素;圖形、色彩、字體、照片、聲音、構成、材質、空間構造等這些元素的綜合運用打造品牌DNA。

那麼下面我們從優秀線上案例中,學習設計方法:

1# LOGO品牌圖形打造DNA特徵

▲ 29cm通過LOGO圖形提取,延展到全局設計中,包括移動端和WEB端的設計,特別圖標最具明顯記憶,硬朗的直角和線性特徵

▲ 11street電商產品,也通過將LOGO圖形符號,沿用到界面、圖標、運營頁、宣傳頁等場景中。

▲ KaKao page動漫產品,運用圖形符號打造記憶點,形成傳播口碑。

2#運用色彩打造DNA特徵

▲ 除了前面說的品牌圖形各場景的運用,那麼國外知名流媒體音樂軟體Spotify在打造產品特徵上,大量運用互補撞色在各個線上和線下場景,不斷強化用戶心智。

在首頁專輯封面處理上,他們獨特視角和處理手法以達到頁面統一,並與其他音樂產品形成獨特差異化。因此即使你不看LOGO就知道是他們家的產品。

3#大圓角/大字體/白色語言

▲ 不知道大家是否留意到蘋果DNA打造手法,是我覺得目前在設計領域做得比較好且也很統一的。大圓角特徵,從硬體外觀到產品商品包裝和界面內設計語言、空間設計等無一不透露著這一明顯特徵。

大字體也是apple設計語言其中一個獨特的個性特徵。當時發布後,很多產品跟隨這一設計手法。

那麼白色設計語言呢?蘋果幾乎所有門店內裝修風格、包括商品展臺、產品包裝盒、產品硬體、軟體設計等有著統一的白色記憶特徵。

白色象徵簡潔純淨。蘋果的設計理念就有著易用性,因此在各種場景裡面通過合理化去營造這種簡單好用的氛圍感,線下門店就一個很好的例子。

4#照片/空間/色彩調性

▲ MUJI產品設計理念很多方面值得我們去學習包括色彩、材料選取、形態、包裝等,都體現極簡主義美學設計風格特徵。就是這些獨特DNA特徵,在用戶心中樹立了牢固的品牌印象。

比如在色彩上,無印良品就充分考慮了人與環境之間的和諧關係。對於產品界面設計,我們同樣也需要考慮到這一點。可能大家沒注意到,特別車載場景設計中,考慮到環境對設計的影響是非常重要的一點。

需要遵循原則

在打造產品DNA記憶點時候,最重要的一點就是需要在各種場景中去強化,不斷重複運用。

從前面案例分析可以看出,不管是apple還是MUJI的設計,他們都是在全場景裡面去運用家族化DNA設計。品牌的核心是創造一個使DNA充實的人格(personality),因此打造一個產品個性,需要從統一形象開始。

同時還需要滿足克制的運用,如果運用不當或者用力過猛反而適得其反。比如在圖形的提取上就非常有講究。這裡可看看29cm的提取和運用思路。

寫在最後

打造產品視覺DNA方法多種多樣,我們不能只盯著UI領域那一畝三分地,應該多拓寬視野,看看在設計領域其他做得比較好的。

比如apple和MUJI在這方面做得具有代表性,MUJI的照片品牌選材和材質的克制應用靈感,都可以運用到界面設計中,spotify的專輯封面設計,就做出很好的榜樣。

可愛的你請把可愛的我設為「星標」。

領取前面兩本書中案例PSD源文件

相關焦點

  • 毒品的定義和特徵
    這是關於毒品的權威定義。 毒品具有三個特徵:成癮性、危害性、違法性。成癮性是毒品的本質特徵,危害性是毒品的社會特徵,違法性是毒品的法律特徵。正是因為毒品具有極強的成癮性,對吸食者個人及其家庭乃至社會帶來巨大危害,國家立法對其實行管制。
  • ui設計師工資一般多少 薪酬水平如何
    2019-06-14 00:02:49 來源: IT教育培訓學校 舉報   ui
  • 無創dna檢測的價格是多少?無創dna檢測應該怎麼做?
    無創dna檢測對於很多寶媽來說應該都很熟悉了,但是其中一個問題很是受寶媽們的關注,那就是其檢測的價格,那麼無創dna檢測的價格是多少?無創dna檢測應該怎麼做?下面裕力為大家講解一下這個備受寶媽們關注的問題。
  • 漢語拼音ui和iu,到底有什麼不同,如何區分呢?
    看起來與上節課學習的雙韻母ui,非常的相似。孩子們在學習iu的時候,很難將這兩個漢語拼音字母的讀音給區分開。所以說,區分ui和iu,就是這節課學習的重點和難點。也是家長輔導孩子的重點。那麼,漢語拼音ui和iu,到底有什麼不同呢?如何將他們徹底區分開呢?如何讓孩子做到,看一眼,就能準確地讀出來它的發音呢?
  • 如何把ai,ei,ui,輕鬆讀準,孩子兩分鐘搞定
    這節課,主要是跟大家一起學習,雙韻母ai(哀),ei(誒),ui(威)。那麼,到底什麼是雙韻母呢?雙韻母和單韻母,到底是什麼關係呢?如何才能把雙韻母輕鬆地讀準確呢?雙韻母,簡單理解,就是把兩個單韻母組合在一起,或者是把一個單韻母和一個聲母組合在一起,共同發一個音。這就是雙韻母。
  • "中國風dna"的餐廳品牌
    品牌的核心競爭力源於品牌DNA「精準內容營銷」就是一種產品,全力做產品,女神就會對您一見鍾情!▼廾穹是概念中國菜餐廳,這個餐廳有傳統內涵,但它不是百年老店,它的重點不是延續歷史而是要用另外的方式去帶動大家探索概念中餐的興趣,是要做新感官和新體驗,所以它又必須現代。
  • 新媒體具有哪些特徵?
    (一)新媒體具有便捷性的特徵 便捷性是新媒體最為顯著的一個特徵,在信息技術的支持之下,通過新媒體進行信息傳播,有效地打破了時間和空間的限制,
  • UI設計師必備的6個配色網站
    clorotate網站shou'y第一個配色網站就是color adobe大家直接搜索就行,這個網站的好處就是可以輸入顏色的rgb和hex格式,它可以讓你很快的找到自己喜歡的顏色和顏色的比值,有很多的不同濃度發顏色,都是可以很快速的找到,很流行的顏色搭配網站,可以讓你自動取出顏色的rgb值,ui
  • Auto.js教程(第14期)-UI界面的編寫
    在xml中是不能設置多行文本的,要在代碼中設置"ui";ui.layout( <vertical> <text>id="myText" lines="3"</text> </vertical>); ui.myText.setText("第一行\n
  • 做個人品牌營銷,如何擁有一套哲學思維模式?
    是不是應該直接就去做個人品牌產品營銷?要回答打造個人品牌去做什麼的問題,必須明白我們做個人品牌有什麼用?我們要回答做個人品牌有什麼用的問題之前,還得問一個問題,我們做個人品牌的目的是什麼?那如何才能成就自己呢?要成就自己靠誰?靠自己。是的,打造個人品牌就是靠自己成就自己,換言之就是做好自己,把自己做好了才能讓自己有成就,做什麼事都不如把自己做好。那如何才能做好自己呢,僅僅是自律嗎?
  • UI設計中色彩搭配使用技巧
    網站的配色方案可以為整體品牌做出貢獻提升產品的知名度。他們的發現表明顏色可以反映品牌的個性: 據說紅色反映了力量,激情和能量。它可以用於在設計或品牌中提醒用戶或吸引用戶的注意。AAA教育、在網易雲、可口可樂、肯德基和Adobe的網站上可以找到紅色。
  • APL:超精確DNA檢測
    據香港大公報報導,香港中文大學物理系黃家偉教授與河南大學特種功能材料實驗室杜祖亮教授課題組合作,在dna檢測研究方面取得了重要進展,相關的研究成果在國際著名期刊applied  physics  letters上發表。這一研究成果將來可能應用於生物檢測,造福人類。
  • 這個品牌的DNA具有巴黎與韓國的雙重氣質
    這將是33歲的鐘凱蒂獨立設計的第四個產品線,此外,她已經和品牌創始人於英美——她的母親,共同擔任設計總監兩年了。她顯然已經胸有成竹:產品準備已就緒,拍攝已開始,每天都可以按時下班。我對她工作室裡井井有條的氣氛讚賞有加,她說:「 我儘量不搞得一驚一乍的。」凱蒂不是生來就愛時尚設計,母親開始創業時她才2歲,當時創辦的是男裝品牌Solid Homme。
  • 什麼是設計——交互&UI
    設計定義設計,是一種有目標與計劃,同時結合技術的創作與創新活動;不只為生活和商業服務,同時也伴有人文性。根據設計師Victor Papanek的定義——設計是為構建有意義的秩序而有意識付出的努力。設計無論如何發展,但始終離不開商業、技術和用戶。二、網際網路產品設計1. 設計流程一般來說網際網路產品的實現主要分為5個階段,以職能劃分為:產品、交互、UI、開發、測試。
  • 6周可以做無創親子鑑定,6周無創dna親子鑑定
    核心提示:6周可以做無創親子鑑定,6周無創dna親子鑑定,醫生,請問一下孕期能不能做親子鑑定?做產前無創dna親子鑑定到底準不準?幾周做好?」孕媽咪王女士火急火燎的找到我們,諮詢孕期親子鑑定相關事宜。   6周可以做無創親子鑑定,6周無創dna親子鑑定,醫生,請問一下孕期能不能做親子鑑定?做產前無創dna親子鑑定到底準不準?幾周做好?」孕媽咪王女士火急火燎的找到我們,諮詢孕期親子鑑定相關事宜。
  • Semantic UI 1.0 發布,前端 UI 框架
    Styled accordions are now included as a variationui styled accordionList - List item selectors are now more strict, list items must be immediate children ofui listorui list list
  • 做無創dna需要空腹嗎多久出結果,雙胞胎做無創dna準嗎
    核心提示:做無創dna需要空腹嗎多久出結果,雙胞胎做無創dna準嗎?許多女性不能理解,普通隱私親子鑑定只需要2000元就可以做兩個人,而無創產前親子鑑定費用為什麼這麼高?產前鑑定的技術同樣檢測的是兩個人的dna   做無創dna需要空腹嗎多久出結果,雙胞胎做無創dna準嗎?許多女性不能理解,普通隱私親子鑑定只需要2000元就可以做兩個人,而無創產前親子鑑定費用為什麼這麼高?
  • TED演講 | DNA就像一部動態電影,我們的經歷正在被寫入其中
    定義這些老鼠的這種特徵的不是生母,而是照顧小鼠的母鼠。那麼,這是怎麼實現的?我是一個表觀遺傳學家。我的興趣是在胚胎期間,我們在母體子宮裡時,如何用化學記號標記基因,並決定哪個基因在哪個組織中表達。大腦中表達的基因與肝臟和眼睛中的不同。我們懷疑:有沒有可能媽媽通過自己的行為改寫她後代的基因編碼?
  • kuapingUI 1.6 版本發布,跨屏 UI-bootstrap 大組件 ui 框架
    kuapingUI 1.6 版本發布,主要增加了組件和優化了代碼,增加的組件有數字滾動組件、品牌客戶組件、倒計時組件、時間軸組件等
  • 如何判斷一個人是否具有養狗的「潛力」?看他有沒有這幾個特徵!
    有的人喜歡狗狗,但並不一定適合養狗哦,那麼我們應該如何判斷一個讓你是否具有養狗的「潛力」呢?其實很簡單,就看他有沒有以下的特徵就可以了,你有幾個呢?特徵一、真心愛狗「真心愛狗」是最基本的養狗的首要條件,只有發自內心愛狗狗,他們才能夠更好地去照顧好狗狗,和狗狗相處得更加開心舒服哦。