女性向けデザインをしているwebデザイナーの彩香です!
LINE公式をビジネスで使っている方でしたら、リッチメニューを設置している方も多いと思います!しかし、リッチメニューはデザインが必要になってくるので、デザインに悩んでいるうちに後回しになってしまうというお話もよく聞きます。
そんなときに、おすすめなのが無料から使えるデザインツールCanva(キャンバ)です!最近はリッチメニューのテンプレートも増えています!分かりやすく、おしゃれに作れるように、ポイントを押さえながら説明させていただきます。
- Canvaでのリッチメニューの制作手順が分かる
- タップしてもらいやすいリッチメニューのポイントが分かる
- テンプレートを使って、おしゃれにデザインする方法が分かる♡
Canvaでのリッチメニューの制作手順
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
Canvaでのリッチメニューの制作手順を画像付きで解説します!
リッチメニューのテンプレートを探す
検索窓の下に【LINEリッチメニュー表「大」・「小」】と出てくるので、ご自身が制作したいリッチメニューのサイズを選択します。
![](https://irodori-dsn.com/wp-content/uploads/2022/10/8d144efa107af482d0a28c96f38579c4-1024x550.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/8d144efa107af482d0a28c96f38579c4.jpg?resize=1024%2C550&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
リッチメニューのサイズは下記の画像を参考にされてください♪「大」は最大6分割・「小」は最大3分割で制作できます。
![](https://irodori-dsn.com/wp-content/uploads/2022/10/e002e9663b0fd0a5d48e7637e4706a47.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/e002e9663b0fd0a5d48e7637e4706a47.jpg?resize=805%2C670&ssl=1)
ご自身で制作したいボタンの数やレイアウトに合うテンプレートを選びます。
![](https://irodori-dsn.com/wp-content/uploads/2022/10/fa0e39aeffaf5ff1bf1db14ccfe78b67-1024x539.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/fa0e39aeffaf5ff1bf1db14ccfe78b67.jpg?resize=836%2C440&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
今回は「小」サイズで説明してきますが、大サイズでも制作方法は同じです!
こちらの画面から、画像や文字、色も自由に編集ができます。
![](https://irodori-dsn.com/wp-content/uploads/2022/10/99ca8d6ddf3863747554f1e246b55c90-1024x463.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/99ca8d6ddf3863747554f1e246b55c90.jpg?resize=1024%2C463&ssl=1)
リッチメニューのテンプレートを編集する
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
ここから、テンプレートの編集方法を説明します。分かりやすいリッチメニュ―にするためのポイントも押さえていきましょう♪
![](https://irodori-dsn.com/wp-content/uploads/2022/10/99ca8d6ddf3863747554f1e246b55c90-1-1024x463.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/99ca8d6ddf3863747554f1e246b55c90-1.jpg?resize=1024%2C463&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2022/10/90824510b3fa6ff60965bbabcbf1c103-1024x499.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/90824510b3fa6ff60965bbabcbf1c103.jpg?resize=406%2C197&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
今回は真ん中のボタンを「クーポン」→「ブログ」、右を「予約」→「インスタグラム」に変更しています。それに伴って、アイコン画像も変更しています。
- アイコン画像を入れると視覚的に訴えられる!
- パッと見て分かる写真やイラストを入れるのも効果的!
![](https://irodori-dsn.com/wp-content/uploads/2022/10/817df2dcc0193a608b995dd4b7fcb966-1024x496.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/817df2dcc0193a608b995dd4b7fcb966.jpg?resize=1024%2C496&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2022/10/939aa747f9196d7488a6b85f0d607ff5-1-1024x491.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/939aa747f9196d7488a6b85f0d607ff5-1.jpg?resize=1024%2C491&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
ご自身のサービス、イメージが伝わりやすい色やフォント選びが大切です!
- フォントは読みやすいものを選ぶ
- 色が与える印象も考える
リッチメニューをオリジナルにするデザイン案
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
以上でリッチメニューの大枠はできました!ここからは、
もう少しおしゃれにしたいときに使える、デザイン案をご紹介します!
素材の中から、グリッド(背景に写真を入れれる素材)を選択し、リッチメニューに配置する。
![](https://irodori-dsn.com/wp-content/uploads/2022/10/13022a69d4028330c97ac4ce6a40ead7.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/13022a69d4028330c97ac4ce6a40ead7.jpg?resize=217%2C306&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2022/10/e104729b264a124407917d41cdcd7746-1024x486.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/e104729b264a124407917d41cdcd7746.jpg?resize=1024%2C486&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
これで背景に写真を入れる準備が出来ました!
写真を選んだら、その写真をドラッグしながらリッチメニューの上に重ねると背景に写真が入るのが確認できます!
![](https://irodori-dsn.com/wp-content/uploads/2022/10/b3ae1c0cbba213ec194241b4cdfc17d7-1024x482.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/b3ae1c0cbba213ec194241b4cdfc17d7.jpg?resize=1024%2C482&ssl=1)
編集画面右上の透明度を調整するボタンを押すと、調整用のバーが出てくるので編集できます!
![](https://irodori-dsn.com/wp-content/uploads/2022/10/c75858afd27edebad587856b68f05834-1024x476.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/c75858afd27edebad587856b68f05834.jpg?resize=1024%2C476&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
背景に置く写真にもよりますが、透明度を下げすぎるとアイコンや文字が見えにくくなるので、ボタンの背景の透明度は80以上にしておくと安心♪
ボタンの背景の透明度がバラバラだと統一感がなくなってしまうので、透明度の値は同じにしておきます!
![](https://irodori-dsn.com/wp-content/uploads/2022/10/5b85ddc333985011dcc4af43f026c63f-1024x494.jpg)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/10/5b85ddc333985011dcc4af43f026c63f.jpg?resize=1024%2C494&ssl=1)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2021/10/icon-e1637726451730.png?ssl=1)
Canvaで簡単!おしゃれにリッチメニュー制作手順は以上となります!お読みいただきありがとうございました。
リッチメニューはCanvaで簡単に作れる♩
いかがでしたでしょうか?
テンプレートを使うと簡単に制作できますよね!
LINE公式にご登録くださってるお客様は、あなたのサービスに興味があってご登録してくださっています。お客様へのおもてなしとして、リッチメニューのデザインや導線を整えておくことはとても大切です。
ぜひ、ご自身に合ったリッチメニューのデザインで世界観を整えて、効果的に使っていきましょう♪
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/03/pexels-photo-2897035.jpeg?fit=300%2C214&ssl=1)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/03/pexels-photo-2897035.jpeg?fit=300%2C214&ssl=1)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/03/image-from-rawpixel-id-3282673-original-scaled.jpg?fit=300%2C200&ssl=1)
![](https://i0.wp.com/irodori-dsn.com/wp-content/uploads/2022/03/image-from-rawpixel-id-3282673-original-scaled.jpg?fit=300%2C200&ssl=1)