2020/11/20

マインドマッピングで色の調和を改善するためのクイックヒント

正しい色を選ぶのは難しいですが、今日のヒントでもう悩むことはありません。

色の理論、色の組み合わせ、役立つツールを理解することで、アーティストのようなマインドマップを作成する手助けになります。

XMind 2020では、マインドマップが整理され、シーンに合い、美しく見えるようにするためのクールな組み込みテンプレートをいくつか用意しています。自分自身のテンプレートを作成してみませんか?驚くほど素晴らしく、エレガントに作ることができます。何よりも、それがあなたに合うことが重要です。今日は、色のハーモニーを使って美しいマインドマップを作る方法について話します。

絵本を制作してストレスや不安を軽減するアーティストのSarahと一緒に、基本的な色の理論の原則から始めましょう。これらの原則を持って、色についての理解を深め、マインドマップを色でバランス良くすることができます。

カラーホイール

このカラーホイールを見たことがあるかもしれません。

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

これは1666年にアイザック・ニュートン卿によって開発され、それ以来ずっと使用されています。

ホイールには12のメインカラーがあります。一次色: 赤、青、黄を教わりました。

2つの一次色を組み合わせると、二次色: オレンジ、緑、紫が得られます。

一次色と二次色の間にあるものは三次色と呼ばれ、一次色と二次色を混ぜ合わせることで形成されます。たとえば、赤とオレンジを混ぜると、三次色の赤オレンジができるのです。以下のマインドマップでそれがどのように機能するかを確認できます。

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

色のクオリティ

さて、ホイールの色に注目しましょう。各色には4つの特性があります: 色相、彩度、明度、温度、それぞれの背後に意味があります。

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

Sarahの色のハーモニートリック

この4つの特性によって、色のさらなる可能性が分かります。しかし、どうやって色と遊んで調和のとれた色のシンフォニーを作るのでしょうか?

Sarahは、バランスの取れた色の組み合わせを無限に作成できる、使いやすい公式がいくつかあると教えてくれます。それらは色のハーモニーとして知られ、以下のマインドマップにまとめました。

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

動画で簡単におさらいできます。

XMind 2020での色

XMind 2020には組み込みテンプレートが用意されていますが、それだけでは十分ではありません。マインドマップの内容が第一に重要であり、色はアイデアをより良く、または想像力豊かに表現する助けとなります。

XMindの2つのクラシックな組み込みテンプレートを見て、それに関連する色の原則を見つけましょう。

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つの部分があります: 中央のトピック、メイン/サブトピック、背景、その他(リレーションシップ、サマリー、境界)

  • 中央のトピックはマインドマップのルートであり、注目の中心です(注意を引くこと)

  • 背景とトピックの色のコントラストが十分に強く、内容が読みやすく理解しやすいことを確認してください。

色のハーモニーを一緒にやってみましょう

ここでは、色のハーモニーの2つの方法を試してみます。それは簡単で楽しいです。もちろん、色の理論をマスターしていれば、あなたのマインドマッピングは素晴らしい作品になるでしょう。

単色のカラー

単色のカラーを使ってみましょう、これは初心者に親しみやすく、1つのベース色から始め、異なるシェード、トーン、またはティントで発展させます。

背景色から始めて、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色を追加してみましょう。カラーホイールで色を決めたら、カラーピッカーを使って即座にXMindに適用できます。

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

ブランチの色にはすべてを1つずつクリックする必要はなく、代わりにラインをクリックし、カラーパネルを開いて適用します。

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では、現在の色に対して「Dislike」または「Like」をクリックするだけです。5つの「Like」で、無数のデザイナーの知識を借りて、オリジナルのカラーパレットを徐々に構築できます。

カラーパレットのコレクション

マインドマップと色がつながっている方が良いでしょう。だからこそ、さまざまなトピックに触発されたカラーパレットが役立ちます。例えば、レシピのマインドマップを作成している場合、Sarahの美しい食べ物のカラーパレットは喜びを与えることができます。

正しい色を選ぶのが難しいですか?オンラインリソースと使いやすいツールの助けを借りて、コンテンツと外観の両方が美しいマインドマップを簡単に作成できます。

参考文献

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

もっと投稿