地味だけど本当に困る
デザインの悩みを、解く。
影の付け方、余白の決め方、背景に逃げる癖——。派手なトレンドではない「毎回マジで困る急所」を、 出典付きのリサーチと、コピペできる図版で一つずつ潰していくノート。
31 記事 / 検証済み
背景に逃げてしまう——無地から脱却する背景デザイン
背景をつい無地・無難な単色で仕上げてしまい、世界観もセクションの個性も出ない。
2026.06 ・ 23ソース裏取り
細部角丸がバラバラ——半径の統一とネスト
角丸の半径が要素ごとにバラバラで、入れ子で歪む。
2026.06 ・ 9ソース裏取り
レイアウト微妙にズレる——整列とグリッドの規律
要素が微妙に揃わず、全体がプロっぽくならない。
2026.06 ・ 13ソース裏取り
細部区切り線が安っぽい——ボーダーとセパレータの品
区切り線やボーダーがどぎつく、画面が安っぽく見える。
2026.06 ・ 12ソース裏取り
色グレーが濁る——使えるニュートラルと色の作り方
グレーやニュートラルが濁って安っぽい。色の選び方に芯がない。
2026.06 ・ 9ソース裏取り
細部ボタンの状態が雑——hover/active/disabled/focusの詰め
ボタンのhover/active/disabled/focusを詰め切れず、触り心地が安っぽい。
2026.06 ・ 12ソース裏取り
質感影が安っぽい——のっぺりを脱する影の設計
影をつい単一の濃い黒影で付けてしまい、安っぽく・のっぺり見える。
2026.06 ・ 11ソース裏取り
細部アイコンが浮く——線幅と光学サイズの揃え方
アイコンの線幅・サイズがテキストやUIと合わず浮く。
2026.06 ・ 12ソース裏取り
タイポ日本語が読みにくい——行間・約物・ジャンプ率
日本語の行間・約物アキ・字間が整わず、読みにくく素人っぽい。
2026.06 ・ 10ソース裏取り
余白余白がなんとなく——8pxで決める余白とリズム
余白を感覚で置いてしまい、詰まり/スカスカ・不揃いになる。
2026.06 ・ 12ソース裏取り
タイポフォントサイズが行き当たりばったり——タイプスケールとジャンプ率
見出し/本文のサイズを都度決めてしまい、階層もリズムも出ない。
2026.06 ・ 11ソース裏取り
レイアウトカードが平凡——情報カードの設計
カードがただの枠で、情報の優先順位も質感も出ていない。
2026.06 ・ 13ソース裏取り
色メリハリがない——コントラストで階層を作る
全部同じ強さで、どこを見ればいいか分からない平板な画面になる。
2026.06 ・ 9ソース裏取り
タイポ数字が揃わない——データと数値の組版
価格やデータの数字が揃わず、桁も読みづらい。
2026.06 ・ 13ソース裏取り
細部空っぽ・読込中が雑——空状態とローディング
空状態やローディングを後回しにして、体験が安っぽくなる。
2026.06 ・ 7ソース裏取り
細部動きがカクつく——イージングとトランジションの質
transitionが直線的・速すぎ/遅すぎで、動きが安っぽい。
2026.06 ・ 8ソース裏取り
細部フォームが安っぽい——入力欄の質を上げる
input/selectの作り込みが甘く、フォーム全体が素人っぽい。
2026.06 ・ 12ソース裏取り
タイポリンクが浮く・埋もれる——テキストリンクの設計
リンクの色・下線の見せ方が雑で、浮くか埋もれるかになる。
2026.06 ・ 9ソース裏取り
画像写真の切り方が決まらない——トリミングと被写体配置
写真のトリミングや被写体位置が決まらず、収まりが悪い。
2026.06 ・ 9ソース裏取り
レイアウト表が読みにくい——テーブルの可読性
罫線だらけ/詰まりすぎで表が読みづらい。
2026.06 ・ 8ソース裏取り
細部タグ・バッジが子どもっぽい——ラベルの設計
タグやバッジの色・形・サイズが子どもっぽく安っぽい。
2026.06 ・ 12ソース裏取り
色ダークモードが映えない——落とし穴と作り方
ただ反転しただけで、影も色も映えないダークモードになる。
2026.06 ・ 10ソース裏取り
質感あしらいが学生っぽい——装飾線とディテールの品
飾り線やあしらいが過剰/ダサく、全体が学生っぽくなる。
2026.06 ・ 8ソース裏取り
レイアウトフッターが投げやり——フッターの設計
フッターを適当にして情報が迷子になる。
2026.06 ・ 7ソース裏取り
細部フォーカスが消えてる——focusリングの設計
outlineを消してアクセシビリティを壊しがち。
2026.06 ・ 6ソース裏取り
細部モーダルが雑——ダイアログの作法
オーバーレイ・フォーカストラップ・閉じ方が甘い。
2026.06 ・ 12ソース裏取り
タイポ文言がダサい——マイクロコピーの質
ボタンや空状態の文言が機械的で冷たい。
2026.06 ・ 14ソース裏取り
レイアウトナビが散らかる——ヘッダーとナビ設計
項目過多・階層不明でヘッダーが散らかる。
2026.06 ・ 14ソース裏取り
レイアウト料金表が読めない——価格テーブルの設計
プランの差と推しが伝わらない料金表。
2026.06 ・ 11ソース裏取り
細部チェック類が安っぽい——トグル/チェック/ラジオ
選択UIの当たり判定や状態表現が雑。
2026.06 ・ 13ソース裏取り
レイアウト重なりがバグる——z-indexとレイヤー管理
z-indexを場当たりで盛って破綻する。
2026.06 ・ 11ソース裏取り
このカテゴリの記事はまだありません。