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

なぜ?色でこんなに変わる!初心者が抑えておきたいブログ配色

こんにちはあるです!

最近色々なブログにお邪魔しているのですが、
綺麗なブログや人気のあるブログって

「テーマカラー」

がしっかり決まっているんですよね!
今回はそのテーマカラーでどれだけイメージが変わるのかを実際に
僕のブログを使いながらやっていきたいと思います!

このブログは「暖色が〜」とか「寒色が〜」とか難しいことは抜きにして
かっこいい色の組み合わせ とか 可愛い色の組み合わせ! とかで
わかりやすく説明していきます!!

今回このタイミングでTOP画像やカテゴリ画像も変えたので帰る前にTOPページ
のぞいて行ってみてくださいね!

ちなみにこのブログは「Cocoon」を使用していますが
そのほかブログでも参考にできると思うので最後までお付き合いください!

モノクロでスッキリかっこよく

最初はモノクロでスッキリかっこいいイメージを紹介です!
使用した色はこちら!

この2色だけ使用して色付けしていきます!

黒は色の中でも一番重みのある色なのでバシッとデザインが引き締まります。
さらに白を合わせることでシンプルさも加わりすっきりした印象になります!

これでは寂しいと思う人はポイントとなるカラーを追加してみてください!

1色足しただけで印象がかわりますよね!
少し高級感がプラスされてさらに洗練されたデザインになって来ています。

黄色と青を使用して元気なイメージに!

次は「黄色」「青」を使用して元気なイメージにしていきます!
この配色は夏のデザインによく使われる色味で、爽やかな夏のイメージも
感じられます。

使用した色味は

この3色です!

先ほどのデザインと同じとは思えないですよね!
さらに元気なイメージを与えたい人は

こんな感じで色の配分を変えてあげることで
同じ色を使っててもイメージが変わって来ます!
ちなみに青の分量を多くすると・・・

少し硬いイメージが出て来て企業感が出ます!
元気な会社!ってイメージになりましたね。

ピンクをつかって可愛い感じに

次はピンクをベースに可愛いイメージにしていきます!

使う色味はこちら!

ピンクに黄色をいれるとこのように可愛らしい色味で全体の雰囲気が柔らかくなります!

もう少し大人っぽいデザインがいいな・・・・
という方は先ほどと同じく色の割合を変えてあげるだけで

大人っぽく可愛い感じになりますよ!

緑を使ってオーガニックなイメージに

次はオーガニックのイメージです!

使用した色味はこちら!

緑をベースにグレーを混ぜたりして同系色でまとめています。
緑は落ち着いたイメージのあるいろなのでページ全体も落ち着いて見えますね。

もう少し落ち着いた色味を使ってあげるとアウトドアなどでよく使われている
アース系の色味になってさらに優しさが追加されます。

派手にPOPに!

最後は派手なデザインになる色味です!
ちょっと目がチカチカするかな。。。ぐらいが印象に残るので
思い切って色をつかってみましょう!

はい。チカチカしますね。明るくカラフルで派手派手なデザインにしたいときは
これくらいやっちゃてもいいと思います!

これは派手すぎるよ。もう少し落ち着いた色味がいいな・・・
と思う方はこれくらい彩度を下げてあげてもいいかもしれないですね!

まとめ

色一つでデザインの印象がガラッと変わりますので
エンドユーザーに与えたいイメージや自分の好きな色でいろいろチャレンジしてみてください!

ちなみに色は2〜3色でつくってあげると綺麗にまとまりますよ!

色の組み合わせはこちらでも記事にしているのでよかったらみてください!

色相環についてはこちら

ではではみさなん素敵なデザインライフをお過ごしください!

-Blog Design, Web Design

© 2021 ARULOG Powered by AFFINGER5