デザインTIPS

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！ 今日は「Figmaのデザインシステムを整理する『ローカルコンポーネント戦略』」について解説します。 この記事の内容 ローカルコ…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！ 今日は「色数を絞るだけで劇的に変わる！配色設計で押さえるべき『3色の法則』」について解説します。 この記事の内容 色数が多すぎ…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！今日は「要素間スペーシングの判断基準」について、実践的な考え方をお伝えします。 この記事の内容 「余白が足りない」「多すぎる」を…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！今日は「Figmaのチーム共有設定で失敗しない方法」について解説します。 この記事の内容 デザインハンドオフでよくある失敗パター…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！ 今日は「LP制作で見落としやすい、CTAボタンの配置と設計」について解説します。 この記事の内容 僕が経験した「申し込みボタン…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！ 今日は「フォーム入力時のエラーメッセージ配置」について解説します。 この記事の内容 エラーメッセージの配置で失敗した話 入力フ…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！ 今日は「フォーム入力時の『迷い』を減らすUIデザイン」について解説します。 ユーザーがフォームに迷いながら入力していく様子を見…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！今日は「アクセントカラーの選び方で失敗しない方法」について解説します。 これ、めっちゃ多くの人が悩むところなんですよ。配色を決め…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！ 今日は「LP制作で絶対に押さえるべきCTA配置戦略」について解説します。 実は、同じデザイン、同じ文言のLPでも、ボタンの配置…

C クリオ Web制作ディレクター / フロントエンジニア こんにちは！今日は「デザインが『詰まった』に見えるときの余白トラブル診断法」について解説します。 これね、ほんま現場あるあるなんですよ。デザ…