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

6 評論 3768 瀏覽 2 收藏 8 分鐘

在原型設計中,配色也很重要,不僅僅是美觀與否的問題,更關乎產品的整體形象和用戶體驗。本文就如何調整原型配色來談一談,希望對你有所啟發。

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

我當時心里五味雜陳,既尷尬又失落。后來,我深刻反思了自己的配色方案,發現確實存在很多問題。

這次經歷讓我意識到,原型配色不僅僅是美觀與否的問題,更關乎產品的整體形象和用戶體驗。如果你也有類似的經歷,請看看我的復盤文章,希望我們都能從中吸取教訓,不斷提升自己的配色水平。

一、什么是色輪?

在被懟后,我查了很多色彩運用的資料,也看了幾本顏色運用的書,其中《寫給大家看的設計書》這本書里“色輪”這個知識點讓我印象深刻。

色輪,也被稱為色環,是一個圓盤工具,用于定義顏色及其相互之間的關系。它是由英國物理學家牛頓在研究光學彩虹現象時發明的。

色輪的中心軸裝有一個畫有360°刻度的圓盤,盤上均勻涂有彩虹的七色,即紅、橙、黃、綠、藍、靛、紫。當快速旋轉這個圓盤時,我們可以看到色彩相互混合的結果。

總的來說,色輪是一個用來研究、理解和應用顏色的重要工具,對于設計師、藝術家和科學家來說都具有很高的實用價值。

色輪的基礎是黃、紅和藍3種顏色。這些顏色稱為三原色,因為這是唯一無法創建的顏色。

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

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

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

知道了色輪這個工具后,我們在原型設計時就可以充分運用這個工具了。

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

1、深入了解目標用戶群體的色彩偏好

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

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

因此,我們需要根據目標用戶群體的特點,選擇符合他們喜好的配色方案,以確保產品能夠吸引他們的眼球。

2、學習色彩心理學

學習色彩心理學也是避免原型配色太丑的關鍵。色彩心理學是研究色彩對人心理影響的科學,了解不同色彩對人情緒的影響,有助于為產品設計選擇合適的色彩。

如,藍色通常給人一種安靜、沉穩的感覺,適合用于需要表達專業、可信的品牌形象;而橙色則給人一種溫暖、活力的感覺,適合用于需要表達活力、創新的品牌形象。

通過學習色彩心理學,我們可以更好地理解用戶對于顏色的心理反應,從而選擇出更加符合用戶需求的配色方案。

3、借助色輪進行色彩搭配

色輪是設計中常用的工具之一,通過色輪可以輕松地找到配色方案中的主色調、輔助色和互補色。在選擇配色方案時,可以參考色輪,確保配色協調統一,避免色彩沖突和不和諧的情況發生。同時,利用色彩搭配工具如 Adobe Color、Coolors等,可以更快速地找到適合的配色方案,提高設計效率。

4、不斷嘗試和調整

在設計過程中,我們需要不斷地嘗試不同的配色方案,通過用戶反饋和數據分析來優化配色方案。

有時候,我們可能會覺得某個配色方案很好看,但是用戶并不喜歡。

或者某個配色方案在初稿時看起來還不錯,但是在實際產品中卻顯得格格不入。

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

通過以上4個方法,我們可以有效避免原型配色太丑的情況發生,提升產品的視覺吸引力和用戶體驗。

寫在最后

在設計的世界里,色彩如同音樂的旋律,能夠深深觸動人心,傳達出豐富的情感。

色彩不僅僅是設計的裝飾,它是一種語言,一種溝通方式。

通過不斷學習和實踐,我們可以更好地利用色彩來表達設計的意圖,滿足用戶的需求,最終讓老板對我們的工作贊不絕口。

面對老板的配色質疑,不必緊張,只需靜心打開色輪,用色彩的語言訴說你的設計理念,感動你的老板。

本文由@產品躍遷 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 所以? 現在搞產品的要懂視覺,搞UI的要懂產品,是這樣嗎

    來自浙江 回復
  2. 更多的還是看產品本身的定位,結合產品定位保持最多2-3種相近的配色

    來自江蘇 回復
  3. 產品原型為啥還要考慮配色?不都是低保真,然后交由UI去配色嗎?

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

      來自北京 回復
  4. 前面說了色輪,后面的配色怎么用這個色輪沒有說啊

    來自北京 回復
    1. 看第2部分里面的第3點,但是確實沒說的太細,我后面找時間專門在寫一篇

      來自北京 回復