この記事では、リボンをモチーフにしたガーリーなかわいい系ブログに使えるトップページデザインのアイディアをご紹介します。
ギフト系ブログにもおすすめです。
トップページ全体のデザインイメージ
※画像読み込みに数秒程度かかることがあります。しばらくお待ちください。
このデザインの作り方は、本編の動画で解説しています。
パーツごとに、画像の推奨サイズや素材の検索方法などを解説していきます。
メインビジュアルの高さはお好みで調整してください。
画像サイズにより読み込み速度も変わるので、トップページをカスタマイズしたあとはサイトスピード（Page Speed Insigt）を確認してみてください。
見出しタイトルはお好みで
こんなデザインも
カラーコード・・・#DDD8D4
上下の境界線・・・
「波」高さレベル4
背景画像を設定（詳細は下記）
オーバーレイカラーの不透明度・・・50
この記事で使っているフォントや素材は、Canva内の検索窓に上記をコピーして入れると検索できます。
Canvaを使ったことがない方はまずこちらから！
▼カラーコードのコピーはこちらをご利用ください。
・ベージュ #DDD8D4
・ブラウン #B69388
・アイボリー #F8EFEF
・ライトグレー #F3F3F3
▼フォントのコピーはこちらをご利用ください。
Pacifico
「リボン」「ドット」で検索すると素材がでてきます。
お好きな素材を使ってみてくださいね。
ここからは、Canvaでのデザイン作成の手順を動画で解説します。(音声はありません)
画面が小さくて見づらい場合は、全画面+スマホを横画面にして見てみてください。
もふこわかりにくいところがあればコメントでご質問ください！
カラーコードやフォント名はこの記事内のテキスト部分をコピーして検索窓に入力してください。
ひとつめに紹介したアイキャッチ画像の作り方を解説した動画です。
メインビジュアルのページからコピーして、リボンの素材を飾りとしてあしらっています。
リボンを２つ繋げるのは少し難しいかもしれませんが、画面を拡大しながらやってみてください。うまくくっつかなくてもテキストで隠せばOKです。
当サイトでは、デザインをよりクオリティの高いものにするために、Canva pro版の素材や機能も一部使用しています。
もちろん無料版でも素敵な素材がたくさんありますが、おしゃれなブログを目指すならCanva pro版にするとクオリティが断然アップします。
当サイトの記事でご紹介しているデザインは、そのまま真似してOKです。（当サイトのトップページ以外OKです！）
でもせっかくなので、あなたのブログの世界観を出したオリジナルデザインへのアレンジも挑戦してみてください。自分のブログに愛着がわきますよ。
もふこぜひ色々と楽しみながらブログデザインを作ってみてくださいね！
当サイトのリンクは許可なく掲載いただけます。
当サイトのデザインを参考にされたブログ内で、「モフデザイン-mofu design-」をご紹介いただけると嬉しいです。
また、掲載して頂いた場合や、デザインを参考にして作ってみたよ！という場合はよかったらぜひ教えてください。
X(Twitter)にてメンション（@mofudesign_c）付きでご紹介いただけたら、私からお返事に伺い引用RTでブログをご紹介させていただきます。
2023年8月に新しくアカウントを作りました。ブログ読者さんが気軽に質問や交流できるアカウントです。
フォローもご自由にどうぞ!
この記事のデザインアイディアを参考にしてくださった方のブログを当サイト内で紹介させてください♬
以下の5点をもふこ宛にブログ掲載依頼フォームまたは X(Twitter)のDMまでご連絡ください。
該当の記事内もしくはリンク集として掲載します。
皆さんのブログをこちらでご紹介しています
「リボン/ギフト」のブログデザインは参考になりましたか？
お好きなようにアレンジしていただき、素敵なブログデザインを作ってみてくださいね。
今後ともワクワクするデザインを提供していきたいと思います！参考になれば嬉しいです。
SWELLのサイト型カスタマイズまとめ記事はこちらから
Canvaで編集できるSWELLサイト型トップページのデザインテンプレートはこちらから
SWELLの装飾バリエーションを動画で解説しています
当サイトのテーマはSWELLを使用しています
\ Canvaの使い方解説はYouTubeから /
この記事が気に入ったら
フォローしてね！
コメントや質問はこちらから