【女子旅/旅行】SWELLサイト型トップページ参考デザイン

この記事では、女子旅/旅行系ブログに使える写真を全面に使ったトップページデザインのアイディアをご紹介します。

トップページ全体のデザインイメージ

※画像読み込みに数秒程度かかることがあります。しばらくお待ちください。

このデザインの作り方は、記事本編の動画でくわしく解説しています。

\ ほかのデザインはこちらから探せます /

各デザインの解説｜SWELL×Canva【女子旅/旅行/観光ブログ】

各パーツごとに、画像の推奨サイズや素材の検索方法などを解説していきます。

ヘッダーロゴ

メインビジュアル

メインビジュアルの高さはお好みで調整してください。

画像サイズにより読み込み速度も変わるので、トップページをカスタマイズしたあとはサイトスピード（Page Speed Insigt）を確認してみてください。

セクション見出し

見出しタイトルはお好みで

アイキャッチ画像

他にもこんなデザイン

フルワイドブロック

カラー・フォント・素材の解説｜SWELL×Canva【女子旅/旅行/観光ブログデザイン】

この記事で使っているフォントや素材は、Canva内の検索窓に上記をコピーして入れると検索できます。

カラーコード

▼カラーコードのコピーはこちらをご利用ください。

・ブルーグレー　　#8799AB
・ホワイト　　　　#FFFFFF

フォント

▼フォントのコピーはこちらをご利用ください。

Halimum

Hina-Mincho

使用素材

「旅行」で他にも無料素材がたくさん出てきます。お好きな素材を使ってみてくださいね。


写真を多用すると画像が重くなってしまうので、イラストのみのアイキャッチも併用することをおすすめします。

【動画】Canvaでのデザイン作成手順｜女子旅/旅行/観光ブログ

メインビジュアルとアイキャッチ画像の作り方は、こちらの動画で詳しく解説しています。

ヘッダーロゴやセクション見出しはメインビジュアルのタイトルテキストを流用して作ってみてくださいね。

女子旅ブログのサイト型Canvaテンプレート配布中！

この記事のデザインはCanvaで真似して作っていただければ無料で作れるようになっています。

ですが、イチから作るのはムリ！大変！という方に向けて、有料にはなりますが「サクッと作れるCanvaテンプレートセット」を用意しました。

内容はこちら

1. PC用メインビジュアルテンプレート(1600×900px)
2. スマホ用メインビジュアルテンプレート(960×800px)
3. アイキャッチテンプレート2種(1200×630px)
4. ヘッダーロゴテンプレート(1600×360px)
5. セクション見出し2種(1000×300px)

使い方はこちら

▼下記のnote記事内のテンプレートリンクからご自由にデザインの編集・作成ができます。詳しくはnote記事本文にてご覧ください。(¥1,000)

当サイトでは、デザインをよりクオリティの高いものにするために、Canva pro版の素材や機能も一部使用しています。


もちろん無料版でも素敵な素材がたくさんありますが、おしゃれなブログを目指すならCanva pro版にするとクオリティが断然アップします。

ブログデザインのご使用にあたって

当サイトの記事でご紹介しているデザインは、そのまま真似してOKです。（当サイトのトップページ以外OKです！）

でもせっかくなので、あなたのブログの世界観を出したオリジナルデザインへのアレンジも挑戦してみてください。自分のブログに愛着がわきますよ。

当サイトはリンクフリーです

当サイトのリンクは許可なく掲載いただけます。

当サイトのデザインを参考にされたブログ内で、「モフデザイン-mofu design-」をなるべくご紹介いただけると嬉しいです。

参考にしていただいたブロガーさんをこちらで紹介しています

まとめ｜SWELL×Canvaでつくるおしゃれなブログデザイン【女子旅/旅行/観光】

「女子旅」のブログデザインは参考になりましたか？


お好きなようにアレンジしていただき、素敵なブログデザインを作ってみてくださいね。

今後ともワクワクするデザインを提供していきたいと思います！参考になれば嬉しいです。

SWELLのサイト型カスタマイズまとめ記事はこちらから

\ Canvaの使い方解説はYouTubeから /