TECHNIQUE 01
色調補正 (トーン整理)
明度・彩度・トーンカーブを調整し、写真の第一印象を狙った世界観に整えます。料理は暖色寄りでシズル感を、化粧品は青み寄りで清潔感を。
プロの小技: 全体に -5 〜 +5 の微調整 + シャドウだけ持ち上げると、安っぽくならずに「キレイな写真」になる
DESIGN TIPS & TECHNIQUES
デザインの小技・大技 24 選
デザインの小技・大技 24 選
プロが使う印刷物デザインのテクニック
デザインのクオリティは「センスの良し悪し」だけでは決まりません。プロのデザイナーが日常的に使う小さなテクニック (小技) と大きな効果 (大技) の積み重ねが、同じレイアウト・同じ色使いでも仕上がりを大きく変えます。このページではアイリィデザインのデザイナーがデザイン依頼でよく使う 24 種類のテクニックを 6 カテゴリに分けてご紹介します。
写真加工
テキスト加工
背景装飾
レイアウト
配色
タイポグラフィ
CATEGORY 1 / 写真加工
写真加工で印象を変える 4 つの技術
同じ写真でも、補正やフィルター、合成テクニックを加えると印刷物の世界観が一気に変わります。プロは「素材として使える写真」を「世界観に合った写真」へと加工します。
TECHNIQUE 02
フィルター効果 (トーン統一)
フィルム調・モノクロ・セピア・グラデーションマップなどのフィルターで、複数の写真のトーンを統一。撮影時期や光量がバラバラの素材も、フィルターで「シリーズ感」を出せます。
プロの小技: ライトルームの「プロファイル」 + デュオトーンでブランドのキー色に揃える
TECHNIQUE 03
被写界深度 (フェイクボケ)
スマホで撮った全面ピントの写真も、Photoshop のレンズぼかし + マスクで被写界深度のある一眼写真風に変換できます。主役と背景の前後感を生む基本テクニック。
プロの小技: マスクの境界をブラシで「徐々にぼかす」とリアル。距離別に 3 段階 (前ボケ / 中 / 奥) を作ると更に自然
TECHNIQUE 04
切り抜き合成 (世界観の再構築)
商品を背景から切り抜き、ブランドカラーや別ロケーションに合成。撮影現場の制約を超えて「あるべき場所」にレイアウトできます。影とハイライトの再現が品質の鍵。
プロの大技: Photoshop の「被写体を選択」 + 髪・毛先のリファイン + 接地影を手描きで再現
CATEGORY 2 / テキスト加工
テキストを「読ませる」 4 つの装飾
写真の上に配置するテキストは、そのままだと埋もれてしまいます。フチ・影・帯・グラデーションなど、可読性を保ちながら世界観を作るテキスト加工は、デザイナーの腕の見せ所。
TECHNIQUE 05
フチドリ ＋ ドロップシャドウ
写真の上に置いた文字が読みづらいときの定番テク。細いフチ (1〜2px) + 軽いドロップシャドウで、写真のディテールを残しつつ可読性を最大化します。
プロの小技: シャドウは「黒」ではなく「写真の暗部の色」 (例: ダークブラウン) にするとなじむ
TECHNIQUE 06
バックプレート (テキスト下の帯)
テキストの背後に半透明の単色帯やグラデ帯を敷くことで、写真の柄が複雑でも文字が浮いて見えます。帯の角を丸めたり、オフセット (ズラし) を加えるとさらに洗練。
プロの小技: 帯は「白 50%」より「写真のキー色を抽出 + 透明度 70%」のほうがブランド感が強くなる
TECHNIQUE 07
グラデーションテキスト
大見出しに2〜3 色のグラデーションを適用すると、単色テキストより視覚的なリッチさが出ます。印刷物では特殊効果なしの普通のグラデでも十分映える定番大技。
プロの大技: グラデの方向は「文字の流れ」と垂直 (横書きなら上下グラデ) にすると安定
TECHNIQUE 08
プリズム / グリッチ効果
同じテキストを3 色で重ねてズラすとプリズム / RGB ズレ風の効果に。音楽系・テック系・実験的なクリエイティブで大技として使えます。
プロの大技: ズレ幅は文字サイズの 3〜5% が目安。大きすぎると読めない
CATEGORY 3 / 背景・装飾
背景とワンポイント装飾の 4 つの仕掛け
背景や装飾は「主役を引き立てる脇役」。派手すぎず、でも世界観を補強する装飾は、プロが時間をかけて手作りしているポイントです。
TECHNIQUE 09
パターン背景 (繰り返し柄)
ドット・ストライプ・チェック・幾何模様などのシームレスパターンを背景に敷くと、ベタ塗りより視覚的に豊かに。Adobe Illustrator のスウォッチ + パターン機能で簡単に作れます。
プロの小技: パターンの色は背景色から「彩度を 5% 上げ + 明度を 10% 下げ」程度の控えめが品が出る
TECHNIQUE 10
テクスチャ (紙質感・ノイズ)
フラットな印刷物に紙の繊維感や微細なノイズを重ねるだけで、アナログな温度感が出ます。オーバーレイ 5〜15% 程度の控えめが上品。
プロの小技: テクスチャは「紙のスキャン画像」を流用するとリアル。印刷後の質感とも相性◎
TECHNIQUE 11
流体形状 (blob) ・ 有機シェイプ
不規則な曲線で構成された自由曲線シェイプ (blob) を装飾配置すると、やわらかく女性的・現代的な印象に。Figma や Illustrator の流体ジェネレータで生成可能。
プロの大技: blob は 3〜5 個を「大・中・小」で散りばめると視覚誘導が安定
TECHNIQUE 12
ワンポイント装飾 (光・スパーク・小物)
キラキラ・スパーク・ハート・星・ドライフラワーなどのワンポイント装飾を 3〜7 個散りばめると、デザインに「リズム」が生まれます。主役を邪魔しない控えめなサイズが鉄則。
プロの小技: 装飾は「奇数個 (3, 5, 7)」で、サイズを大中小で散らすとリズムが生まれる
CATEGORY 4 / レイアウト
「整って見える」 4 つのレイアウト原則
プロのデザインが「整って見える」のは、グリッド・余白・視線誘導・コントラストの 4 原則を守っているから。これらは小技ではなく レイアウトの土台です。
TECHNIQUE 13
グリッドシステム
A4 や B5 など印刷物のサイズに12 カラムまたは 6 カラムのグリッドを引き、すべての要素をその交点・列に揃えます。整っている印刷物は、ほぼ必ずグリッドが守られています。
プロの土台: 余白 (Margin / Gutter) は「8 の倍数 (8/16/24/32)」で統一すると揃って見える
TECHNIQUE 14
ホワイトスペース (余白の活用)
「情報を詰め込みたい気持ち」を抑えて大胆に余白を取ると、内容が伝わりやすくなり高級感も出ます。視線が休まる場所こそが、重要な要素を強調します。
プロの土台: 「迷ったら 1.5 倍余白を増やす」。詰めすぎより余白多めの方がほぼ常に正解
TECHNIQUE 15
視線誘導 (Z型・F型・対角線)
人間の視線は左上 → 右上 → 左下 → 右下 (Z 型) で動きます。重要な要素はこの軌跡に乗せると自然に伝わる。ロゴ→キャッチ→画像→CTA の流れを Z 型に置くのがチラシの定番。
プロの土台: A4 縦のチラシなら「上 1/3 = ヒーロー」「中 1/3 = 説明」「下 1/3 = CTA」
TECHNIQUE 16
ジャンプ率 (大小コントラスト)
大見出しと本文のサイズ差 (= ジャンプ率) を大きくとると、ヒエラルキーが明確になり視認性 UP。平凡な印刷物の多くは、このジャンプ率が足りていません。
プロの土台: 大見出し : 本文 = 5:1 ぐらいが視覚的に強い (例: 60pt / 12pt)
CATEGORY 5 / 配色
「失敗しない」配色の 4 つのルール
配色はセンスと言われがちですが、実は守るべき法則があります。これらを押さえれば、経験が浅くても破綻しない配色が組めます。
TECHNIQUE 17
60-30-10 ルール
配色はメイン 60% + サブ 30% + アクセント 10% の比率で構成すると安定。アクセント (10%) は CTA や見出しなど「目を引かせたい場所」に。
プロの土台: アクセント色は「メイン色の補色 or 同系の濃色」が無難
TECHNIQUE 18
配色パターン (補色・類似色・三角)
色相環を使った補色 (反対側)・類似色 (隣)・三角配色 (3 等分点) の基本パターンを覚えると、迷わず色が選べます。各パターンに「向く印象」が決まっています。
プロの土台: 「補色」 = ダイナミック / 「類似色」 = 落ち着き / 「三角」 = 元気・楽しさ
TECHNIQUE 19
トーン整理 (彩度・明度の統一)
複数の色を使うときは同じトーン (彩度・明度の領域) で揃えると統一感が出ます。「ペールトーン」「ディープトーン」など、トーン名で揃える発想が便利。
プロの小技: 色相がバラバラでも、トーンが揃っていれば「うるさい」印象にならない
TECHNIQUE 20
コントラスト比 (可読性確保)
テキストと背景色のコントラスト比 4.5:1 以上 (WCAG AA) を守ると、読みづらさや高齢者・色弱対応も両立。おしゃれ重視で「薄い灰色 on 白」はNG。
プロの土台: WebAIM の Contrast Checker でチェック。印刷でも基準は同じ
CATEGORY 6 / タイポグラフィ
文字組みで品位が変わる 4 つのテク
同じテキスト・同じフォントでも、文字詰め・行間・フォントペアリングなどの「文字組み」でデザインの品位が決まります。多くのアマチュアデザインがここで差をつけられます。
TECHNIQUE 21
フォントペアリング
見出しと本文で異なる種類のフォント (セリフ + サンセリフ) を組み合わせると、メリハリが出てプロっぽくなります。1 ページ 2 種類が原則 (3 種類以上は混乱)。
プロの小技: 「明朝 + ゴシック」か「セリフ + サンセリフ」の組み合わせがほぼ間違い無し
TECHNIQUE 22
文字詰め (カーニング・トラッキング)
日本語の見出しは、デフォルトのままだと文字間が広すぎることが多い。-50〜-30 程度のトラッキングを加えるだけで、グッと引き締まった印象に。
プロの小技: Illustrator の「メトリクス」 + 「オプティカル」を場面で使い分け
TECHNIQUE 23
行間 (Line Height)
本文の行間は 1.6〜1.85 倍が読みやすい黄金比。1.0 (デフォルト) では密集しすぎ、2.0 以上では離れすぎ。印刷物で実際の出力サイズを想定して設定。
プロの土台: 日本語は欧文より行間が広めが正解 (漢字の重さが視覚的に強いため)
TECHNIQUE 24
手書き風カリグラフィの差し込み
大見出しのキーワード 1 つだけ手書き風にすると、温かみと女性的な親しみが出ます。ハンドレタリング風スクリプトフォントが無料で多数。
プロの大技: 手書き部分は「全体の 10〜20%」まで。多用すると読みづらく、子どもっぽくなる
これらのテクニック、全部プロに任せませんか？
「24 個のテクニックを覚えるより、最初から完成したものを欲しい」── そんな方には デザイン依頼 がおすすめ。名刺・チラシ・CDジャケット・冊子など、上記のテクニックを駆使した印刷物を制作いたします。