PORT MEDIA｜記事一覧

デザインで使う色数の目安を解説。3色に絞る考え方、白・文字色・写真・濃淡の扱い、色を増やしてよい場面を具体例で紹介します。

ベース・メイン・アクセントカラーの役割を図で解説。背景・見出し・ボタンへの割り当て、配色の面積比の考え方を初心者向けに紹介します。

色相・彩度・明度を初心者向けに図で解説。色の種類・鮮やかさ・明るさを見比べ、派手さや読みづらさを調整する方法を紹介します。

配色の基本を初心者向けに解説。背景・主役・強調の色を選ぶ順番、カフェ告知の比較図、文字の読みやすさまで具体例で紹介します。

見やすいレイアウトは「目的→情報の優先順位→まとまり→揃え方→強弱」の順で作ります。最後にスマホサイズで読み、余白や折り返しを調整します。

よくある原因は、強調のしすぎ、揃え方のばらつき、余白不足、色やフォントの使いすぎ、文字の読みにくさです。一度に全部を変えず、主役を決めて一つずつ直します。

余白は、同じ内容の中では小さく、別の内容との間では大きく取るのが基本。外側の余白、要素の間、文字の行間を分けて確認すると整えやすくなります。

コントラストとは、大きさ・太さ・色・明るさ・余白などに差をつけ、重要な情報を目立たせること。差は中途半端にせず、主役と補足が分かるようにします。

反復とは、色・フォント・余白・形・配置などのデザイン上のルールを繰り返すこと。同じ役割が同じ見た目になると、統一感が出て内容も読みやすくなります。

整列とは、見出し・本文・画像などの要素を共通の基準線に沿って配置すること。初心者は、まず左端を揃えるだけでも読みやすさが変わります。