Blog Design

2021/3/26

【初心者も簡単】AFFINGER5(アフィンガー 5)デザインカスタマイズ

この記事を書いた人 ポイント この記事を書いた人 ・デザイナー歴11年(web、グラフィック) ・ブロガー向けにブログデザインを発信中 こんにちは!あるです。 今回ワードプレスのテーマをAFFINGER5(アフィンガー 5)にしました! AFFINGER5(アフィンガー 5)にした機会にデザインも一新しましたのでそのデザインカスタマイズ方法をお伝えしていきたいなと思います! Contents1 AFFINGER5(アフィンガー 5)って?2 AFFINGER5(アフィンガー 5)デザインカスタマイズの場所 ...

ReadMore

Blog Design

2021/3/7

スキマ時間にスマホで簡単!canvaアプリのおしゃれなブログアイキャッチの作り方/使い方

こんにちはあるです!今回はスマホアプリのcanvaを使っておしゃれなブログアイキャッチを作ってみます!DLから簡単に使い方を説明していきます。 いつもブログ書いた後にへろへろでアイキャッチまで気が回らない、、、 移動中や外出中の暇な間に作れたらな、、、 そんな方はスマホ版のcanvaを使えば ブログを書いた後にすぐ投稿できちゃいます! 時間を有効に使えてその分の時間を他に回せる! 使い方も簡単なので一度アプリを使ってみると時間に余裕ができますよ! Contents1 canvaアプリを早速ダウンロード1. ...

ReadMore

Blog Design

2021/3/25

ブログ初心者必見! おしゃれなブログデザインの作り方

こんにちはあるです! 今回はブログ始めたばかりの方むけのおしゃれなブログデザインの作り方を紹介します! ブログ初めて記事も書かないと・・・・色々勉強することばかりでデザインまで気が回らない・・・ そんな方に簡単ですぐできる方法が一つあります。 それは・・・ヘッダーを変更する。 これだけです。 では実際にみながらどれだけ違いがあるか見てみましょう! Contents1 ブログデザインとヘッダーの関係性2 じゃあおしゃれなヘッダーはどうすればいい?2.1 無料デザインアプリ「canva」でデザインする2.2 ...

ReadMore

Blog Design

2021/3/1

ブログヘッダーを【Canva】でおしゃれに簡単デザイン!

こんにちは!デザイナーのあるです! 今回はおしゃれなブログヘッダーをCanvaで作る方法を詳しく説明していきます! ブログでヘッダーは一番最初に目に付く部分ですので、デザインがしっかりしていたほうが信頼感が増え、記事の信頼感も同じくUPします。 アプリ版もありますが、今回はPCの操作方法をやっていきたいと思います。 Canvaはコチラ まずは右上の「登録」から無料登録をしましょう! 有料アカウントのほうが使える機能があって便利なのですが無料でもかなり使い勝手はいいです! 今現在30日間の無料お試しがあるの ...

ReadMore

Blog Design

2021/2/26

無料でおしゃれなデザインが出来る【Canva】でブログアイキャッチ画像を作る方法!

こんにちは、デザイナーのあるです! 今回は無料デザインツールの「Canva」の使い方を説明していきます!誰でも使えるのでみなさんも試してみてくださいね! Contents1 ブログのアイキャッチとは?2 早速Canvaを使ってみる2.1 デザインを作成→ブログ2.2 テンプレートを選んでいく2.3 テキストを変えてみる2.4 イラストを変更してみる2.5 色味を変更してみる3 完成! ブログのアイキャッチとは? アイキャッチとは「アイ」を「キャッチ」する。そのままですね。 このアイキャッチ一つで集客数が変 ...

ReadMore

Blog Design Web Design

初心者におすすめのブログ配色【カラーコードあり】

こんにちはあるです!

今日はブログの配色について書いていきます!
ベースカラーはどうしよう?
好きな色があるけど合わせるとなんだかイマイチ、、、なんてことはないですか?

そんな時に配色を真似するだけで綺麗なデザインにができるといいですよね!

フォントなどでもイメージは変わりますがまずは色から始めてみましょう!

今回はカラーコードも記載しているのでどなたでも簡単に真似することができますよ!
カテゴリなどはデフォルトの書体で進めていきますのでよりイメージしやすいと思います。

この記事にあるデザインはあくまで一例なので参考程度にみていただければと思います!

ではでは早速始めましょう!

ベースカラーの決め方ってどうやるの?

まず大前提にベースカラーの決め方を考えていきましょう!

色には1色1色イメージというものがあります。
例えば「緑=安心」 「青=冷静・爽やか」 「赤=情熱」 「黄=楽しい」 「黒=カッコいい」
など色によってイメージがあります。

また緑一つでも明度・彩度が変わるとまたイメージが変わってくるので
このイメージを元に自分のブログに合った色味を見つけていきましょう!
今回は色味だけで表しているので写真などは使ってないですが、写真を使いたい!って方は写真の色味も一緒に考えながら作って見るときっとあなたの色が見つかりますよ!

また配色でもイメージがかわりますのでこれから紹介する色味の配色を変えるだけで何十通りも
できちゃいます!

今回は配色パターンをいくつか紹介しますので参考にしてみてくださいね!

【可愛いブログにしたい】

・パステルカラーを使い柔らかいイメージ
パステルは相手に柔らかい印象を与えてくれる色味です。
使う時の注意点としては濃い色の割合を少なくして彩度を一定に保って使えば統一感のあるデザインになりなす。

可愛いけど少し落ちついた雰囲気にしたい方はパステルカラーを使いすっきりまとめてあげると
このように綺麗でスッキリした印象になりますよ!

・ビタミンカラーで元気なイメージ
ビタミンカラーは目が醒めるような配色です。オレンジは元気なイメージがあるのでふんだんに使ってみましょう!合わせる色味は同じくらいの彩度を組み合わせてあげるとさらに賑やかなイメージになりますよ。

健康で元気な色味になるので明るいブログにしたい!って方はおすすめです!

・ビビットカラーを使った派手なイメージ
ビビットカラーは賑やかで派手なイメージになります。
思い切って背景に色をひいて相性のいい色味で文字を乗せてあげれば目に止まる印象の強いデザインになります。ただやりすぎると目が痛くなってしまうので背景も一部分だけ色を引いてあげて残りは色味は派手だけどシンプルくらいがちょうどいいです。

ビビットカラーを使った配色です。派手派手がいい!という方や、
印象あるブログにしたい!って方におすすめですよ!

かっこいい系

・シンプルなブラック&グレー
白・黒・グレーのみでつくるので色味の配分が難しい色味です。
配分を間違ってしまうと「デザイン」していると認識されないので配分に気をつけてデザインしてみましょう!ポイントは重すぎず軽すぎずグレーと黒を入れていきましょう!

シンプルの王道です。使用する色も2色というミニマムなデザインになっています!
自分の好きな色を差し色としてどこかに入れてあげるとグッとデザイン性もあがりますよ!

・高級な大人系
ゴールドに近い黄色をメインに使用し、高級感溢れるデザインになる配色です。
ポイントは黒でデザイン全体をグッとしめてあげることです。そうしないとぼやっとした印象になるので濃い色はどこかで使うようにしましょう!


高級なイメージや、スッキリさせたいブログにしたい時はおすすめです!

・爽やかだけどかっこいいイメージ
青を使い爽やかさを出しています。
配色を間違うと元気なイメージに寄ってしまうため配色はシンプルに。
ポイントは白と青の割合です!

青を使うことで一気に爽やかさが追加されます!

ナチュラル系

・オーガニックなイメージ
深い緑をベースにオーガニックなイメージな配色です。
緑の濃淡でデザインしているのでまとまりがあり、落ち着いたイメージになります。

・アースカラー
アースカラーを使って落ち着いた雰囲気のデザインです。
黄土色の面積を多くすることで一気にイメージがかわるのでチャレンジしてみてください!

おまけ

写真と入れるとこんなにもデザインが変わります!色味は全て右の写真からとっているので
全体も統一感が出ていいですね!
まだまだ伝えたいですがこの辺はまた近いうちに記事にしますので楽しみにしていただけたらと。。。

色味でお悩みの方や質問はツイッターでできる限り答えていきますので
気軽にフォローしてくださいね!

ではではみなさんも色味を整えてさらに素敵なブログにしていきましょう!
そのほかにもブログで使えるデザインブログがあるのでお時間のある時に読んでいただければと思います!

-Blog Design, Web Design

© 2021 ARULOG Powered by AFFINGER5