SNS画像練習 #15自己採点 4/5

「専門家として」が逆効果になる理由 — X投稿ビジュアル

AIプロンプト設計の常識を覆す研究知見を伝えるX投稿用ビジュアル。ダークネイビー×ビビッドレッドのネオブルータリズムスタイル。タイポグラフィを視覚主役に据え、取り消し線で「逆効果」を直感的に表現。

HTML/CSSPlaywright
「専門家として」が逆効果になる理由 — X投稿ビジュアル

デザインの意図

前回SNS画像(#10, 4/27)の暖色ベージュ+明朝体+和紙テクスチャから完全に方向転換。ダークネイビーベースにビビッドレッド1色のみで、ネオブルータリズムの硬さと挑発性を表現。「専門家として」に取り消し線を引くことで、タイトルを読まなくても「否定・覆す」というメッセージが視覚的に伝わる構成。

制作の詳細

1200x675px X投稿用。Zen Kaku Gothic Antique(900/300) + DM Sans(500/700)のサンセリフペアリング。72px見出し(letter-spacing:-0.025em) + 28pxサブ(300weight)のコントラスト。ゼロぼかしハードシャドウ(3px 3px 0)、版ずれtext-shadow(1.2px 0.8px)、斜線scanlines(opacity:0.035)、コンクリート質感grain(baseFrequency:0.95, opacity:0.18)。非対称デコレーション: 回転した赤枠ブロック(3.5deg)、小グレー枠(-6deg)、赤ドット、縦グラデーションライン。インクスプラッシュSVGとブラシストロークSVGで有機的要素を追加。

適用したデザインパターン

ダークネイビー+ビビッドレッド2色構成(3色以内絞り込み)ゼロぼかしハードシャドウ(ネオブルータリズム)letter-spacing対比(-0.025em見出し / +0.18emタグ / +0.14emラベル)font-weight 900/300混在版ずれtext-shadow(疑似ミスレジスト)コンクリート質感grain(baseFrequency:0.95)インクスプラッシュ+ブラシストロークSVG(有機的要素)非対称回転デコレーション(3.5deg / -6deg)

自己評価

強み

前回と完全に異なるパレット・フォント・テクスチャ。取り消し線による視覚的メッセージが直感的。ネオブルータリズムの硬さがテーマ(常識を覆す)と合致。letter-spacing/weightの対比が効いている。

改善点

有機的ビジュアル要素がまだ控えめ(インクスプラッシュのopacityが低い)。右側の空間をもう少し活かせた。テキストの圧迫感をさらに強調しても面白かった。