2020年11月20日

提升心智圖色彩和諧的快速提示

Anne

選擇正確的顏色可能很困難,但有了今天的建議就不再如此。

理解色彩理論,了解顏色如何搭配,以及有用的工具,幫助您像藝術家一樣創建心智圖。

在XMind 2020中,我們擁有一些很酷的內建模板,這些模板能幫助心智圖看起來更有條理、適合場景併且美觀。為何不創建自己的模板呢?它可以令人驚豔又優雅。最重要的是,它符合您的需求。今天,我們將討論如何使用色彩和諧製作美麗的心智圖。

讓我們從基本的色彩理論原則開始,與Sarah一起,她是一位創作減壓與焦慮著色書的藝術家。有了這些原則,您可以更好地理解色彩,並用顏色平衡您的心智圖。

色輪

您可能以前見過這個色輪。

Color wheel featuring twelve segments in various colors, including red, orange, yellow, green, blue, and purple.

它由Sir Issac Newton於1666年開發,並一直沿用至今。

色輪上有12種主要顏色。我們被教導過原色:紅、藍、黃

結合兩種原色,我們得到次色:橙、綠和紫

那些介於原色和次色之間的顏色稱為三次色,這些顏色是通過將原色和次色混合形成的。例如,紅橙色就是由紅色(原色)和橙色(次色)混合而成的三次色。您可以在下面的心智圖中找到它的運作方式。

Color wheel diagram illustrating primary, secondary, and tertiary colors with examples and mixing instructions.

色彩品質

現在,讓我們聚焦於色輪上的顏色。每種顏色有四種品質:色調、飽和度、明度、溫度,您可以發現它們背後的意義。

Mind map illustrating the four qualities of color: hue, saturation, value, and temperature, with visuals for each aspect.

Sarah的色彩和諧技巧

這四種品質讓我們更了解色彩的可能性。但我們如何玩轉顏色,以創造和諧的色彩交響曲?

Sarah告訴我們,的確有一些簡單易用的配色公式,我們可以用來創造看起來平衡的無盡色彩組合。它們被稱為色彩和諧,我們已在下面的心智圖中收集了它們。

Mind map illustrating different color harmonies: analogous, monochromatic, tetradic, complementary, and triadic colors with descriptions.

您可以觀看視頻快速回顧。

XMind 2020中的顏色

XMind 2020 提供內建範本,但這些還不夠用。心智圖的內容才是第一位,而顏色有助於更好地展示您的想法或以更具創意的方式呈現。

讓我們來看看XMind中的兩個經典內建範本,並找出背後的色彩原則。

Mind map illustrating a central topic with five main topics and a boundary label.Mind map showing a central topic with five main topics, a summary section, and boundaries.
  • 在心智圖上使用3到4種顏色

  • 有4個部分需要填充顏色:中央主題、主題/副主題、背景和其他部分(關係、總結和邊界)

  • 中央主題是心智圖的根基,它是聚光燈下的焦點(吸引注意力)

  • 確保背景和主題的色彩對比足夠強烈,以便內容易於閱讀和理解。

讓我們一起製作色彩和諧

在這裡,我們將嘗試兩種色彩和諧的方式,這很簡單也很有趣。當然,如果您已經掌握了色彩理論,您的心智圖創建將是傑作。

單色

讓我們嘗試一下單色,這對初學者很友好,因為它從一種基色開始,並以不同的深淺、色調或色澤進行開發。

從背景色開始,並在XMind中以不同方式更改它。

HSB 滑桿

對於初學者來說,很容易 :) 拖動調整色相、飽和度和亮度,並為心智圖的其餘部分開發顏色。

Color picker interface showing HSB sliders for hue, saturation, and brightness adjustments.

RGB 滑桿

RGB滑桿讓您可以調整不同顏色的比例,並混合出您想要的顏色。

Color picker interface displaying RGB sliders for Red, Green, and Blue with hex code 24716C.

對於新手和菜鳥來說還有更多發現,只需單擊XMind中的調色板,然後選擇您喜歡的方式。

相似色

讓我們加上2-4種顏色。如果您已經在色輪上確定顏色,您可以使用色彩選擇器立即應用它。

Mind map layout with a central yellow topic connecting to six main topics labeled 1 to 6.

點擊主題,打開顏色面板。然後點擊調色板圖標,再點擊顏色選擇器。這就是它的樣子:

Mind map with a central topic surrounded by six main topics, along with a color palette labeled

對於分支顏色,無需一一點擊,而是點擊線條,然後打開顏色面板來應用它們。

Mind map interface showing a central topic with connected main topics and a sidebar for theme and layout options.

現有的色彩調色板選項

如果您有選擇困難,您可以使用已經存在的色彩調色板,並直接將它們組合起來。

Color Hunt

Grid of color palettes with varying styles and color combinations, each showing like counts and timestamps.

Color Hunt收集用戶創建的色彩調色板。這些色彩調色板被來自不同行業的設計師、藝術家、插畫家等使用。這些調色板是一種公共財產,任何人都可以保存他們喜歡的調色板、複製顏色代碼,並分發他們自己的色彩調色板。

Palettable

Two color blocks with hex codes #1C5A61 (teal) and #E3D027 (yellow) and options to like or dislike the palette.

在Palettable中,您所需要做的就是為當前顏色點擊不喜歡或喜歡。有了5個喜愛,您可以逐漸建立自己的色彩調色板,這要感謝數百萬設計師的知識。

色彩調色板集

25 color palettes inspired by food, featuring vibrant images of dishes and corresponding color swatches.

讓色彩與心智圖連結更加緊密會更好。這就是為什麼不同主題的色彩調色板會有幫助。例如,如果您正在製作配方心智圖,Sarah的美食色彩調色板會是一種享受。

選擇正確的顏色很難嗎?借助在線資源和簡單易用的工具,您可以毫不費力地創建美麗的心智圖,不論是內容還是外觀。

參考資料

https://sarahrenaeclark.com/color-theory-basics/

更多文章