又被老板瘋懟原型配色太丑了

7 評(píng)論 5554 瀏覽 3 收藏 8 分鐘

在原型設(shè)計(jì)中,配色也很重要,不僅僅是美觀與否的問題,更關(guān)乎產(chǎn)品的整體形象和用戶體驗(yàn)。本文就如何調(diào)整原型配色來談一談,希望對(duì)你有所啟發(fā)。

在工作中,我曾遭遇過一次被老板瘋懟原型配色太丑的經(jīng)歷。那時(shí),我投入了大量心血設(shè)計(jì)出一款產(chǎn)品的原型,本以為能得到老板的認(rèn)可,卻不料他只看了一眼就眉頭緊鎖,直言配色丑得無法直視。

我當(dāng)時(shí)心里五味雜陳,既尷尬又失落。后來,我深刻反思了自己的配色方案,發(fā)現(xiàn)確實(shí)存在很多問題。

這次經(jīng)歷讓我意識(shí)到,原型配色不僅僅是美觀與否的問題,更關(guān)乎產(chǎn)品的整體形象和用戶體驗(yàn)。如果你也有類似的經(jīng)歷,請(qǐng)看看我的復(fù)盤文章,希望我們都能從中吸取教訓(xùn),不斷提升自己的配色水平。

一、什么是色輪?

在被懟后,我查了很多色彩運(yùn)用的資料,也看了幾本顏色運(yùn)用的書,其中《寫給大家看的設(shè)計(jì)書》這本書里“色輪”這個(gè)知識(shí)點(diǎn)讓我印象深刻。

色輪,也被稱為色環(huán),是一個(gè)圓盤工具,用于定義顏色及其相互之間的關(guān)系。它是由英國(guó)物理學(xué)家牛頓在研究光學(xué)彩虹現(xiàn)象時(shí)發(fā)明的。

色輪的中心軸裝有一個(gè)畫有360°刻度的圓盤,盤上均勻涂有彩虹的七色,即紅、橙、黃、綠、藍(lán)、靛、紫。當(dāng)快速旋轉(zhuǎn)這個(gè)圓盤時(shí),我們可以看到色彩相互混合的結(jié)果。

總的來說,色輪是一個(gè)用來研究、理解和應(yīng)用顏色的重要工具,對(duì)于設(shè)計(jì)師、藝術(shù)家和科學(xué)家來說都具有很高的實(shí)用價(jià)值。

色輪的基礎(chǔ)是黃、紅和藍(lán)3種顏色。這些顏色稱為三原色,因?yàn)檫@是唯一無法創(chuàng)建的顏色。

如果有一盒水彩,你知道可以混合藍(lán)色和黃色來得到綠色,但是沒有辦法通過混合其他顏色來得到純黃、純紅或純藍(lán)色。

如果拿出水彩盒,分別將色輪上相鄰的顏色等量地混合,就會(huì)得到三間色。

要把色輪中的空白填滿,只需將空白兩邊的顏色按等量混合。得到的這些顏色稱為第三色。如黃色加橙色可以得到所謂的橙黃色。藍(lán)色和綠色可以混合成藍(lán)綠色(俗稱水綠色)。現(xiàn)在用第三色填滿所有空白,這就構(gòu)成了色輪。

知道了色輪這個(gè)工具后,我們?cè)谠驮O(shè)計(jì)時(shí)就可以充分運(yùn)用這個(gè)工具了。

二、如何避免原型配色太丑

1、深入了解目標(biāo)用戶群體的色彩偏好

一定要選擇符合用戶喜好的配色方案。在進(jìn)行產(chǎn)品設(shè)計(jì)之前,對(duì)市場(chǎng)進(jìn)行充分的調(diào)研。這不僅意味著了解用戶的基本信息和需求,更重要的是了解他們對(duì)于顏色的喜好和敏感度。

不同的用戶群體可能對(duì)顏色有不同的偏好,比如年輕人可能更喜歡鮮艷、活潑的色彩,而中老年人可能更傾向于穩(wěn)重、低調(diào)的色調(diào)。

因此,我們需要根據(jù)目標(biāo)用戶群體的特點(diǎn),選擇符合他們喜好的配色方案,以確保產(chǎn)品能夠吸引他們的眼球。

2、學(xué)習(xí)色彩心理學(xué)

學(xué)習(xí)色彩心理學(xué)也是避免原型配色太丑的關(guān)鍵。色彩心理學(xué)是研究色彩對(duì)人心理影響的科學(xué),了解不同色彩對(duì)人情緒的影響,有助于為產(chǎn)品設(shè)計(jì)選擇合適的色彩。

如,藍(lán)色通常給人一種安靜、沉穩(wěn)的感覺,適合用于需要表達(dá)專業(yè)、可信的品牌形象;而橙色則給人一種溫暖、活力的感覺,適合用于需要表達(dá)活力、創(chuàng)新的品牌形象。

通過學(xué)習(xí)色彩心理學(xué),我們可以更好地理解用戶對(duì)于顏色的心理反應(yīng),從而選擇出更加符合用戶需求的配色方案。

3、借助色輪進(jìn)行色彩搭配

色輪是設(shè)計(jì)中常用的工具之一,通過色輪可以輕松地找到配色方案中的主色調(diào)、輔助色和互補(bǔ)色。在選擇配色方案時(shí),可以參考色輪,確保配色協(xié)調(diào)統(tǒng)一,避免色彩沖突和不和諧的情況發(fā)生。同時(shí),利用色彩搭配工具如 Adobe Color、Coolors等,可以更快速地找到適合的配色方案,提高設(shè)計(jì)效率。

4、不斷嘗試和調(diào)整

在設(shè)計(jì)過程中,我們需要不斷地嘗試不同的配色方案,通過用戶反饋和數(shù)據(jù)分析來優(yōu)化配色方案。

有時(shí)候,我們可能會(huì)覺得某個(gè)配色方案很好看,但是用戶并不喜歡。

或者某個(gè)配色方案在初稿時(shí)看起來還不錯(cuò),但是在實(shí)際產(chǎn)品中卻顯得格格不入。

因此,我們需要根據(jù)用戶的反饋和數(shù)據(jù)分析來調(diào)整配色方案,使其更加符合用戶的需求和喜好。

通過以上4個(gè)方法,我們可以有效避免原型配色太丑的情況發(fā)生,提升產(chǎn)品的視覺吸引力和用戶體驗(yàn)。

寫在最后

在設(shè)計(jì)的世界里,色彩如同音樂的旋律,能夠深深觸動(dòng)人心,傳達(dá)出豐富的情感。

色彩不僅僅是設(shè)計(jì)的裝飾,它是一種語言,一種溝通方式。

通過不斷學(xué)習(xí)和實(shí)踐,我們可以更好地利用色彩來表達(dá)設(shè)計(jì)的意圖,滿足用戶的需求,最終讓老板對(duì)我們的工作贊不絕口。

面對(duì)老板的配色質(zhì)疑,不必緊張,只需靜心打開色輪,用色彩的語言訴說你的設(shè)計(jì)理念,感動(dòng)你的老板。

本文由@產(chǎn)品躍遷 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我配上色了被打回來,說顏色是ui的活,別讓設(shè)計(jì)對(duì)你的顏色先入為主

    來自上海 回復(fù)
  2. 所以? 現(xiàn)在搞產(chǎn)品的要懂視覺,搞UI的要懂產(chǎn)品,是這樣嗎

    來自浙江 回復(fù)
  3. 更多的還是看產(chǎn)品本身的定位,結(jié)合產(chǎn)品定位保持最多2-3種相近的配色

    來自江蘇 回復(fù)
  4. 產(chǎn)品原型為啥還要考慮配色?不都是低保真,然后交由UI去配色嗎?

    來自陜西 回復(fù)
    1. 哈哈哈哈,不是每家公司都要求低保真,有的公司要求高保真哇

      來自北京 回復(fù)
  5. 前面說了色輪,后面的配色怎么用這個(gè)色輪沒有說啊

    來自北京 回復(fù)
    1. 看第2部分里面的第3點(diǎn),但是確實(shí)沒說的太細(xì),我后面找時(shí)間專門在寫一篇

      來自北京 回復(fù)
专题
17481人已学习12篇文章
本专题的文章分享了竞品分析的案例。
专题
12757人已学习13篇文章
在产品的不同生命周期,需要有对应的产品战略以应对市场。本专题的文章分享了如何做好产品战略规划。
专题
12219人已学习13篇文章
本专题的文章分享了产品升级迭代应该怎么做,以及其中遇到的问题和思考。
专题
20015人已学习16篇文章
一个清晰的入口引导能够让用户提高点击的欲望,从而实现操作全流程。本专题的文章提供了有效的页面引导设计指南。
专题
15583人已学习12篇文章
运费是电商的基础功能模块之一,承担着商品运费计算的作用。本专题的文章分享了如何设计运费规则。
专题
20481人已学习15篇文章
AARRR模型是一个经典的增长漏斗模型。本专题的文章针对AARRR模型进行拆解解读。