Canva - すべての人のためのグラフィックデザイン？

読書時間 10 議事録

更新日 - 2025年6月1日

オンラインツール カンヴァ は2012年、オーストラリアのシドニーで発足した。「世界にデザインへのエンパワーメントを」というミッションのもと、グラフィックデザインをすべての人に可能にしていく。

メラニー・パーキンス, クリフ・オブレヒト そして キャメロン・アダムス "可能な限り良いことをすることで、世界にポジティブな影響を与える "という目標を主に追求している。
彼らはまた、"レベル2「非営利組織の強化」、「人間の基本的ニーズの確保」、「質の高い教育の実現」、「地域社会の支援」という4つの柱を表している。

価格

ツールの基本機能は無料で利用できる。しかし、本当に初歩的なグラフィックデザイン以上のことをしたいのであれば、これらはその範囲が非常に限られている。

有料のProバージョンは、完全な（そして非常に広範な）機能を提供します。Teamsバージョンでは、少なくとも3人のユーザーがライセンスを使用できます。これは、1ユーザーあたり100米ドルの年間サブスクリプションで利用可能です。月々約8ユーロで、これは企業理念に沿った非常に公平なオファーです。

サービス範囲 - 対象グループ

サービスの幅は目を見張るものがある。実現できないものはほとんどありません。フォント、フォントの種類、フォントサイズ、フォントの色、グラフィック要素、写真、ビデオ、AI、背景デザイン、写真の背景の除去さえも、もちろん同じことの複雑さにもよりますが、ほとんどの場合、ワンクリックできちんと解決します。

すべての可能性を列挙すれば、おそらく数ページが埋まってしまうだろう。もちろん無料だ。

グラフィックデザイナーであれば、プロフェッショナルなプログラムにこだわるだろう。しかし、そのようなプログラムの使用経験は不可欠であり、グラフィックデザインを学んだことがなく、そのため実践的な経験を積むことができなかった場合、それに応じて学習曲線も険しくなります。

そのため、ターゲットとなるのは、提供されているツールを使って、時折、個人的に使用するのに十分なグラフィックを作成できる、主にプロフェッショナルではない人々である。しかし、グラフィックデザイナーを雇う余裕がなく、外注したくない中小企業もターゲット・グループである。

申し込み

提供される工具の使い方を、電気技師や自動車整備士の大きな工具箱と比較してみたい。

したがって、素人は特定の作業を行うために必要な工具をすべて持っている。しかし、ドライバー、ペンチ、ワイヤーストリッパー、測定器、ナットセット、ラチェット、スパナ、リングスパナなど、すべてをどうすればいいのだろうか？
やや複雑な技術的問題を、専門的な知識なしに、ツールだけで本当に解決できるのだろうか？

Canvaでは、この目的のために様々なトピックをカバーするビデオチュートリアルを提供しています。これらは、ツールの使い方の第一印象を得たり、独自のデザインを作成したりするのに適しています。

基本

スペースの活用、要素のバランス、構造化、質感、形、線、色、タイポグラフィ、テクスチャ、ブランディングなどの基本は、残念ながらユーザーの自由な想像力に委ねられている。

しかし、魅力的でバランスの取れた意味のあるデザインで、的を射た効果的な方法でそのインパクトを伝えることができるのは、まさにこうした側面が決定的なのである。

本稿は、このギャップを埋めることを目的としている。

すべての始まり ...

... は難しい。やる気、必要性、コミットメントが成否を決める。古くからの格言『百害あって一利なし』がここでも当てはまる。だから、やろうと思えばできる！

それではステップ・バイ・ステップで、前述した各トピックを検証し、望ましいデザインで成功を収めるための背景を学んでいこう！

ステップ・バイ・ステップ

客室利用率

美しく、広く、明るい部屋があり、既存のオブジェクトで家具やデザインができるとしよう。既存のオブジェクトは、Canvaの定義済みのデザイン要素と比較することができます。

部屋の一角に家具やカーペット、絵などをすべて積み重ねないのと同じように、グラフィック要素も重ねない。

その結果、スペースは人々を誘うエリア、長居を促すエリア、純粋に情報を提供するエリアに分けられる。

また、部屋を覆うグリッドを想像し、さまざまなオブジェクトの配置を構造化することもできる。それは秩序を作り出し、見る人の手を引いて、内容を案内するのに役立つ。まず重要なことに気づき、次に説明を読み、イベントの日時や場所、ズーム会議など、その真髄をつかむことができる。

デザインをざっと見ただけでも、見る人は、それが何についてのものなのか（キーワードと簡単な説明）、どこで、いつ行われるのか、という3つの必須コンテンツを一通り記憶できるはずだ。

バランス

部屋の中央にコーヒーテーブルを置き、その真正面にソファと2脚のアームチェア、テーブルの中央にフロアランプを置く。ソファに座りたい場合は、まずソファをテーブルから引いて必要なスペースを確保します。ソファに座りたい人は、まずソファをテーブルから引いて、必要なスペースを確保しなければならない。また、フロアランプは向かい側に座っている人の目にはすぐにまぶしく映るので、テーブルから離して配置する。

デザインについても同様で、個々のテキストやグラフィック要素が互いの呼吸を奪うことなく、バランスの取れた距離感で魅力的で読みやすい外観になるよう、常に注意して配置する。

これは線のようなグラフィック要素がなくても実現できる。なぜなら、すべて同じインデントを持つテキストセクションも、この想像上の線に揃えられるからだ。これは、いわばデザインを2つに分けるものだ。もう一方の空白の半分には、グラフィック要素やより大きなテキストを配置し、見る人の視線を視覚的に誘導することができる。

2つのテキストコンテンツ間のセパレーターとしてグラフィック要素を使用する場合、この要素の左右にある2つのテキストセクション間の距離を同じにすることで、呼吸するのに十分なスペースが確保され、必要なバランスが保たれます。

モミの木が山並みの手前のちょうど中央に配置されていると、見る者に「何となく」不快な視聴体験を与える可能性が高い。もしモミの木が右下3分の2の位置にあり、水平線が境界線に沿って最後の水平3分の1の位置にあり、山脈が下3分の1の位置にあり、空が上3分の1の位置を埋めているとしたら、見る者の目は画面の広大さ（山脈と空）を感じ、対極として右のモミの木が前景にあると感じるだろう。
帆船のような動く物体では、位置によって進行方向がわかる：そのため、左から右へ移動する船は中央に描かれることはなく、到着を強調したい場合は、左から絵の中へ、または右から絵の外へ移動することになる。

ロゴデザインでは、奇数の要素が見たときにバランスの取れた印象を与えるという事実が役立つ。これは通常3つで、まれに5つになることもある。丸い印章のようなロゴは、ロゴそのものが中央にあるか、1つか2つの文字が、場合によっては絡み合っていて、テキストは上下に円形に配置されています。
バランスの取れたレタリングは、ロゴの左右に配置して視覚的なバランスを作ることもできる。

また、いわゆる ネガティブ・スペース (空白のスペース）は、構造化、つまり、デザインを誘導された方法で見ることを不可能にする「乱雑さ」、すなわちバラストの除去に使われる。少ないことは多い！
ホワイトスペースは、明示的に追加されていない唯一の要素である。ただそこにあるだけで、何もしない。そうだろうか？それは、要素を互いに分離し、それらが互いに別々に知覚されることを示す。

インタラクティブなデザイン、例えばフォームのデザインでは、フィールド名（例えば名前、電話番号）とそれぞれのフィールドの近さはすぐに認識されるべきである。フィールド名が、フィールドの下端から次のフィールド名までの距離と同じ距離に設定されていた場合、フィールド名がすぐに続き、次のフィールド名（関連するフィールドを含む）が明確な距離に設定されていた場合よりも、表示時間ははるかに長くなる。

数メートルもある用紙に記入しなければならない場合、通常は半分も記入しないうちにやめてしまうだろう。
グループ分けは、より早い進捗を示唆し、結果としてフォームの完成と提出を成功させる。

論理的に定義されたコンテンツを素早く選択できるドロップダウンメニューも、プロセスを簡素化するのに役立つ。

構造化

注目を集めるには、優れた構造化が必要だ。グーグルのホームページが良い例だ。ユーザーは グーグル コール？検索。そのために何が必要なのか？検索フィールド。何が見つかった？彼の検索フィールドは グーグルその魅力を高めるため、常にデザインを変えている。

のエントリーページが反例である。 ヤフーこれは、結局のところ、ページの最初の位置に検索フィールドを表示するが、残りの95%かそこらの他のコンテンツで閲覧者を圧倒するか、少なくとも訪問の実際の目的から注意をそらす。

人間の記憶は、過負荷を避け、重要なことに集中できるようにするために、重要でないことを遮断する。とはいえ、このフェードアウトも脳の機能であるため、肝心なことに集中する残存能力を低下させる。

短期記憶は、平均して7つの要素まで記憶することができる。そのため、例えばプレゼンテーションの内容を短期記憶に残しておきたいのであれば、1ページでこの7つ以上の項目を提示してはならない。
また、3＋4、2＋5、あるいはその逆など、適切な構成にすることで、一緒になっている点を強調することもできる。

ストラクチャーを作るには、まず以下の点を考慮した心象スケッチを作るのが有効だ：

• 最も重要な情報は何か（最も大きな要素、または中央に配置された太字 - すべてが太字で印刷されている場合、強調された太字が意味を失うため、選択的である）。
• 対称または非対称の配置（各要素に重みがある）
• 色の選択（製品が肯定的に評価されるか否定的に評価されるかの判断のうち、90%が色だけで90秒以内に下される。）
• コントラスト（空間、奥行きを作り出す）
• ホワイトスペース（要素の分離）
• プロポーション（各要素の視覚的な大きさと重さの比率）
• ムーブメント（視覚的で一貫性のあるコンテンツへの誘導。視聴中にどこかでつまずいたら、デザインを修正しなければならない）

実際には、次のステップはテキストコンテンツを紙に書き出すことだ。続いて商品画像を配置する。これで要素を配置することができる。

色彩理論

なぜ色彩理論を扱う必要があるのか？さて、一方では、色はデザイン内容の評価において重要な役割を果たすが、他方では、色はそれ自体を見事に偽装することができる。モニター上やソーシャルメディア上と印刷物では全く違って見えるという意味での偽装だ。

というのも、印刷ではCMYKカラーシステム（減法法：色を足すことで紙から「光」を奪う）が主流だが、デジタル複製の世界ではRGBシステム（加法法：すべての色を合わせると白になる）が主流だからだ。
印刷物では豊かだったCMYKの赤が、ソーシャルメディアでは淡い赤にしか見えない。RGBに変換してソーシャルメディアで共有すれば、意図した赤色が再び見えるようになる、

色数は基本的に12色で、私たちが美術の授業で憧れ、最高の芸術作品を生み出したクレヨンと同じだ。

アイザック・ニュートン卿 1704年、3原色（赤、黄、青）、3つの2次色（1次色から生じる混合色）、6つの3次色（1次色と2次色を混合して生じる）で構成される最初のカラーホイールをデザイン。

暖色として知覚される色はカラーホイールの左半分を形成し、寒色として知覚される色は右半分を形成する。温度」知覚は、物理的な色温度 (K = ケルビン).

シェードは色調に強弱をつけて黒を加え、ティントは白を加える。一方、ワントーンは黒と白を補うもので、すなわちグレーである。

補色とは、Fabサークルで互いに反対側にある色のこと。

類似色はカラーホイールの中で隣り合っている（赤、オレンジ、黄）。1つの色が支配し（リードし）、もう1つの色がそれをサポートし、3つ目の色がアクセントとなる。

色の連想

• ブルー
  - ポジティブ：一貫性、能力、強さ、品質、生産性、落ち着き、安心、信頼、知恵、信頼性
  - ネガティブ：食欲を抑える（食事に適さない）
• ブラウン
  - ポジティブ：男らしさ、自然体、回復力、信頼性
  - 否定的: コール・トゥ・アクションには不向き
• イエロー
  - ポジティブ：喜び、親しみやすさ、幸福感、若さ、能力
  - 否定的： 詐欺、臆病、質の低さ
• グレー
  - 肯定的： 個性の強さ、フォーマルさ、実用性、プロ意識、時代を超越したもの
  - 否定的： 距離、寒さ、退屈
• グリーン
  - ポジティブ：リフレッシュ、回復、健康、希望、自然、成長、繁栄
  - 否定的: 妬み
• オレンジ
  - ポジティブ：エネルギー、幸福感、楽観主義
  - 否定的：注意を促す
• ピンク
  - ポジティブ：親切、優しさ、女性らしさ
  - 否定的： -
• レッド
  - ポジティブ：情熱、愛、強さ
  - 否定的： 火、危険、暴力、戦争、怒り
• ブラック
  - ポジティブ：権威、邪悪、優雅、贅沢、権力
  - 否定的： 脅威、謎、反抗、死、悲しみ
• バイオレット
  - ポジティブ：権威、権力、創造性、洗練、尊敬、精神性、知恵、繁栄
  - ネガティブ：悲しみ、飄々（暗いトーン）
• ホワイト
  - ポジティブ：平和、純粋、無邪気
  - ネガティブだ：
  

カラーデザインは、これに従って始めることができる。色付きの背景にテキストを使う場合は、背景とテキストのコントラストを十分にして、スムーズに読めるようにしなければならない。
悪い選択は、濃紺の背景に黒の文字、あるいはオレンジの背景に黄色の文字だ。
写真の上にテキストを配置する場合、暗い部分には白いテキストを、明るい部分には黒いテキストを配置する必要があるかもしれません。

タイポグラフィ

成功するデザインのゴールにたどり着いたと思ったら、次のハードルでつまずく。 タイポグラフィとは何か？

タイポグラフィは、フォントの選択からレイアウトまで、すべてに影響する。タイポグラフィは、核となるメッセージを伝えるだけでなく、あなたのセルフイメージや目的をも伝える役割を果たす。これを成功させるためには、タイポグラフィを正しく理解することが重要である。

外国語を学ぶ際に語彙が基本的に重要であるように、タイポグラフィにも語彙が必要である：

• フォントファミリー
  フォントファミリーは、共通の形式的特徴を持つ、幅、ウェイト、太さの異なる関連フォントを含む。
• フォント
  フォントとは、グリフ（文字、数字、句読点、記号）の集合のことで、それぞれのフォントに典型的な方法でデザインされている。 ヘルベチカ, タイムズ・ニュー・ローマン.
  デジタルの世界では、フォントは次のように呼ばれる。 フォント というラベルが貼られている。
• 文字サイズ
  フォントの太さは、文字を構成するストロークの太さを表し、次の式で表される。 ライト, 通常, 大胆 または 余分な脂肪 というラベルが貼られている。
• 文字サイズ
  フォントのサイズは ポイント (白金。フォントサイズ6ptは高さ2.1mm、典型的な「小さな文字」）。
• フォントスタイル
  フォントスタイルは、Sans Serif（例：Helvetica）、Serif(タイムズ・ニュー・ローマン)またはスクリプト(例えば ルシダ筆跡)、または装飾的なレタリング(例えば    アムステルダム).

さまざまな「美しい」フォントがあるため、すぐにデザインに取り入れたくなるだろうが、それはやめてほしい！

視聴者にもフォントの好みがある。不人気だったり使い古されていたりするものもあれば、判読できないものもある。フォントの選択は慎重に行うべきである。見出しに1つ、本文にもう1つ。せいぜい3つめのフォントをサブタイトルに使うくらいで、それ以上は使わない！

明確な階層構造は、読者を望ましい読書経路に誘導し、意図した情報をすべて、簡単に、記憶に残るように伝える。

スペースが限られている場合、内容全体を収めるために「小さな文字」まで小さいフォントを選ぶだけだ。違う！少なくとも、読者が内容を十分に理解し、理解しようとするならば。誰も虫眼鏡で文章を精査しようとはしない。
つまり、文章を短くし、必要なことだけに絞り、必要であればフォントを変えることで、一方ではメッセージを十分に伝え、他方では読む喜びを維持する。

テキストの配置

テキストを配置するには4つの方法があります：中央揃え、左揃え、右揃え、両端揃え。

これらの文章は左揃えのフラッシュタイプで書かれている。

ジャスティフィケーションとは、各行の単語を強制的に左右に揃えることである。これは不自然な単語間隔を生み、読むことを難しくする。目は規則的な単語間隔を期待することに慣れているため、これが期待通りでないと苛立ちを感じる。

失敗 - 売春婦とコブクロ

また何ですか？いいえ、これは単なる組版ミスを表す表現です。

娼婦の子供とは、次のページの一番上にある段落の、同じように区切られた文の続きである。

このような星座は読書の流れを乱し、美しくないので避けるべきだと考えられている。

背景デザイン

背景はデザインのすべての要素、画像、見出し、テキストコンテンツを運びます。そのため、テキストを読みにくくしたり、前面に押し出したりしないよう、控えめにする必要がある。

適切な配置、例えば、見出しは違っても繰り返し表示されるようにすれば、背景を整理することもできる。
各ページに同じ商品が、異なる色で表示されているとします。すると、それぞれの商品の色が見出しの背景として機能する。つまり、説明されている商品への言及は、色だけですでに与えられているのです。

つまり、背景は白い空白を抑えるために悪用されるものではなく、階層や秩序、情報を提供できる要素なのだ。