【仮想通貨】SWELLサイト型トップページ参考デザイン

この記事では、仮想通貨/ビットコイン/マネー系ブログに使えるシンプルなトップページデザインのアイディアをご紹介します。

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

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

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

各デザインの解説｜SWELL×Canva【仮想通貨/ビットコイン/シンプルブログ】

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

ヘッダーロゴ

メインビジュアル

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

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

色を変えたパターンも

セクション見出し

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

アイキャッチ画像

他にもこんなデザイン

フルワイドブロック

カラー・フォント・素材の解説｜SWELL×Canva【仮想通貨/ビットコイン/シンプルデザイン】

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

カラーコード

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

・イエロー　#F7CE4D
・ホワイト　#FFFFFF
・ブラック　#000000

フォント

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

ヒカリ角ゴB

使用素材

「ビットコイン」で他にも無料素材がいくつか出てきます。お好きな素材を使ってみてくださいね。

【動画】Canvaでのデザイン作成手順｜仮想通貨/ビットコイン/シンプルブログ

ここからは、Canvaでのデザイン作成の手順動画と工程を解説します。(動画の音声はありません)

画面が小さくて見づらい場合は、全画面+スマホを横画面にして見てみてください。

SWELLメインビジュアルの作成手順動画【Canva】

カラーコードやフォント名はこの記事内のテキスト部分をコピーして検索窓に入力してください。

もふこさんによる「仮想通貨」メインビジュアルのつくりかた

SWELLアイキャッチ画像の作成手順動画【Canva】

動画の冒頭では、Canva proのマジックリサイズ機能を使ってサイズ変更しています。


メインビジュアルからアイキャッチへのサイズ変更が一瞬でできる様子を撮ったので、どんな感じか見てみてくださいね。

もふこさんによる「仮想通貨」アイキャッチのつくりかた

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

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

もふこさんによる「仮想通貨」ヘッダーロゴのつくりかた

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

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


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

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

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

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

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

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

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

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

まとめ｜SWELL×Canvaでつくるおしゃれなブログデザイン【仮想通貨/ビットコイン/シンプル】

「仮想通貨」のブログデザインは参考になりましたか？


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

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

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

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