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

ブログ初心者におすすめ!サムネイルの注意点【カラー編】

こんにちはあるです!

今日はサムネイルを作る際にあまりおすすめしない色の組み合わせを紹介します!

あれ?なんか見づらい・・・や
なんかしっくりこない・・・

こんな場合は色味をしっかり直してあげることで解消することもあるのでぜひ参考にしてみてください!

今回は2色で例を作っていきます。少し変えるだけでおしゃれになりますよ!
ドキっとしたあなたはぜひ最後までよんで解決してくださいね!

NGな組み合わせとは?

基本的にNGな組み合わせは「見づらい」です。
あまり良くないなーっていうサムネイルは大体色味が見づらくなっていて重要な文字が読みづらくなっています。

簡単な確認方法としては少し距離を話してみてください!そうすると一眼でわかりますよ!

黄色+白


この組み合わせは「明るい色」と「明るい色」なので視認性が悪くなってしまいます
意外とやりがちでよく見るのがこれですね。

使い方によってはデザインのアクセントになるんですがこの黄色の文字をメインで読ませようとしてしまうと眉間にシワを寄せながら見なければならないくらい見づらいですよね・・・

このように背景の一部として使用してあげるのであればデザインの一部としてなりたっているのでいいと思います!

ではこれの対処法をやっていきましょう!

少しオレンジに寄せてあげる。(少しマゼンタ/ピンクを入れてあげる)
そうすると色味がすこし濃くなって視認性が上がります!

そのほかにはこのように背景を引いて視認性をあげることができます。
このときに同系色を背景に引かないように注意しましょう!

グレー+黒

こんな色味選ばないよ!って思うかもしれないんですが写真を使った際に意外と使用してしまっている人が多いです!

これ、見覚え無いですか?写真が明るいので黒いのを載せるのはいいと思うんですが、その上に載せる色味が黒も文字。

こんな時の解消方は文字を白くするだけです!

全然見やすさが違うと思いませんか?

ここでも文字の色を決める時のポイントですが、
明度をふたつにわけて「明るい色」には「暗い色の文字」
「暗い色」には「明るい色の文字」

これさえ押さえておけば完璧です!

オレンジ+赤

この色味に限らず同系色で組み合わせてしまうとどうしても視認性が落ちてしまいます。

その場合は同系色の色味を抜いてあげたり、白抜きにしてあげると一気に視認性が上がります!

緑+赤

この色味は俗に言うハレーションが起きてしまっています。
ハレーションを簡単に言うと目がチカチカしてしまう組み合わせです。

この場合は色味を変えてあげるか明度を変えてあげると見やすくなります!

少し見やすくなりますがハレーションの関係にある色味はできるだけ使わないようにしましょう!

見やすい色味の決め方

先ほどもちらっと話に出ていましたが基本を覚えてしまえばすごく色選びに困らなくなります!

暗い(濃い)色には明るい(薄い)色で

明るい(薄い)色には暗い(濃い)色で

これだけです!!

色に関する記事がほかにも色々ありますので是非是非見てくださいね!

-Blog Design

© 2021 ARULOG Powered by AFFINGER5