DESIGN THEME
カードUI / 図鑑系
整理・探しやすい・学びやすい
向いている商材
- 学習サービス
- 機能一覧
- データベース系
- ブロック図鑑
- ナレッジベース
日本市場での印象
- 整理されている
- 探しやすい
- 学びやすい
- 軽い
- 把握しやすい
特徴
- Gridレイアウト
- タグ
- フィルター
- ホバー反応
- 情報整理
- カード階層
配色
- 白
- ライトグレー
- ネイビー
- 淡いブルー
- 低彩度アクセント
タイポグラフィ
- カード内は短文
- タグは小さく
- 一覧と詳細で文字量を分ける
禁止事項
- カード乱立
- 線だらけ
- 枠だらけ
- スマホで探しにくい密度
- 同じカードの単調な反復
日本市場での注意
- 日本語ではカード内の文字量が増えやすいため、一覧では要約に絞る。
- スマホではカードを積むだけでなく、検索・タグ・カテゴリ導線を明確にする。
- 詳細ページに学習情報を逃がすと一覧が軽くなる。
AIへの指示文
カードUI / 図鑑系として、情報を一覧で探しやすく整理してください。タグ、カテゴリ、フィルター、詳細導線を用意し、カード内の文章量を抑えてスマホでも見やすくしてください。