📐 DTP・デザイン ナレッジ集

【流れ】 ①あらかじめRGBでレタッチし、明るさを十分に確保する ②チャンネルミキサーでとりあえず2版のみに絞る ③ヒストグラムを見ながら他の版もいじっていい感じに調整 ④トーンカーブまたはレベル補正で仕上げ 【注意】 単純に2版を削除するだけでは画像の情報が減り、品質が落ちる。 【顔の色調について】 ・M版（マゼンタ）に人の顔色が多く含まれることが多い ・顔の明るい部分にK成分が多いと顔が暗く顔色が悪く見える ・顔の明るい部分にKが入りすぎないよう調整する

①画像を水平に補正（ものさしツール等で水平を取る） ②回転後にできた隙間部分を選択（選択範囲を少し拡大すると境界がなじみやすい） ③「編集 → コンテンツに応じた塗りつぶし」で隙間を埋める ④生成塗りつぶし（Adobe Firefly）を使うとさらに早くきれいに処理できる 建物などの歪みはワープ以外に「レンズ補正フィルター」でも修正できる。

【白背景から白い服の人物を切り抜く】 ①画像レイヤーを複製 ②上に暗めの赤でベタ塗りレイヤーを置き、描画モードを「焼き込みカラー」に ③境界線がはっきりしたら背景を選択 → 反転 → マスク 【水・半透明素材の切り抜き】 ①被写体選択ツールなどで大まかに選択 ②「マスクの境界線調整ブラシツール」で境界を調整 ③「不要なカラーの除去」もチェックする 【複雑な画像全般】 背景消しゴムツールも試す選択肢として有効。 【影を残して背景合成する方法】 ①影以外の被写体をマスク → 複製 ②マスクを反転（影のみのレイヤーになる） ③両レイヤーを合成先にドラッグ。影レイヤーの不透明度で濃さを調整。

【乗算（Multiply）】 白いところが透過する（白が影響を受けなくなる）。 → 黒いところに色が乗る。影を付ける・白い部分を抜く用途に。 使い所：モノクロ画像にカラーを乗せる、重ねて暗くする。 【スクリーン（Screen）】 黒いところが透過する（黒が影響を受けなくなる）。 → 明るいところに色が乗る。光・輝きを追加する用途に。 使い所：星・光のエフェクト、暗い部分を抜いて明るい部分だけ残す。 【オーバーレイ（Overlay）】 上のレイヤーの色によって乗算またはスクリーンに切り替わる。 中間色（50%グレー）が抜けるイメージ。 →「グレーに反応オーバーレイ♪」と覚える。 使い所：テクスチャを重ねて質感を出す。 【CMYKでの注意】 IllustratorのCMYKモードでの描画モードは正確に表示されない。 描画モードを使う場合はRGBで作業すること。

レイヤースタイルの「ブレンド条件」スライダーの覚え方： 【このレイヤー（上のレイヤー）】 ・左スライダー（暗部側）→ 上の暗いところが抜けてくる ・右スライダー（明部側）→ 上の明るいところが抜けてくる 【下になっているレイヤー】 ・左スライダー（暗部側）→ 下の暗いところが見えてくる（下の明るいところでマスクされる） ・右スライダー（明部側）→ 下の明るいところが見えてくる（下の暗いところでマスクされる） 【活用例】 ・壁紙や布にテキスト・イラストをなじませる ・乗算で暗くしすぎた部分を元に戻す（下の画像の明るい部分を見せる） ・スライダーをAlt/Optionクリックで2分割 → なめらかなグラデーションでマスク

【比較（暗）Darken】 下のレイヤーと比較し、暗い方のピクセルが表示される。 → 下と比べて暗い方が「勝つ」 使い所：スキャン画像の修正（不要な白スペースや汚れを除去し、必要な暗い部分だけを残す）。 複数スキャン画像を重ねて最も暗い（細い）線を取り出す。 【比較（明）Lighten】 下のレイヤーと比較し、明るい方のピクセルが表示される。 → 下と比べて明るい方が「勝つ」 使い所：複数スキャン画像の中から明るい（白い）部分だけを残す。 RGBチャンネルごとに比較するため、色にも影響する。

【不透明度】 レイヤー全体（レイヤースタイル・エフェクトも含む）に影響する。 ドロップシャドウ等のスタイルも一緒に薄くなる。 【塗りの不透明度（Fill）】 レイヤーのピクセル部分のみに影響。 レイヤースタイル（ドロップシャドウ・光彩など）には反映しない。 → スタイルはそのままで、ピクセルだけを透明にしたい場合に使う。 使い所：ドロップシャドウを残したまま、元の図形だけを透明化するノックアウト表現など。

【ノックアウトとは】 画像の一部を透明にして、背後にあるものを見えるようにする機能。 「塗りの不透明度」を減らすことで発動する。 【背景レイヤーがある場合】 「浅い」「深い」ともに背景レイヤーまで突き抜ける。 【背景レイヤーがない場合】 ・浅い（グループ化あり）→ グループの直下まで突き抜ける ・浅い（グループ化なし）→ 背景レイヤーまで突き抜ける ・深い → グループの有無に関わらず背景レイヤーまで突き抜ける

【グラデーションマップとは】 画像の明暗（輝度）にグラデーションの色を対応させる調整レイヤー。 ・グラデーションの左端の色 → 暗い部分（シャドウ）に適用 ・グラデーションの右端の色 → 明るい部分（ハイライト）に適用 【使い所】 ・好きな色味の写真に変換（例：シアン〜オレンジで映画的な色調） ・カラーバリエーション作成（グラデーションの色を変えるだけで別カラーに） ・デュオトーン（2色版）風表現 →「暗いところと明るいところに好きな色を入れれば好きな色味になる」という発想。

【グループレイヤーのデフォルト】 グループレイヤーのデフォルト描画モードは「通過（Pass Through）」。 グループ内の描画モードがそのまま下のレイヤーに影響する（グループ自体はなにもしない）。 【「描画モードを分離」とは】 グループ内で乗算等を使ったオブジェクトを「グループ内だけで透ける」ようにする機能。 グループ外（背景など）には透けなくなる。 【設定方法】 描画モードを変えたオブジェクトをグループ化 → レイヤー効果で「描画モードを分離」にチェック 【クリッピング注意】 グループ（フォルダ）に対してクリッピングできない場合は、グループの描画モードを「通常」に戻す。

【差の絶対値（Difference）】 2枚の画像を重ねて差の絶対値モードにすると、同じ色の部分が黒になる。 → 異なる部分だけが色として浮き出る。 【使い所1：画像の間違い探し】 2枚のデータを重ねて差の絶対値に → 変更された部分だけが明るく表示される。 【使い所2：グレーを探す（色かぶり補正）】 50%グレーで塗ったレイヤーを差の絶対値で重ねる。 → 最も暗くなった部分が「元画像のグレー」の位置。 その部分にトーンカーブのグレースポイトをあてる。 【輝度モードとの違い】 輝度モード：基本色の色相・彩度 ＋ 合成色の輝度 → 結果色。 白・黒はそのままの色が反映される。

【共通の流れ】 グレーの画像にフィルターをかけた後、ぼかし（移動）で雨らしさを出す。 描画モードはスクリーン。 【パターン1：ちりめんじわ】 フィルター → スケッチ → ちりめんじわ → ぼかし（移動） 【パターン2：ファイバー】 フィルター → 描画 → ファイバー → ぼかし（移動） 【パターン3：ノイズ】 フィルター → ノイズを加える → ぼかし（移動） ※グレーの画像にフィルターをかけるとバランスよく仕上がる 【パターン登録のコツ】 正方形のドキュメントで雨パターンを作り、パターン登録する。 → どの写真にも使い回せる。 手前大きめ・中間・奥・細かめ等、距離感を複数作るとよりリアル。 トーンカーブやレベル補正で白度（雨の強さ）を調整。

【基本の流れ】 ①雲模様（フィルター → 描画 → 雲模様1）を生成 ②変形 → 波形（ゆらぎ）で揺らぎを加える ③ぼかしを加える ④描画モード：スクリーン ⑤必要なら指先ツールで形を整える。不透明度で濃さを調整。 【3層構成でリアルに】 1. 太い湯気レイヤー（土台）：湯気の根元〜中央。薄く広めに。 2. 細い筋レイヤー（湯気らしさ）：S字やゆるいカーブ。数本のみ。入れすぎない。 3. 手前のモヤレイヤー（空気感）：全体の上に薄くかぶせる。不透明度を低く。

【水彩風①：基本】 1. 画像にカットアウトとぼかしを適用 2. 画像をコピーしハイパスで輪郭を作成（やや強め） 3. 描画モード：オーバーレイ 4. 紙のテクスチャを乗算で重ねる（紙が上） 5. 被写体の下に白ベタを敷く（紙感を出す） 6. 水彩系ブラシでマスクをかけてはみ出し感を演出 【スケッチ風（鉛筆画）】 1. 被写体切り抜き、下に紙の画像（明度上げ・コントラスト強め） 2. 強めのアンシャープマスクを適用 3. ブレンド条件で明るいところを抜く 4. フィルター → スケッチ → グラフィックペン 5. ぼかし（ガウス）で少しなめらかにして乗算

【基本の考え方】 新規レイヤーを作り、描画モードを設定してからブラシで塗る。不透明度・流量は小さめで。 【明るくする（光追加）】 白ブラシ ＋ 描画モード：オーバーレイ or 覆い焼きカラー 【暗くする（影追加）】 黒ブラシ ＋ 描画モード：オーバーレイ or ソフトライト 【逆光表現】 逆光レイヤーを作成 ＋ ぼかし ＋ スクリーンモード 【光の色を変える方法】 コントラストの強いチャンネルをコピーして選択範囲とし、好みの色でベタ塗り ＋ オーバーレイ。 マスクはぼかすとなじみやすい。 【乗算で暗くしすぎた場合の対処】 上にオーバーレイレイヤーを重ねて明るさを補正。不透明度で微調整。

【ビネット効果とは】 写真の四隅を暗くして、視線を中央の被写体に集中させる表現。 映画的・ヴィンテージ・落ち着いた印象になる。 【作成方法（基本）】 ①楕円選択ツールで中央を囲む楕円を選択 ②選択範囲を反転 ③選択範囲をぼかす（ぼかしのピクセル数を大きく） ④レベル補正またはトーンカーブで暗くする CameraRawフィルターの「周辺光量補正」や「カラーグレーディング」でも簡単にできる。

【基本手順（モックアップ）】 1. 消点用の新規レイヤーを別に用意（画像のあるレイヤーだと統合されクリッピング不可） 2. フィルター → 消点 → 「面を作成」で配置面を定義 3. 入れたい柄画像を新規レイヤーにコピー 4. 消点画面に戻りペースト → ⌘Tで画像をいい感じに配置 5. はみ出た部分をマスクまたはクリッピングマスクで処理 6. 最後に乗算モードで素材になじませる ※一発で入れようとせず、画像を複製しながらつなげてもよい。 【消点を使った影】 遠近法が合った影も消点で面を定義して乗算で作れる。

【ビデオ・写真のノイズ表現】 ①黒で塗りつぶしたレイヤーを作成 ②フィルター → ピクセレート → 粒状（ソフト or 縦） ③またはハーフトーンパターンでこねくり回す ④フィルターを重ねがけして仕上げ ⑤描画モード：乗算で重ねる 【ヘアライン表現】 ピクセレート → メゾティント（近い表現なら何でもOK）→ ぼかし（移動）で縦線のヘアライン風に。 【スタンプ風（コネクリ式）】 ①ラフ効果でシワシワに ②グレー50%で塗りつぶし（フィルター用） ③光彩（内側）で内側にボケシャドウ ④ピクセレート → メゾティント ⑤フィルター → スケッチ → スタンプ ⑥分割後、画像トレース → 拡張 → 着色

【白Tシャツへの柄合成】 ブレンド条件 ＋ 乗算だけで結構いける。 シワが目立てばいいので、置き換え元のテクスチャは色を無視して若干ぼかしてもOK。 【黒Tシャツへの柄合成】 ①上に黒T（コントラスト強め）を重ねて乗算で不透明度調整 ＋ ブレンド条件 ②中間に柄レイヤー ③下に元の黒Tシャツ 【柄を変形しやすくするコツ】 先に一番上のレイヤーで柄を変形・置き換えし、位置が決まったら中間に移動して乗算にする。 【リアリティを上げる】 ブレンド条件でなじませた後、変形 → 置き換えを加えるとリアリティが増す。 置き換え元のテクスチャ画像はぼかすと質感がでる。

【縁文字の隙間を埋める】 ①文字に縁（アピアランスで線を追加）を設定 ②アピアランス分割 ③パスファインダー「追加」でパーツを合体 → 隙間が埋まる ※アピアランスの「分割＋追加」：パーツごとバラバラにした後、それらを合体させる。縁文字の隙間を埋める役割も果たす。 【レイヤーへのアピアランス適用】 アピアランスパネルの「レイヤー」をクリックしてから効果をかける。 → 地図上の白い縁文字など、レイヤー単位でまとめて処理できる。 【完全アウトライン（アピアランスも含む）】 「オブジェクト → 透明の分割・統合」で実行する。 「文字 → アウトラインを作成」だけでは不完全。

【追加】単純に合体。重なった部分も含めてひとつのシェイプに。 【前面オブジェクトで型抜き】最前面のオブジェクトの形で下を抜く。 【交差】重なった部分だけを残す。 【中マド（複合パス）】重なった部分を抜く。最背面以外の重なりで削られる。 ※最前面以外をホワイトにして最前面に持ってきた見た目になる。 【分割】すべての交差部分でパスを分割。 （合流・刈り込みは交差部分で分割するが同色以外の重なりも残る） 【刈り込み】前面オブジェクトの形で後ろをカット。線は除去。 【合流】刈り込みと同じだが、同じ色のパーツは合体する。 【切り抜き】最前面でクリッピングマスク。重なった部分は分割される。 【アウトライン】線だけになる。 塗り → 分割＋線色維持の線0mm。線 → 分割＋線色なしの0mm。 パスファインダーの下段は「色別合流」と覚えておく。

【ラフ効果】 「パーセント」：オブジェクトの大きさに応じてジグザグの山の大きさが変わる（相対値） 「入力値」：設定した値の範囲内でジグザグの山が生成される（絶対値） 【ジグザグ効果】 「サイズ」：ジグザグの山の大きさの最大値 「詳細」：パスの長さ1インチあたりを何等分にするか（分割数） 「ポイント」：ジグザグを曲線にするか直線にするか 【均一な波線を作る方法】 ①ラフ効果を適用：サイズを0%にしてアンカーポイントだけ均等に打つ（例：10個） ②そのアンカーポイントに対してジグザグ効果（サイズ0.5mm）を適用 → ラフでアンカーポイントを作ってあるので、ジグザグでは新たに作らない設定にする

【基本テクニック】 マイナスオフセット（ラウンド）を先にかけてから、プラスオフセット（ラウンド）を追加する。 → 元の形を保ちつつ、角に自然な丸みが生まれる。 【グループ化後の角丸処理】 ①オブジェクトをグループ化 ②アピアランスでプラスオフセット（ラウンド）を追加 ③その間にマイナスオフセット（ラウンド）を挟む → 「グループ化後、プラスオフセット（ラウンド）追加挟んでマイナスオフセット（ラウンド）」と覚える アピアランスで「長方形」と「角を丸くする」を分けると、角丸のON/OFFが簡単になる。

【複合パス】 複数のパスをまとめて1つのパスとして扱う。 ・全体に一つの色・線しか設定できない ・重なった部分が「穴」になる（交互に塗りと穴が切り替わる） ・編集が難しい 使い所：テキストの穴あき（「O」や「B」の内側の穴）の正確な再現など。 【複合シェイプ】 複数のオブジェクトをまとめて単一のシェイプのように見せる。 ・個別に編集可能（柔軟） ・各オブジェクトに個別の色設定が残せる 注意：グループ化でも複合シェイプでも穴が開かないケースは複合パスを使う。

【スタティックシンボル（通常）】 配置した全インスタンスが完全に同じ見た目。色を変えると全インスタンスに反映。 【ダイナミックシンボル（+マークつき）】 同じシンボルから作ったインスタンスでも、配置先ごとに色・線・透明度などを変えられる。 テキストなど可変部分込みで登録可能。 「子」側で編集した部分は「親」の編集影響を受けない。 【使い所】 同じ飾り枠・背景・ロゴ位置で文字だけ変えたい場合（春詣/夏詣/秋詣など）はダイナミックシンボルが有効。 【注意点】 ・アピアランス分割するとシンボルから外れる → なるべくスタティックを使う理由がここにある ・ダイナミックは選択ツールで直接編集できるが、元のシンボルと異なるので注意

【ネイティブデータ（.ai）の正体】 IllustratorのネイティブデータはPGF形式。 他のソフト（バージョン違いも含む）でIllustratorファイルを開いたとき見ているのはPDF部分。 AcrobatもPDF部分を開いている。ネイティブデータ（PGF）は完全スルー。 【PDF互換ファイルとは】 「Illustratorで編集に必要な情報（PGF）」＋「他環境でも表示・印刷できるPDF情報」をセットで保存する設定。 → ファイルサイズが大きくなる。 【PDFとIllustratorネイティブの関係】 まったくの別物。互換性はない。 他ソフトがaiファイルを開けるのは「無理やりPDF部分をネイティブデータに変換している」だけ（破壊的な変換）。

【手順】 ①上下にオブジェクトを重ねて（赤丸部分が重なる状態で）全選択 ②メニューからブレンド作成。ステップ数を増やすと滑らかになる ③再配色で「ランダム」適用 ④再配色を閉じてカラーグループをダブルクリック → 好きなカラーグループを作成 ⑤再び再配色 → カラーグループ使ってランダム これをパターン化してもOK。 ⚠ グローバルカラーは再配色のランダムに非対応。プロセスカラーで行うこと。 【パターンのランダム感を出すコツ】 ・タイル形式：レンガ横 ・枠からはみ出させる ・オブジェクトは重ならないようにする ・個別の変形（ランダム）も活用する

【オーバープリントとは】 重なるオブジェクトで、下の版を消さずに上の色を重ね刷りする設定。 【動作ルール】 ・重なる部分に同じ版の色成分がある場合 → 上のオブジェクトの設定のみ反映 ・上のオブジェクトの版が0%のとき → 下のオブジェクトの指定が反映 【実務での注意】 白（White）にオーバープリントを設定すると、白が透明になって下の色が見えてしまう。 （白はCMYKの各版が0%のため下が透けて見える） → 白のオーバープリントは必ず解除する。

【手順】 ①直線を引いて破線に設定 ②パターンブラシに登録（ブラシオプション「自動中央揃え」にチェック） 【適用方法2通り】 ①実線に対してブラシ適用 → アピアランス分割を2回 ②破線に対してブラシを適用 → アピアランス分割1回 結果は同じ。どちらの手順でも最終的に実線として機能するパスになる。

線幅ツール（Shift+W）を使うとパスの任意の箇所で線幅を変えられる。 【コツ】 ・節（アンカーポイント周辺）→ 細くする ・曲線の山なり部分 → 太くする → 手書きの筆致や毛筆のような抑揚が生まれる プロファイルとして保存すれば他のパスにも適用できる。 アウトライン化後は「パスの単純化」をかけると扱いやすくなる。

【セルのオーバーフロー】 英数字は折り返せないため、最小限の幅にしてもオーバーフローすることがある → 横に伸ばして対処。 日本語でオーバーフローするのはセルの最大限度を超えているため。 【表の差し替えTime】 差し替え時に余ったセルは古いデータが残って事故になりやすい。 思い切って余分なセルをいくつか削除してから差し替える。 【罫線の上下関係】 後から設定した線が上（前面）になる。意図した見た目にならない場合は設定順を変える。 0.1mmの罫線の場合、0.5mmの二重線にするといい感じ。 【最小限に2行分の幅を設定するテクニック】 セルの最小高さを設定しておくと自動調整されやすくなる。 【アンカー付きオブジェクト】 テキストフレーム内にオブジェクトをアンカーとして配置することで、テキストのリフローに追従させられる。

台割（だいわり）とは、印刷物（本・冊子・カタログ等）の全ページ構成を一覧にした表や図のこと。 「あのページ構成のプリント」が台割。 各ページに何を載せるかを俯瞰でき、ページ順・特集の流れ・広告位置なども管理できる。 InDesignで制作する冊子では最初に台割を作り、全体のページ設計を固めてから制作を進めるのが基本。 縦組みの読み方はN型（左から右への横書きと逆）。

【覚え方】「4、13、7、16！」 Acrobat 4 → PDF 1.3（透明効果非対応） ※PDF/X-1a は PDF 1.3 ── ここから透明対応 ── Acrobat 5 → PDF 1.4 Acrobat 6 → PDF 1.5 Acrobat 7 → PDF 1.6 ※PDF/X-4 は Acrobat 7（PDF 1.6） 【実務での使い分け】 PDF/X-1a：透明効果を全て事前にラスタライズ済み。古い環境でも安全。 PDF/X-4：透明効果をそのまま保持。受け手がPDF1.6以降に対応している必要あり。

【定義】 規則正しく分布した線や点の周期のズレにより、視覚的に縞模様が生じる現象。 【CMYK印刷での仕組み】 CMYKの4色はそれぞれ異なる角度の網点で構成されており、プリンターが角度を最適化して滑らかにしている。 この角度がずれると縞模様（モアレ）が発生する。 【発生しやすい状況】 ・スキャニングして再印刷：元の網点に新たな網点が干渉 → モアレ発生しやすい ・画像の拡大縮小：網点の角度が変わりアンチエイリアスがかかり、網点周囲がグレーになる 【対策】 ①スキャンデータの網点をぼかし・フィルターで目立たなくする ②印刷時の網点角度を変更する（高度な対応）

【全判サイズ】 A全判（菊判）：939mm × 636mm（菊判）→ A1（594×841mm）がすっぽり入る B全判（四六判）：1091mm × 788mm（四六判）→ B1（728×1030mm）がすっぽり入る 【取れる枚数】 A全判からA4：8枚（半裁なら4枚） B全判からB4：8枚（半裁なら4枚） 【覚え方】 A判なら一回り大きい菊判 B判なら一回り大きい四六判 【坪量換算の例】 四六判135kg ＝ 坪量157g/㎡ 四六判110kg ＝ 坪量127.9g/㎡ 四六判90kg ＝ 坪量104.7g/㎡ （菊判と四六判ではkg表記の数字が異なるため、坪量（g/㎡）で統一して比較するのが正確）

【ハーフトーンとは】 印刷で連続した濃淡（グラデーション）を、小さな点（網点）や線で表現する技術の総称。 網点印刷も、線が並んだ画像も、粗い点の集合も、すべて「ハーフトーン」と呼んでよい。 【スクリーン（網点）との違い】 スクリーンは「網点」という具体的な要素を指す言葉。 ハーフトーンはその技術全体を指す。 「ハーフトーン画像」と言えば、網点・線画・点描など連続調を離散的な点や線で表現したもの全般を指す。

本文テキストで読みやすいとされる行間の目安は、フォントサイズの1.5〜2倍。 1.5という数字は解説書やガイドラインで広く引用されている値。 文字を声に例えると： ・声色（フォント種） ・声の大きさ（フォントサイズ） ・タメ（字間） ・スピード（行間） ジャンプ率が低い（メリハリが弱い）と赤ペン指摘を受けやすい。 情報ごとに見た目の差がついていない状態。

【三分割構図】 縦横3分割した分割線の交点に被写体を配置。余白が生まれバランスが取れる。 ※交差点・対角線からあえて外すのも有効。被写体は背景の向きに合わせる。 【日の丸構図】 被写体を中心に置く。主役を目立たせる力強い構図。 【対角線構図】 写真に動き・視線の誘導が生まれる。 【三角構図】 三角形のモチーフを置くか、三角形の頂点にモチーフを置く。 上向き三角形：安定感。下向き三角形：動き・変化。 【放射線構図（サンバースト）】 誘目性が大きい。風景なら遠近法、デザインなら集中線（サンバースト）。

日本の武道・茶道の概念をデザインに応用した考え方。 【守】 与えられた条件・基本をしっかり守る。まずは整然と組んでみる。 【破】 守の状態から崩してみる。変化を加えてみる。 【離】 質感や細かいディティールに着手する。独自性を出す段階。 いきなり「離」から始めるのは難しい。まず「守」から順に進めていく。 締切に余裕があれば、すぐ提出せず日をおいて見直すと更に良いものが生まれる。

【近接】 近くにあるものは関係があると見なされる。距離が離れていても同じ形はグループに見える。 【類似】 同じ形・同じ色のものはグループとして認識される。 色は特に優先的にグループとして見られる傾向がある。 【閉合】 「()」「[]」などの開口部が向かい合う形を「閉じた形」と言い、まとまりに見える。 【図と地の分離】 対象（図）と背景（地）をしっかり分離すると見やすくなる。 水玉を大きくしすぎると、隙間の方が「図」に見えるような逆転現象が起きる。

【マジカルナンバー7±2】 人間が短期記憶で一度に保持できる情報の数は約5〜9個。 日常的に触れる物事についての短期記憶の目安。 【マジカルナンバー4±1】 初めて触れるような物事については約3〜5個が上限（後の研究者による提唱）。 【デザインへの応用】 ・ナビゲーションのメニュー項目数 ・一覧ページのカテゴリ数 ・タブの数 → 7を超えると認知負荷が高くなる。4〜5以内に収めるとよりわかりやすい。 個人差があるため絶対的な数字ではないが、設計時の目安として有効。

字下げ（インデント）の本来の理由は「段落の始まりを明示するため」。 空白行（段落間の余白）を設けることで段落の区切りが明確になる場合は、 字下げを省略してもよい（文頭だけ字下げしないスタイルもよく見られる）。 どちらの方法でも「文の切れ目が読者にわかる」という目的が達成されていればよい。

【まぬけ引用符（Dumb Quotes）とは】 コーディング用の半角引用符（"）のこと。記号自体が縦向きで向きが区別されない。 【デザインでNGな理由】 「まっすぐダメー」：向きが垂直のままでは欧文組版として不正確に見える。 【正しい引用符】 英文引用符（"〜"）：開きと閉じで向きが異なる（左上・右上にカーブ）。 → Illustratorなどでは「字形」パネルや「スマートクォート」機能を使う。 コーディングでは半角引用符（"）が必要なため、用途に合わせて使い分ける。

【ミュラー・リヤー錯視】 矢羽根の向きで線の長さが違って見える。 回避策：形を少し動かす・線を少し長くして視覚的に揃える。 【ハーマングリット】 白いグリッド交差点に幻の灰色点が見える。 回避策：①余白を細くする ②グリッドを不規則にする ③余白幅を広くする ④背景に色付け。 【上方距離過大】 上の方が大きく見える錯視（同じ大きさでも上が大きく見える）。 回避策：上側を小さく、または下側を大きく調整。全体を若干上にずらす（ボタン文字など）。 【エビングハウス錯視】 小さい円に囲まれると大きく見え、大きい円に囲まれると小さく見える。 【三角形分割錯覚】 四角形の中央に配置した三角形は、底辺側に寄って見える。少し右にずらすとバランスが取れる。 【ジャストロー錯視（ブーメラン錯視）】 同じ半径でも内側の角丸が大きく見える。 【ヘルムホルツの正方形】 横縞→縦長に、縦縞→横長に見える。 【整列しているのに揃って見えない】 角丸が原因のことが多い。少し外側にはみ出して「視覚的に揃えた」位置に調整する。 【フォントのスムージング効果】 塗り面の隣の同色テキストが明るく見える錯視。帯を若干明るくするか文字側を濃くして対処。 【シンメトリーの認識しやすさ】 左右対称は情報処理の負担が少ないため認識しやすい（半分を理解すれば残り半分がわかるから）。

袋文字や縁文字、敷物が目立って見える理由は「手前感（前後関係の知覚）」にある。 縁や敷物があることで対象が背景から「浮き上がって」見え、視線が集まりやすくなる。 写真の上に文字を乗せるときは、写真の色の影（ドロップシャドウや縁）を落として可読性を上げるのも同じ原理。 背景の明度差が高いとオブジェクトが紛れ込んで見づらくなる。 → 背景と対象の明度差・コントラストを確保することが基本。

【®マーク（Rマーク）】 商標登録済みであることを示す。「この名前・ロゴを無断で使うな」というサイン。 日本では特に法的根拠はなく、Rマークがなくても商標登録されていないとはならない。 【©マーク（Cマーク）】 著作権マーク。「コピーするな、加工するな」というサイン。 著作権は創作した時点で自動的に発生する（登録不要）。 【™マーク（TMマーク）】 「これは商品・サービスのマークです」という意思表示。法的な拘束力はない。 商標登録前に付けられることが多い。登録出願中のサインとして使われる。

【RAIDとは】 複数のハードディスクを組み合わせて一台のように扱い、性能向上や障害対策をする技術。 【RAID0（ストライピング）】 それぞれのHDDに別の内容を書き込む（分散書き込み）。 処理速度が向上するが、どちらか一台が壊れたらデータ全滅。 「ゼロ別（0＝別々）」と覚える。 【RAID1（ミラーリング）】 それぞれのHDDに同じ内容を書き込む（ミラー）。 処理速度は普通だが、一台壊れてももう一台が生きている。容量は実質半分。 「1＝一つのもの（同じ内容）」と覚える。 重要データは必ずバックアップ。RAIDはバックアップの代替にはならない（同時故障の可能性あり）。

【物理メモリ】：搭載RAMの総容量。 【使用済みメモリ】：現在使用中のメモリ量。 【キャッシュされたファイル】：最近使用したデータのキャッシュ。解放可能。 【スワップ使用領域】：物理メモリが不足したとき、SSD/HDDをメモリとして使う領域。多いとパフォーマンス低下のサイン。 【アプリケーションメモリ】：アプリが使っているメモリの総量。 【確保されているメモリ】：macOS動作に必要なメモリ。多いとアプリ用が減る。 【圧縮】：メモリ不足解消のため未使用メモリを圧縮する機能。 【メモリプレッシャー】 緑：メモリが十分に利用可能 黄：不足する可能性あり（注意） 赤：メモリ不足、パフォーマンスが低下する可能性

⌘M → Dockに「しまう」（最小化）：ウインドウ単位 ⌘H → 「隠す」（非表示）：アプリ単位 【⌘Mで最小化したウインドウを元に戻す】 ⌘Tab で対象アプリを選択した状態のまま、Optionキーを押しながら⌘を離す。 （効かないアプリもある） 【Photoshopショートカット補足】 ⌘+2〜：チャンネルにフォーカス Op+⌘+2：レッドチャンネルの選択範囲を作成 全部押しN → 空レイヤー（透明レイヤー）作成 Op押しながら表示レイヤーを統合 → レイヤーをコピーして統合 ⌘+E → 選択レイヤーをコピーして統合（目マークは関係なし） 【Illustratorショートカット】 「.」（ピリオド）押し → グラデーション表示に切り替わる（意図しない場合はCtrl+Z） Shift+X → 塗りと線の色を入れ替え パターンの色抽出：Shift+クリック