LINEリッチメニューデザイン参考資料集
Summary
業界別のLINEリッチメニューデザインの傾向・パターン・ツールをまとめた参考資料。素材画像は LINE_Design_Ref/ フォルダに格納。
Key Takeaways
- デザインの主流は「白ベース × パステルアイコン」と「カラー背景 × 白アイコン」の2パターン
- 業界ごとにカラーパレットが異なる（歯科=青緑、美容=ピンク、飲食=暖色系）
- Canvaの無料テンプレートで十分クオリティの高いデザインが可能
- 大手企業の事例が最も参考になる
収集した参考素材
| ファイル | 内容 |
|---|
LINE_Design_Ref/01_note参考事例.png | note.comの制作事例記事一覧 |
LINE_Design_Ref/02_Pinterestデザイン集.png | Pinterestの多様なレイアウト・配色パターン |
LINE_Design_Ref/03_Canvaテンプレート.png | Canvaの業界別テンプレート（すぐ使える） |
LINE_Design_Ref/04_歯科美容事例.png | 歯科・美容クリニック向けデザイン事例 |
LINE_Design_Ref/05_複合事例集.png | 大手美容クリニック・Lステップ系実戦デザイン |
デザインパターン分類
パターンA: カラー背景 × 白アイコン（信頼感重視）
┌──────┬──────┬──────┐
│ ■■■■ │ ■■■■ │ ■■■■ │ ← カラー背景（ティール/青/緑）
│ ☆ │ ☆ │ ☆ │ ← 白アウトラインアイコン
│ 予約 │ 料金 │ 治療 │ ← 白テキスト
└──────┴──────┴──────┘
- 適合業種: 歯科・医療・整骨院・法人向けサービス
- カラー例: ティール
#3BA8A8 / ネイビー #2B4B6F / グリーン #4A9B7A
- ポイント: 内枠ボーダー + 三角アクセント + 白いアイコン
パターンB: 白ベース × パステルアイコン（親しみやすさ重視）
┌──────┬──────┬──────┐
│ │ │ │ ← 白 or 淡い背景
│ (●) │ (●) │ (●) │ ← パステルカラーの丸アイコン
│ 予約 │ 料金 │ 場所 │ ← 濃い色テキスト
│ ──── │ ──── │ ──── │ ← カラーアクセントライン
└──────┴──────┴──────┘
- 適合業種: 美容サロン・ネイル・エステ・カフェ
- カラー例: ピンク
#D4708F / ベージュ #C8A050 / ラベンダー #9B8EC4
- ポイント: 柔らかいシャドウ + 丸角 + カラーコード付きアイコン
パターンC: 写真 × テキストオーバーレイ（ビジュアル訴求）
┌──────┬──────┬──────┐
│🖼️ │🖼️ │🖼️ │ ← 写真背景
│ 予約 │ Menu │ Shop │ ← 白テキスト（半透明オーバーレイ付き）
└──────┴──────┴──────┘
- 適合業種: 飲食・ファッション・ホテル・EC
- ポイント: 食欲をそそる写真 + 半透明グラデーション + 太字テキスト
パターンD: フルグラフィック（ブランディング重視）
┌─────────────────────┐
│ ブランドビジュアル │ ← 1枚の統一デザイン画像
│ 予約 │ 商品 │ SNS │ ← タップ領域を分割
└─────────────────────┘
- 適合業種: 大手ブランド・化粧品・高級サロン
- 事例: 湘南美容クリニック・CHANEL・Dior・スターバックス
- ポイント: プロのグラフィックデザイナーによる一枚絵
業界別カラーパレット推奨
| 業界 | メイン | アクセント | 背景 |
|---|
| 歯科・医療 | #2E7D87 ティール | #FFFFFF 白 | #F5FAFB |
| 美容サロン | #D4708F ピンク | #C8A050 ゴールド | #FFF5F7 |
| 飲食店 | #D4884A オレンジ | #8B4513 ブラウン | #FFF8F0 |
| 整骨院 | #4A7A5B グリーン | #8B7355 ブラウン | #F5F8F5 |
| 不動産 | #2B4B6F ネイビー | #C8A050 ゴールド | #F0F3F8 |
| 塾・教育 | #4A6FA5 ブルー | #FF8C00 オレンジ | #F0F5FA |
| EC・物販 | #333333 ダーク | #FF4500 レッド | #FFFFFF |
リッチメニュー仕様
| 項目 | 値 |
|---|
| 推奨サイズ（大） | 2500 × 1686 px |
| 推奨サイズ（小） | 2500 × 843 px |
| フォーマット | JPEG or PNG |
| 最大ファイルサイズ | 1MB |
| アスペクト比 | ≥ 1.45（幅÷高さ） |
| レイアウト | 最大20分割まで設定可能 |
| 一般的なレイアウト | 3×2（6分割）が最も多い |
デザインツール
大手企業の参考アカウント
| 企業 | LINE ID | 特徴 |
|---|
| スターバックス | @starbucks_j | フルグラフィック・季節ごと切替 |
| 湘南美容クリニック | @sbc_clinic | 写真×テキスト・メニュー充実 |
| ゴディバ | @godiva_japan | ブランドカラー統一・EC誘導 |
| キッコーマン豆乳 | @kikkoman_tounyu | キャンペーン重視 |
| びっくりドンキー | @bikkuri_donkey | クーポン中心・集客特化 |
| トヨタ | @toyota_jp | 車種検索・来店予約 |
| シュウウエムラ | @shuuemura_jp | 高級感・製品カタログ |