初心者でも簡単にデザインを作成できるグラフィックデザインツールCanva。
おしゃれで整ったデザインをつくりたいのに、レイアウトで悩んでしまうことってありませんか?
そんな時は、初心者でもプロ並みのレイアウトが簡単につくれる「グリッド線」機能がおすすめです。
今回はこの便利なグリッド線を使って、誰でも簡単に整ったデザインを作成する方法をご紹介します。
新しい働き方を目指すための人のオンラインクリエイティブスクールRirian School.では、
Canvaを使ったデザインをマスターしたい方
Canvaを使ってお仕事をしたい方
Canvaで収益化をしたい方に向けて
日本初のCanva公認アンバサダー(Canva Expert)のmikimikiが教えるCanva Webデザイン講座を開講しています。
今後さらに重要度が増してくるオンラインデザインツールCanvaを使った新しいクリエイティブな働き方を目指したい方はCanva講座をチェックしてみてくださいね♪
\ Canva Global公認!日本初Canva Expertが教える/
![](https://mikimiki1021.com/wp-content/uploads/2024/03/canva-2048x943-1-1536x707.png)
Canvaのグリッド線とは?
![](https://mikimiki1021.com/wp-content/uploads/2024/07/11-9-1024x576.png)
Canvaのグリッド線とは、以下のようにデザイン画面上に表示されるガイド線(ガイドライン)のことです。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/武器は-コミュニケーション能力です!-5-1024x576.png)
グリッド線を表示させてデザインすることで次のような効果が生まれます。
次に、グリッド線がない場合とある場合のデザインを比較してみました。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/17-1024x576.png)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/18-1024x576.png)
また、グリッド線はデザイン画面でのみ表示されますので、削除する必要はありません。
グリッド線は印刷やダウンロード時は反映されません
▼こちらの記事もご覧ください。
簡単!グリッド線の表示方法5STEP
![](https://mikimiki1021.com/wp-content/uploads/2024/07/12-8-1024x576.png)
ここからは、グリッド線の表示方法についてご紹介します。
以下の5ステップで簡単にグリッド線を表示させることができます。
まず、Canvaのアカウントにログインし、新しいデザインを作成するか、既存のデザインを開きます。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-19-142223-1024x668.png)
デザイン画面の上部左側にあるメニューバーから「ファイル」を選択します。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-19-142458-1024x545.png)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/武器は-コミュニケーション能力です!-1024x576.png)
デザイン画面のサイズに合った定規(目盛り)が現れます。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-19-142927-1024x468.png)
Canvaでは0.1mm単位でグリッド線の配置ができます
定規(目盛り)上にカーソルを合わせると『↔』のマークが出ます。
ほぼ同時に紫色のグリッド線が出ますので、マウスで引っ張るようにデザイン画面にもっていきしょう。
デザイン画面上の必要な場所で離して完了です。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/14-2-1024x576.png)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/15-2-1024x576.png)
画像は横の定規(目盛り)からグリッド線を出していますが、上部の定規(目盛り)から表示する場合も同じ操作です。
いらないグリッド線はデザインの画面外にドラッグすると消えます。
以上がCanvaのグリッド線を表示する基本の操作方法となります。
スマホ版からグリッド線の機能は選択できない
![](https://mikimiki1021.com/wp-content/uploads/2024/07/13-3-1024x576.png)
残念なことに、現時点(2024年7月)ではCanvaのスマホ版からはグリッド線の機能を選択できません。
以下の代替案で、スマホ版でもグリッド線を使ったデザインを作成することができます。
代替案①パソコンでグリッド線を設定
スマホ版のCanvaでは、定規の表示はできませんがグリッド線の表示は可能です。
次に設定方法をご紹介します。
① パソコンでCanvaにログインし、デザインを作成します。
↓
② グリッド線の列数、行数、間隔を調整します。
↓
③ スマホでCanvaアプリを開きます。
↓
④ 『…』マークから設定を開き『ガイドを表示』に✔を入れる
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-19-135842-3-1024x580.png)
このようにパソコンでグリッド線を表示していれば、スマホでも表示され編集することが可能です。
代替案②グリッド素材で代用
①スマホ版のCanvaにログインし、デザインを作成します。
↓
②素材のグラフィックから『グリッド』と検索します。
↓
③好みのグリッドをデザイン画面に反映させます。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/21-1024x576.png)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/武器は-コミュニケーション能力です!-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/あー夏休み-1-1024x1024.jpg)
グリッド線は画面に反映されませんが、グリッド素材は共有時にデザイン画面に反映されますのでご注意ください。
デザイン作成が完了したら代用したグリッド線を削除するか背面にしておきましょう。
▼こちらの記事もご覧ください。
グリッド線を表示したレイアウト作成方法
![](https://mikimiki1021.com/wp-content/uploads/2024/07/14-3-1024x576.png)
Canvaでグリッド線を表示して、レイアウトを作成する方法をご紹介します。
グリッド線を引いてInstagram投稿をデザイン
ここでは、例としてInstagram(正方形)を三分割法でデザインします。
三分割法とは写真の基本構図の一つで、縦横2本ずつ線を引いて画像を9等分にする方法です。
この方法を取り入れることで、見やすくバランスのとれた写真に仕上げることができます。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-21-101440.png)
写真・テキスト・図形を組み合わせる
画像、テキスト、図形などの要素をアップロードまたは作成して、オリジナルデザインをつくってみましょう。
グリッド線を活用して要素をバランス良く配置することで、見やすく洗練されたデザインに仕上げることができます。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-21-104416.png)
ここでは、中央に犬が入るように画像を配置しました。
デザイン調整でプロっぽく仕上げる
色、フォント、余白などの要素を調整して、デザイン全体の雰囲気を思いのままに仕上げましょう。
さらに、必要に応じてガイド線を追加したり削除したりして微調整を行います。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/はじめまして-1024x1024.jpg)
丁寧に調整して、プロのような仕上がりに近づけましょう。
デザイン完成!共有・ダウンロード
デザインが完成したら、さっそくInstagram投稿やダウンロードをして共有しましょう。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/武器は-コミュニケーション能力です!-3-1024x576.png)
JPG、PNG、PDFなどの形式でダウンロードできます。
これまでにご紹介した内容は、Canvaの無料版でできる機能がほとんどですが有料版CanvaProであればさらに充実した機能を使うことが可能です。
▼こちらの記事もご覧ください。
▼CanvaProのお得なお試しクーポンはこちら
ここだけのお得なお試しクーポンを準備しているので、ぜひ試してみてくださいね。
有料プランのCanvaProに登録すると、無料版では利用できないその他の便利な機能が使えます。
さらに素材やフォント、テンプレートも制限なく使用できるようになるので、より幅広いデザインを楽しめます。
通常では30日間無料でお試しすることが可能ですが、こちらのリンクから登録すると15日間延長して45日間無料でCanvaProを体験できます。
45日間無料お試しできるCanvaProが気になる方はぜひチェック!
![](https://mikimiki1021.com/wp-content/uploads/2023/03/cc03703d00167de446cb481c8d571620c_24422241_210822.jpeg)
Canvaのグリッド線を使ったデザイン活用例
![](https://mikimiki1021.com/wp-content/uploads/2024/07/15-3-1024x576.png)
Canvaのグリッド線を使ったデザイン活用例を2つご紹介します。
写真の構図をバッチリ決める
編集したい画像を準備してください。
↓
写真の構図に合ったグリッド線を引きます。
ここでも、三分割法でつくります。
【例】右側の縦ラインを基準にした構図です。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-22-110505.png)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/1-1024x576.jpg)
左側下の縦横の交点を利用した構図です。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-22-110845.png)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/2-1024x576.jpg)
グリッド線に合わせて、写真のトリミングや配置を調整します。
グリッド線は、あくまでもガイドラインです。
思い切って線を無視して自由な構図に挑戦してみるのも面白いです。
パンフレットも簡単にレイアウトOK
Canvaは2つ折りなどのパンフレットのテンプレートが豊富にあります。
はじめからグリッド線が表示されているテンプレートがありますので、初心者の方でも簡単に作成できます。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-22-121902.png)
必要に応じて、フォントやカラーを変更したり、装飾を追加したりして、デザインを完成させます。
パンフレットのテンプレートには、あらかじめ適切なグリッド線が配置されています。
箇条書きや見出しを使って、文章をわかりやすく整理するとみやすいです。
その他、グリッド線を使ったデザイン活用例としては以下です。
ロゴやアイコンのデザイン
Webサイトのレイアウト
プレゼンテーション資料の作成
SNSの投稿画像
Canvaのグリッド線をぜひ使ってみて、デザインをもっと楽しくもっと自由に楽しみましょう。
▼こちらの記事もご覧ください。
補足:グリッドテンプレートを使う方法もあり
![](https://mikimiki1021.com/wp-content/uploads/2024/07/16-1024x576.png)
Canvaには、ガイド線なしでもサッと整列できる「デザイングリッド」テンプレートも用意されています。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/スクリーンショット-2024-07-22-114439-1024x512.png)
以下のようなフレームに画像や文字を入れるだけで美しいデザインが出来上がります。
![](https://mikimiki1021.com/wp-content/uploads/2024/07/2-3-1024x1024.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2024/07/1-3-1024x1024.jpg)
まるでマス目に写真を並べるような感覚で、デザイン初心者でも直感的に配置できるのが魅力です。
グリッド線に悩んだときは、グリッドテンプレートもぜひ活用してみてください。
▼こちらの記事もご覧ください。
\ Canvaを利用している方必見!/
![](https://mikimiki1021.com/wp-content/uploads/2024/03/Canva%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E9%9B%86-1536x864.jpg)
mikimiki Web Schoolでは、現在公式LINEのリニューアルに伴い特別なプレゼントをご用意しています♪
プレゼントの中には、Canvaを使用する方必見の『 Canvaおすすめフォント集 』を含む豪華5大特典を限定お渡し中!
公式LINEにご登録いただいたみなさんに、無料でプレゼントしていますのでご興味のある方はチェックしてみてくださいね。
LINE限定の勉強会も開催中です!
▶︎ご登録はこちらから♪
もっと詳しくCanvaを学びたい方は・・・
![](https://mikimiki1021.com/wp-content/uploads/2024/07/17-1-1024x576.png)
CanvaProでは、テンプレートやフォント・素材・便利機能などが制限なしに使用することができます。
さらに、今回ご紹介したマジック生成の画像や動画の生成がより多く利用することができます。
・もっとたくさんデザインをしたい
・Canva Proの便利機能も試してみたい
・使えない機能や素材があることに少しストレスと感じている
という方は、ぜひCanvaProを実際に使用してみてください。
通常では30日間無料でお試しすることが可能ですが、こちらのリンクから登録すると15日間延長して45日間無料でCanvaProを体験できます。
45日間無料お試しできるCanvaProが気になる方はぜひチェック!
![](https://mikimiki1021.com/wp-content/uploads/2023/03/cc03703d00167de446cb481c8d571620c_24422241_210822.jpeg)
よくあるご質問
![](https://mikimiki1021.com/wp-content/uploads/2024/07/18-1-1024x576.png)
ここからはCanvaのグリッド線についてのよくあるご質問をご紹介します。
- 一度表示したグリッド線(ガイド線)は削除できますか?
-
一度表示したグリッド線(ガイド線)は簡単に削除できます。
削除したいグリッド線(ガイド線)を右クリックし、「削除」を選択するか、ガイド線をドラッグしてデザイン画面外に移動します。
グリッド線の表示・非表示は、メニューバーの「ファイル」>「設定」>「定規とガイドを表示」か、ショートカットキー「Shift+R」で行えます。▼こちらの記事もご覧ください。
- グリッド線を使ったデザインは共有できますか?
-
デザインを完成させた後、「共有」ボタンをクリックして、共有方法を選択します。
共有リンクを発行したり、SNSで共有したり、ダウンロードして相手に渡したりすることができます。▼こちらの記事もご覧ください。
- グリッド線の機能は無料版でも利用できますか?
-
グリッド線機能はCanva無料版でも利用可能です。
まずは無料版でグリッド線を使いデザインを楽しんでくださいね。
デザインに慣れてきたら有料版Canva Proへのアップグレードを検討するのもおすすめです。
▼こちらの記事もご覧ください。
まとめ
![](https://mikimiki1021.com/wp-content/uploads/2024/07/19-1024x576.png)
Canvaのグリッド線機能を活用すれば、誰でも簡単に整ったデザインを作成することができます。
今回ご紹介した方法を参考に、ぜひ色々なレイアウトのデザインに挑戦してみてください。
さらにデザインの幅を広げたい場合は、有料版CanvaProの機能も検討してみるのもおすすめです。
新しい働き方を目指すための人のオンラインクリエイティブスクールRirian School.では、
Canvaを使ったデザインをマスターしたい方
Canvaを使ってお仕事をしたい方
Canvaで収益化をしたい方に向けて
日本初のCanva公認アンバサダー(Canva Expert)のmikimikiが教えるCanva Webデザイン講座を開講しています。
今後さらに重要度が増してくるオンラインデザインツールCanvaを使った新しいクリエイティブな働き方を目指したい方はCanva講座をチェックしてみてください。
\ Canva Global公認!日本初Canva Expertが教える/
![](https://mikimiki1021.com/wp-content/uploads/2023/04/canva-1536x708.png)