【おうち/ステイホーム/シンプル】SWELLサイト型トップページ参考デザイン

この記事では、おうち時間/ステイホーム系ブログに使えるシンプルなトップページデザインのアイディアをご紹介します。

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

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

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

各デザインの解説｜SWELL×Canva【おうち時間/ステイホーム/シンプルブログ】

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

ヘッダーロゴ

メインビジュアル

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

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

セクション見出し

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

アイキャッチ画像

他にもこんなデザイン

フルワイドブロック

カラー・フォント・素材の解説｜SWELL×Canva【おうち時間/ステイホーム/シンプルデザイン】

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

カラーコード

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

・グレー　　#DFE2EA
・グリーン　#CAE5D3
・ブラウン　#663718

フォント

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

ほのか明朝

使用素材

まず、メインビジュアルで使う素材を「窓」で検索します。

そこから自動おすすめ機能をクリックするとこのシリーズのイラストがたくさん出てきます。

「rest」でもこのシリーズのイラストが出てくるのでお好きな素材を使ってみてくださいね。

四角形はあしらいや飾りとしても万能です。キャンバス内をどこもクリックしていない状態でPCのキーボード「R」を押すと一瞬で四角が出てくるのでやってみてくださいね。

【動画】Canvaでのデザイン作成手順｜おうち時間/ステイホーム/シンプルブログ

SWELLヘッダーロゴの作成手順動画【Canva】

メインビジュアルのページを別のタブで開いておいて、ヘッダーロゴ作成画面にコピペすれば数十秒でできあがります。

もふこさんによる「おうちじかん」ヘッダーロゴの作り方

セクション見出しも同じ要領で作れます。

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


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

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

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

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

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

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

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

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

まとめ｜SWELL×Canvaでつくるおしゃれなブログデザイン【おうち時間/ステイホーム/シンプル】

「おうち時間」のブログデザインは参考になりましたか？


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

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

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

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