アイキャッチ添削も15回を迎えました。
でもいまだに出ていないのが、パステルカラー統一のサイトのアイキャッチ。
洗練されたブログサイトでよくみかけますよね。
あのサイトとか。そのサイトとか。
今回はそういったパステルカラーで統一するサイトを作られているゆんさんの登場です！
コバッチさんの記事見て、是非お願いしたいと思ったので嬉しいです！
私も嬉しいです！よろしくおねがいします！
- パステルカラーの注意点
- パステルカラーの相性のいい選定方法
- パステルカラーの応用
パステルカラーで統一する際の注意点や、配色を選ぶ方法までお話していきます。
ぜひ、最後まで読んでいってくださいね。
今回の作品
作者 …ゆんさん
掲載サイト…アラサー現役看護師
掲載記事 …看護師さん！ポケットの中身教えて‼︎/どんなものを入れてるの？【看護師向け】
添削企画初の「パステルカラー」のアイキャッチです！
楽しみです。
ゆんさんの作品を添削開始！
すこしアイキャッチの文字が浮き出しているように感じませんか？
文の色はイラストの一部の色を使って浮かないように意識していました。
が、客観的に見ると違和感があるのだと新しい発見でした‼︎
背景がパステルカラーなのに、文字だけ鮮やかなカラーを使っているのが原因です。
客観的に見ると違和感があるのだと新しい発見でした‼︎
イラストの色も鮮やかなので、それにあわせちゃいましたね。
背景やイラスト、テキストの彩度が違いすぎると違和感が出てくる
特にパステルカラーを使う場合は彩度差がでやすいので注意
配色をブログサイト全体として考える
ブログサイトの色合い（タイトル、見出し、装飾など）や、イラスト・アイキャッチをパステルカラーで統一することにより、一体感や権威性を出せる。
ブログ全体で使う色を始めに決めてしまっておいたほうが統一感もでるし、作成も楽になります！
まず、自分が好きな色を背景色にしていたけどパステルカラーという分類を無意識に選んでいたことに気付けました‼︎
ゆんさんはどんな色がお好みですか？
好きな色はあるんですが…どうやって選んでいいかわからなくて。
良い無料サイトがありますのでご紹介しますね！
お願いします！
Palettable
Like（好き）かDislike（嫌い）で色を選んでべるサイト
相性の良い色が次々に提案されてくるので、気に入った色がでれば「Like」を押す。
2つ目以降の候補は必ず相性の良い色だけが表示されるようになります。
最大5色まで、あなた好みの相性のよい組み合わせが調べることができます。
これなら選べそう！
今回はアイキャッチの色合いを元に、私が勝手に選んでみました。
ブログで使うアイキャッチの下地カラーもこれで始めて決めておくとよいですね！
簡単ですね！
アイキャッチのイラストで使うカラーもここから選びます。
気分で背景の色を選んでいましたが、palletableで下地カラーを決めておくことは取り入れていきます‼︎
相性が良い色を調べて使う事でサイト全体のイメージアップ！
テキストについて
上部の＼スラッシュ／を使うのお好きですね？
強調したい時に結構使いますね。
私も好きなんですが、パステル調は落ち着いた感じなので、あまりあってないかもしれません。
今後気をつけていきたいです！
テキストを下部に集約させて、坦々と並べたほうが雰囲気がでます！
色調とテキストのイメージを合わせるようにしよう！
線を使ったデザインも上手に使えばオシャレになります！
線をつかったデザインはこちらの記事が詳しいので是非読んでみてくださいね。
添削完了！
では、添削で指摘した点を考慮して作品を修正していきます…！
お願いします！
テキストも彩度が近くなった事で画像になじんだと思います。
文字は目立てばよいと思ってました…！
文字を目立たせたいときはもっと鮮やかな文字を使ってもいいんですが、文字だけ目立っちゃいますね。
これからはpalettableで選んだもので使っていきたいです！
テキストについては、今回は幅を揃えずに中央揃えで同フォントサイズにしました。
横幅揃えなくてもいいんですね！
あとご自身が看護師をされているので、「さん」は除いてみました。
承知しました！
同じ5色を使うだけでも、これだけ作り分けできます！
これは便利ですね！
カラーの選定は好みが一番でるところなので、ゆんさんで是非選んでみてくださいね。
スラッシュを使わないとのことなんですが、強調したい時はどんぐり所長ならどうするのかな〜っ気になりました‼︎
優しいふきだしをつかってもいいですし、大事なキーワードだけ色を変えてもいいですよ！
やわらかく強調したらよいんですね！
当サイトでは常時アイキャッチ添削を募集しています！
どんぐり所長のおすすめツール
どこでも、どんなデバイスでも順位チェック
ブログ記事の順位を確認していますか？どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。
ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。
クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。
実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。
＼場所を選ばない快適さを体験して／
Nobilista公式サイト
当サイト推奨 デザインツール
当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ！
当サイトのデザインは、SWELLで再現可能
私はSWELLを2年使用してきました。現在４つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い。
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。
- 完全ブロックエディタ対応
- 直感で使える操作性
- 便利な専用ブロックを多数用意
- お洒落なトップページが簡単に作れる
- 最速レベルのページスピード
- 一度購入すれば複数サイトに何度でも使用可能
- ユーザーの利便性を考える熱意の運営者
- SWELLを紹介すればアフィリエイト報酬が貰える（購入者のみ参加可）
- 販売価格 ￥17,600（税込）
唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。
SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。
＼圧倒的な操作性を体験せよ／
あなたも今日からSWELLER！
お気軽にコメントください