AFFINGER最速導入手順

【AFFINGER6で制作】参考になる!おしゃれなブログデザイン9選【カラーコード】

AFFINGER(アフィンガー)を使ったおしゃれで参考になるブログのデザインが知りたい。

AFFINGERでどんなブログが作れるの?

このような悩みを解決します。

この記事では、WordPress有料テーマ「AFFINGER」で作ったおしゃれで参考になるブログを9つご紹介いたします。

使用されているカラーコードも併せてご紹介しておりますのでよければ参考にしてみてください。

 

おしゃれなブログデザインにするには自分の作りたいブログデザインを決めるのが第一歩です!

まずは他のブロガーさんのブログのデザインを参考にしてみましょう!

 

AFFINGER 参考デザイン9選

 

参考ブログデザイン1:Tsuzuki Blog

 

アフィリエイトやブログノウハウについて発信している『Tsuzuki Blog』さん。

白と黒がベースでシンプルで洗練された印象を受けるサイトです。

 

カラーコード


ベースカラー:#FFFFFF
メインカラー:#373F51
アクセントカラー:#95B306

 

参考ブログデザイン2:副業フリー

 

動画編集の学習について発信する『副業フリー』さん。

サイト型で大きなメインビジュアルが目を引きます。

モノクロの大きいカテゴリの画像も見やすいです。

 

カラーコード


ベースカラー:#FFFFFF #F9F9F9
メインカラー:#050505 #2B2E47
アクセントカラー:#EE5B65 #E9CA4E

 

参考ブログデザイン3:LIYO MEMO りよメモ

 

人生を助けてくれる「スキルアップ」「ライフスタイル」「ビューティー」の情報発信している『LIYO MEMO』さん

パステルカラーベースですっきりとして見やすいデザインになっています。

 

カラーコード


ベースカラー:#FFFFFF
メインカラー:#A1DDDD
アクセントカラー:#F8E55B #F6CFD0

 

参考ブログデザイン4:じぃみぃブログ

 

はじめて育児・生活のあれこれを発信している『じぃみぃブログ』さん

ナチュラルカラーでまとまっていて安心感があるデザインです。

 

カラーコード


ベースカラー:#FAFAFA
メインカラー:#EFE9CE
アクセントカラー:#CB695E

 

参考ブログデザイン5:にゃん吉のお金ラボ

 

簡単にできる家計管理や節約術・貯金方法を公開している『にゃん吉のお金ラボ』さん
女性らしい柔らかいイラスト・色味で可愛らしい雰囲気のデザインです。

 

カラーコード


ベースカラー:#FDEBEB #FFF6F4
メインカラー:#FFBCBE #E0BCAD
アクセントカラー:#FFF3E0

 

参考ブログデザイン6:nana blog

 

ブログ × 投資で自由に稼ぐ!アラサー女子のための投資を発信している『nana blog』さん

ピンクとモノクロカラーをベースにカッコいい×可愛いデザインです。

 

カラーコード


ベースカラー:#FFFFFF #F7F7F7
メインカラー:#EBDADE #161318
アクセントカラー:#FC6EA0

 

参考ブログデザイン7:コスメとメイクの研究室 |すこみみLabo

 

コスメとメイク,スキンケアの使用レビューや口コミなど最新情報を発信する『すこみみLabo』さん

水色のグラデーションで爽やかな印象です。

 

カラーコード


ベースカラー:#FFFFFF
メインカラー:#7ACED3 #DEF3F2
アクセントカラー:#78CDD2

 

参考ブログデザイン8:幼児教材ガイドブック

 

幼児教材の比較を発信する『幼児教材ガイドブック』さん

子どもらしいハッキリとした配色が可愛らしいです。

 

カラーコード


ベースカラー:#FFFFFF
メインカラー:#7CBCA9
アクセントカラー:#FF9971 #FEB872 #66BB6A

 

参考ブログデザイン9:WAROCOM

 

Apple製品を中心にアプリ・インターネットの情報を発信してるガジェットブログの『WAROCOM』さん

モノクロベースですっきりとして見やすいデザインです。

 

カラーコード


ベースカラー:#FFFFFF
メインカラー:#373F51
アクセントカラー:#95B306

 

 

まとめ

以上、AFFINGERで制作されたおしゃれなブログを9つご紹介しました。

WordPressテーマを選ぶ際の参考やAFFINGERを使ったサイト作りのデザインの参考になればと思います。

AFFINGER6を詳しく知りたい方は下記もチェックしてみて下さい。

AFFINGER6

 

この記事が少しでもお役に立てたら幸いです。
最後まで読んでいただき、ありがとうございました!

 

-AFFINGER最速導入手順