見比べる・理由を知る・一か所直す

デザインの基本を、
見比べる30記事。

最初の一枚から、文字・配色・資料・画面の見直しまで。
順番に学べる30記事と、理解を深めるテーマ別の10記事をそろえました。全部読み終えるのを待たず、今の一枚で気になるところから試せます。

まだテーマが決まらない人は、見比べ実験か、初心者が最初に見る5つの基本から始められます。

はじめ方・独学

学ぶ順番、道具の選び方、練習の始め方を決める。

  1. デザイン初心者は何から学ぶ?最初に見るべき5つの基本一枚の目的と、最初に直す場所を決める
  2. デザインのセンスは鍛えられる|見る目を育てる習慣好きという感想を、確かめられる観察に変える
  3. デザインの模写のやり方|まねて上達する手順見本の一か所を再現し、理由を説明する

余白・レイアウト

情報を分け、距離と並べ方で読む順番をつくる。

  1. 情報の優先順位の決め方|全部大事から1番を選ぶ同じ情報から、先に見せる一つを選ぶ
  2. 近接とグルーピングの使い方|距離で関係を伝える名前と説明を、距離で一組にする
  3. 中央揃えと左揃えはどっち|迷ったとき見る基準同じ案内文を、揃え方だけ変えて読む
  4. 余白はどれくらい取ればいい|量の決め方の考え方内側と外側の空きを分けて調整する
  5. 余白がもったいなくて埋めたくなる|空きを残す判断飾りを外しても伝わるかを比べる
  6. チラシが詰まって見えるのはなぜ|余白が消える3つの瞬間文字を縮める前に、内容の境目を作る

文字・フォント

書体、大きさ、行間を一つずつ見直す。

  1. 文字が読みにくいのはなぜ|原因を3群で切り分ける色・文字・行のどこで読みにくいか切り分ける
  2. フォントの選び方がわからない|3つの順番で絞る用途と実際の文字で書体候補を絞る
  3. 明朝体とゴシック体の使い分け|迷ったら見る1つの基準同じ文を明朝とゴシックで見比べる
  4. フォントが内容に合わない原因|書体の役割と使う範囲書体の印象を、伝えたい内容に合わせる
  5. フォントを使いすぎるとうるさく見えるのはなぜ|書体数の考え方同じ役割の文字を、一つの書体にそろえる
  6. タイトルを目立たせるやり方|大きくする以外の立て方タイトルの周囲を変えて、主役を残す
  7. 見出しの改行位置の決め方|意味を切らずに整える言葉のまとまりを保って改行する

色・配色

色の役割と、文字が読める組み合わせから考える。

  1. ベースカラーから決める配色の手順|3役の順番色を土台・主役・強調へ割り当てる
  2. デザインの色は何色まで?|3つの役割と増やす基準色数を増やす理由を、役割から決める
  3. 背景色と文字色の組み合わせ|読める色ペアの条件同じ背景と文字の組で、読める濃さを確かめる
  4. 配色がしっくりこない原因|鮮やかさ・面積・役割を見直す鮮やかな色を使う面積だけ変える
  5. 真っ黒な文字は避けるべき?純黒と濃いグレーの選び方純黒と濃いグレーを同じ文章で比べる
  6. メリハリのないデザインはなぜ|のっぺり見える原因一つの文字だけ大きくして、強弱を作る

バナー・チラシ・資料

作りたい一枚に合わせて、情報と見せ方を整える。

  1. バナーがまとまらない原因|端・文字量・色を見直すバナーの端をそろえ、読める変化を比べる
  2. パワポが伝わりにくい原因|要点と配置を見直すスライドの主張を一つ選び、本文と分ける
  3. A4チラシの構成と作り方|目的別3つの型と配置例チラシの情報を四つの役割へ配置する
  4. チラシの自作の作り方|手が止まらない5つの段取り目的・情報・下書きの順に一枚を作る
  5. 比較表の作り方|同じ条件で比べられる表に直す同じ単位と条件で比べられる表にする
  6. 棒グラフの見せ方|軸・単位・ラベルを整える軸と単位を残して、数字の違いを伝える
  7. 写真の上の文字が読みにくい|切り取り・半透明・帯を比較写真と文字を残す方法を三案で比べる

画面・使いやすさ

画面の幅、ボタン、読む順と操作を確かめる。

  1. ボタンが押せそうに見える仕組み|文言・見た目・反応の3条件押す前の文言と、押した後の反応を確かめる

知りたいテーマを、もう一歩。

四原則、色、言葉と写真、作り始めと修正。今つまずいている問いから、10記事を選べます。基本30記事を終えていなくても読めます。

並べ方を、理由から決めたい

色を変えるとき、どこを動かす?

言葉や写真の選び方で迷ったら

作り始めと、修正の相談に困ったら

道具・本選びなど、全50記事を探す

01

はじめ方・独学

何から学べばいい?

学ぶ順番、道具の選び方、練習の始め方を決める。

02

余白・レイアウト

詰まる、散らかる。どこを直す?

情報を分け、距離と並べ方で読む順番をつくる。

03

文字・フォント

文字を変えても、読みにくい?

書体、大きさ、行間を一つずつ見直す。

04

色・配色

色が決まらない、まとまらない。

色の役割と、文字が読める組み合わせから考える。

05

バナー・チラシ・資料

テンプレートを使っても、なんか変。

作りたい一枚に合わせて、情報と見せ方を整える。

06

画面・使いやすさ

スマホだと、見づらい。押しづらい。

画面の幅、ボタン、読む順と操作を確かめる。