MENU
  • Serviceサービス
    • Web制作・サポート
    • フリーランスデザイナー向け
    • 印刷物デザイン
  • Works制作実績
  • About自己紹介
  • Voiceご感想
  • Blog記事一覧
  • Contactお問い合わせ
Irodori design
  • Serviceサービス
    • Web制作・サポート
    • フリーランスデザイナー向け
    • 印刷物デザイン
  • Works制作実績
  • About自己紹介
  • Voiceご感想
  • Blog記事一覧
  • Contactお問い合わせ
Irodori design
  • Serviceサービス
    • Web制作・サポート
    • フリーランスデザイナー向け
    • 印刷物デザイン
  • Works制作実績
  • About自己紹介
  • Voiceご感想
  • Blog記事一覧
  • Contactお問い合わせ

【Canva】LINEリッチメニュー制作手順とポイント

2023 7/13
Blog LINE公式 web集客 Canva お知らせ
2022年10月24日2023年7月13日
white iphone gold colored pen and round gold colored cup

女性向けデザインをしているwebデザイナーの彩香です!

LINE公式をビジネスで使っている方でしたら、リッチメニューを設置している方も多いと思います!しかし、リッチメニューはデザインが必要になってくるので、デザインに悩んでいるうちに後回しになってしまうというお話もよく聞きます。

そんなときに、おすすめなのが無料から使えるデザインツールCanva(キャンバ)です!最近はリッチメニューのテンプレートも増えています!分かりやすく、おしゃれに作れるように、ポイントを押さえながら説明させていただきます。

この記事を読むと
  • Canvaでのリッチメニューの制作手順が分かる
  • タップしてもらいやすいリッチメニューのポイントが分かる
  • テンプレートを使って、おしゃれにデザインする方法が分かる♡
Content

Canvaでのリッチメニューの制作手順

彩香

Canvaでのリッチメニューの制作手順を画像付きで解説します!

リッチメニューのテンプレートを探す

STEP
Canvaのトップページの検索窓に「リッチメニュー」と入力

検索窓の下に【LINEリッチメニュー表「大」・「小」】と出てくるので、ご自身が制作したいリッチメニューのサイズを選択します。

彩香

リッチメニューのサイズは下記の画像を参考にされてください♪「大」は最大6分割・「小」は最大3分割で制作できます。

LINE公式リッチメニューのサイズ参考画像
STEP
ご希望のサイズを選択すると、テンプレート一覧が出てきます。

ご自身で制作したいボタンの数やレイアウトに合うテンプレートを選びます。

彩香

今回は「小」サイズで説明してきますが、大サイズでも制作方法は同じです!

STEP
ご希望のテンプレートを選択すると編集画面に移ります。

こちらの画面から、画像や文字、色も自由に編集ができます。

リッチメニューのテンプレートを編集する

ここから、テンプレートの編集方法を説明します。分かりやすいリッチメニュ―にするためのポイントも押さえていきましょう♪

STEP
各ボタンの項目をご自身が載せたい項目に変更します。
項目変更前のリッチメニュー画像
項目変更後のリッチメニュー画像
彩香

今回は真ん中のボタンを「クーポン」→「ブログ」、右を「予約」→「インスタグラム」に変更しています。それに伴って、アイコン画像も変更しています。

リッチメニュー制作のポイント①
  • アイコン画像を入れると視覚的に訴えられる!
  • パッと見て分かる写真やイラストを入れるのも効果的!
STEP
色やフォントをご自身のサービスに合わせて変更していきます
①背景の色を変更
②フォントを変更
彩香

ご自身のサービス、イメージが伝わりやすい色やフォント選びが大切です!

リッチメニュー制作のポイント②
  • フォントは読みやすいものを選ぶ
  • 色が与える印象も考える

リッチメニューをオリジナルにするデザイン案

彩香

以上でリッチメニューの大枠はできました!ここからは、
もう少しおしゃれにしたいときに使える、デザイン案をご紹介します!

STEP
リッチメニューの背景に写真を入れます。

素材の中から、グリッド(背景に写真を入れれる素材)を選択し、リッチメニューに配置する。

①素材の中から「グリッド」の「すべて表示」を選択
②リッチメニューの背景を選択してグリッドの中から1枚だけ写真が入れれるものを選択
彩香

これで背景に写真を入れる準備が出来ました!

STEP
リッチメニューの背景に入れたい写真を選んで入れる

写真を選んだら、その写真をドラッグしながらリッチメニューの上に重ねると背景に写真が入るのが確認できます!

STEP
各ボタンの背景(色を付けている部分)の透明度を下げます

編集画面右上の透明度を調整するボタンを押すと、調整用のバーが出てくるので編集できます!

彩香

背景に置く写真にもよりますが、透明度を下げすぎるとアイコンや文字が見えにくくなるので、ボタンの背景の透明度は80以上にしておくと安心♪

STEP
ボタンの背景の透明度をすべて合わせて完成!

ボタンの背景の透明度がバラバラだと統一感がなくなってしまうので、透明度の値は同じにしておきます!

彩香

Canvaで簡単!おしゃれにリッチメニュー制作手順は以上となります!お読みいただきありがとうございました。

リッチメニューはCanvaで簡単に作れる♩

いかがでしたでしょうか?

テンプレートを使うと簡単に制作できますよね!

LINE公式にご登録くださってるお客様は、あなたのサービスに興味があってご登録してくださっています。お客様へのおもてなしとして、リッチメニューのデザインや導線を整えておくことはとても大切です。

ぜひ、ご自身に合ったリッチメニューのデザインで世界観を整えて、効果的に使っていきましょう♪

あわせて読みたい
LINEリッチメニューはCanva編集できると便利! こんにちは!webデザイナーの彩香です。 今回はリッチメニューでCanva編集もできると便利です!ということをお伝えできればと思います。 私もLINE公式を持っていてリッ…
あわせて読みたい
デザイン制作の事前相談を活用してください♪ こんにちは! デザインで女性のワークライフをサポートするwebデザイナーの彩香です! 制作前の事前相談も受け付けているので、今回は、LINE公式のご登録者様にご案内し…
Blog LINE公式 web集客 Canva お知らせ
LINE公式 SNS集客 リッチメニュー
人気記事
  • 【画像付きで解説】Canvaインスタ縦長投稿の作り方(2025最新)
    Canva
  • noelリットリンク
    【Lit.linkデザイン】ドライヘッドスパサロン/癒しの空間noel様
    Lit.link
  • white iphone gold colored pen and round gold colored cup
    【Canva】LINEリッチメニュー制作手順とポイント
    LINE公式
持永彩香
Webデザイナー・集客戦略サポート
宮崎市在住、夫と小学3年生の娘と暮らしています。

新卒で金融機関に勤務後、子育てや体調をきっかけに働き方を見直し、Webデザイナーとして独立。

女性の視点を活かし、Webデザインや集客戦略をサポートしています。

また、家族も大切にしながら未経験からフリーランスWebデザイナーを目指す女性のサポートも行っています。
  1. HOME
  2. Canva
  3. 【Canva】LINEリッチメニュー制作手順とポイント
Content