ブログ(WordPress)の色使いやデザインの決め方

ブロガーのライムスです。

主にGoogle AdSenseを主軸としたサイトやASP高額案件で独立9年目。2022年6月に月間650万PV達成。現在10サイト以上運営。専門はアルゴリズムの大変動を逆算したサイト設計。ゲーム感覚でサイトの稼ぎ方を学べるRPG型教材「アドセンスクエスト」の制作者。月利数十万円プレイヤーを多数輩出。

僕の詳しいプロフィールはコチラをどうぞ。

 

ライムス
この記事では、サイトの色使いやデザインの決め方について、僕がどのような感じでデザインや色使いを決めているかお話します。
初心者:スラ子
サイトの色使いって難しいですよね。個性は出したいけど奇抜すぎてもおかしいし..。気になってるのでよろしくおねがいします!!

日本の有名サイトを真似る

僕の場合は、特化型の資産型サイトを作る際は、色などのデザイン的に日本の有名なサイトを参考にしていることが多いです。

ゼロから色などを自分で考えるよりも、すでに知名度が高いサイトを真似すれば間違いないですからね。

例えば、料理系のサイトを作るとします。

僕だったら、日本人に馴染みが深いクックパッドとかのサイトの色使いや、雰囲気などを真似ると思います。

サイトの色コードを調べる拡張機能

こちらは、Googleクロームの拡張機能になります。

非常に便利な機能ですので、ライムスは非常に重宝しています。

クロームウェブストア(無料)

『ColorPick Eyedropper』と検索をしてください。

赤枠の拡張機能をChromeに追加してください。

追加をすると、ブラウザがChromeであれば、右上に赤枠のようにマークが表示されます。

そこをクリックしてください。

そうすると、参考にしたいサイトの色のコードがわかります。

例えば、先程のクックパッドの例ですと、このような感じで色コードが分かりますよ。

ライムス
この拡張機能は、サイト運営をする上で本当にめちゃくちゃ重宝しますので、是非活用して下さいね。

色見本と配色サイト

また、非常に色々な色を提供してくれているサイトがあります。

中々自分では作り出せないような可愛い色もそろっていますので是非活用してくださいね。

色見本と配色サイト

Googleアドセンスマスター講座

ゲーム感覚で月収100万円までの道を学べるGoogleアドセンスマスター講座です。

ライムスからのプレゼント♪

当サイトを発見したあなたには、ライムスから、ブログ収益に直接結びつく特別なプレゼントを2つご用意しました。

ライムス
このプレゼントが、あなたのブログ人生を変える大きなきっかけになるかもしれません。

初心者:スラ子
何が入ってるかドキドキしてきました♪

プレゼントはこちらから