亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
設計總結丨品牌色推導過程
0.0°
一.前言


在面試的過程中,經(jīng)常會被問到,為什么選擇這個顏色做為品牌色?而大多數(shù)的回答都是:因為紅色代表熱情,綠色代表安全,藍色的代表科技。如果繼續(xù)深問,這么多紅色,綠色或者藍色,為什么偏偏選擇了這個顏色呢?這時候,往往就不知道如何去作答了。

2022年4月份的時候,我接到了一個新需求:重新定義一下品牌色及輔助色相關規(guī)范,在制作的過程中,我對色彩有了新的認識和系統(tǒng)的思考。

 

二.為什么改?


線下和線上的顏色不統(tǒng)一,顏色色差明顯,視覺感受混亂。具體效果如下:

為什么不直接使用線下的品牌色呢?是因為我們針對的群體是大學生,大學生是充滿陽光、熱情和活力的。線下的品牌色過于沉穩(wěn),不夠活潑。

為什么不讓線下去更改品牌色呢?首先是因為跨部門溝通協(xié)作的成本巨大;二是由于線下的品牌色已經(jīng)投入使用,更改起來,資金成本巨大。而線上的顏色飽和度和明度過高,長時間觀看,眼睛容易疲勞。

于是,在不改變線下顏色的情況下,需要將線上的顏色向線下靠近的同時,盡可能的體現(xiàn)出大學生的調(diào)性。

三.如何去改?


要想讓自己的產(chǎn)品更加貼近于自己的用戶,競品調(diào)研是免不了的。在做競品分析的過程中,我并沒有局限于縱向的產(chǎn)品的調(diào)研,也進行了橫向產(chǎn)品的調(diào)研。包括但不限于娛樂、醫(yī)療的、學習等。

通過百度指數(shù),找到了一系列年齡在18-24之間的用戶常用的以綠色為主題色的產(chǎn)品有:旅行青蛙、愛奇藝、QQ音樂、扇貝單詞、飛書、百度文庫、中國大學MOOC、滬江網(wǎng)校、醫(yī)鹿、豆瓣、咔咔、百度知道、微信等產(chǎn)品。

為了確定自己找到的產(chǎn)品的正確性以及頻繁使用率。通過游戲和讀書平臺,添加了一些大學生做為調(diào)研對象,有南方大學就讀的學生,也有北方大學就讀的學生,有本科也有???。通過溝通發(fā)現(xiàn),他們的學習軟件并不單一,都是老師用什么軟件他們就安裝什么軟件。而除了和學習相關的競品,出場率比較高的是愛奇藝、QQ音樂等。最終確定競品分析對象如下:微信,愛奇藝、QQ音樂、扇貝英語及中國慕課。

四.競品分析

通過吸取他們產(chǎn)品內(nèi)的主色調(diào)分析發(fā)現(xiàn),社交屬性飽和度取值范圍分別是94;娛樂屬性的飽和度取值為100;而學習屬性的飽和度為63;三種屬性的明度都在75—85之間。

而我們渴望傳達的是盎然生機的大學生活,對未來有無限美好憧憬的品牌色調(diào),所以,在飽和度上,選擇接近娛樂屬性多一些,介于85—100之間;在明度上,取值范圍67—85之間。

為什么分析HSB而不是RGB呢?

因為HSB模式,分別對應的是色相、飽和度和明度??梢酝昝赖墓潭ǖ侥骋粋€參數(shù),確定要色相之后,我們可以通過調(diào)整明度和飽和度就能合理的選到合適的顏色。

而RGB分別對應的是色相:紅、綠、藍,調(diào)整一個數(shù)值,其它的屬性都會跟著變動,牽一發(fā)而動全身,尤其是在做運營活動圖的時候,很難做到色彩統(tǒng)一,也就是為什么無論怎么調(diào)顏色都怪怪的原因。

五.品牌色推導

根據(jù)競品分析,確定好飽和度和明度的取值范圍;在360度色環(huán)中,15度夾角內(nèi)的顏色為同類色來確定色相取值范圍?;谄放普{(diào)性、易讀性,確定最終數(shù)值。

品牌色根據(jù)Ant design的建議,在第六位;確定好品牌色后,就要開始確定延展?jié)u變色。

延展?jié)u變色做了兩種方案:

1.根據(jù)Ant design的色板生成工具生成;

2.H色相不變。淺色系生成方式:S值S/5遞減、B值(100-B)/5遞增;深色系生成方式:S值(100-S)/5遞增,B值B/5遞減的方式生成。

通過兩種方式得出的延展?jié)u變色發(fā)現(xiàn),通過計算公式得出來的顏色,更加干凈清爽,更加符合大學生的單純,干凈美好的品質(zhì)。所以,最終決定,延展?jié)u變色使用計算公式得出來的色值。

六.輔助色推導


輔助色目前已經(jīng)有了一套可以直接使用的色板,無需重新推導。


七.小結


通過這次推導,讓我對色彩有了更深刻的印象。在其它工作上也有很大的幫助,比如以前在做運營圖的時候無論怎么做,都很不協(xié)調(diào),但是經(jīng)歷了這次系統(tǒng)的研究和學習,在關于顏色的部分場景使用上,工作效率大大的提高了。

Powered by Froala Editor

更新:2022-05-26

收藏

0人已收藏

  • 8

    作品

  • 3

    粉絲

  • 0

    關注

  • 2024設計作品集
  • 求職作品集
  • 【登錄注冊】學習筆記整理
  • 殷光宇《透視》一書讀書筆記三

    猜你喜歡

      設計總結丨品牌色推導過程

      0.0°

      你確定要舉報設計總結丨品牌色推導過程?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發(fā)布時間:2022年05月25日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      1
      0
      0

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄