デザインの丘 EPISODE 10
ダメなLPを直す演習
ダメなLPを直す演習
ビフォーアフター・丘の卒業試験
丘の最終講座は、頭ではなく手を動かす番です。ルール違反だらけの架空のページを、これまでの知識で直していきます。答え合わせをしながら、卒業しましょう。
問題:このページのどこがダメ?
架空のパン屋さんのページを想像してください。——背景は黄色、文字は赤と青と緑。フォントは4種類。最上部に「Welcome to our Bakery!!」の飾り文字が点滅し、その下に食パンとあんぱんとカレーパンとシュークリームの写真が16枚、余白なくぎっしり。営業時間はページの最下部に小さく。電話番号は画像なのでタップできない——。
ハムちゃんうぅ、目がチカチカする…。でも笑えないんだ。がんばって作った手作りサイトが、こうなっちゃうことは本当に多いんだよ。
答え合わせ:4つの手術
直しの手順(丘の総復習)
- 色を3つに(EP02):クリーム地+小麦色+アクセント1色に整理
- スターを1人に(EP06・09):「毎朝5時から焼く食パンの店」をひとこと大きく。写真は看板の食パン1枚
- そろえて・まとめる(EP05・06):左端を1本に。商品と値段を近づけ、種類ごとに区切る
- スマホ作法(EP08):営業時間と地図を上へ。電話番号はタップできる文字に
ぜんぶ、丘で学んだルールの適用です。ひらめきは1回も使っていません。「なんか変」を「どのルール違反か」と言えるようになったら、丘は卒業です。

ハムちゃん丘の卒業おめでとう! きみの目はもう「伝わる見た目」を知る目になったよ。次はいよいよ、作ったサイトを世界に灯す「公開の灯台」へ!
きょうのまとめ
- ダメなデザインは才能の欠如ではなく、ルール違反の積み重ね
- 直しは 色を3つに→スター1人→そろえてまとめる→スマホ作法 の順
- 「なんか変」を「どのルール違反か」と言えたら丘は卒業