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

すぐ実践できる!サムネデザインポイント3つ

こんにちはあるです!

今日はサムネイルデザインをする際のポイントをご紹介します!
(3つって書いたんですけどたくさんありますw)

では読んでみさなん素敵なサムネイルを作ってくださいね!

サムネイルデザインの基本

まずは基本を押さえてください!
これ覚えておくだけでかなり違います!

・読みやすさ
・文字の大小
・色味

はい!これだけです!

では実際にサムネイルを作りながら学んでいきましょう!

まずは完成品はこちらです!!

見やすさを優先する

まずはこれですね。
文字が読めなければ書いてないのと一緒ですね。

【悪い例】


いやいや!こんな見づらいの作らないよ!!って思った人いますか?
流石にあまり見ないですがたまーにいますよね。

つぎは・・初心者にありがちなこれです。

ふち!!!
ふちって意外なんですけどデザイン性を出すのにすごく難しいんですよ。
縁の太さ、色、縁の数など色々考えてつけなければ上のようになってしまいます。
最初よりは見えますけど見た目はあまり良くないですよね。

つぎはこれ!

白抜き!
これもなかなか難しです。フォトショップ技術があったりバッチリな
画像があれば見やすいんですが今回のこの画像では見えるところと見えないところの
差があり、ぱっとみおしゃれですが、見づらいですよね。。。

ではどうすればいいの?と思ったかたは次のポイントを実践してみてください。

BOXを置いて視認性をあげる

画像にBOXを引いて視認性をあげます。

はいこれで抜群に視認性が上がり見やすくなりましたね!
これで視認性の問題は解決です。

この手法は色数が多い画像に文字を乗せる時に役立ちます。

でもまだデザイン性がないのでこれから追加していきましょう!

文字の大小

次は文字の大小を決めていきましょう!

何故大小をつけるのか?
それはリズムをつけるためです!
単調だと見た時に飽きてしまうデザインになってしまうんですよね。。

今回は小さい文字を置きリズムをつけました。
1行だけでリズムを付ける場合は「な」「の」「り」などを少し小さくしてあげるといいですよ!

この追加した小さい文字・・・これはぶっちゃけ読めなくてもいいんです。
飾りのようにあれば十分役目を果たしてくれています。

さらに・・・・・追加します!
これでかなりデザイン性が出てきましたね!
もうすこしで出来上がりなのでお付き合いください!

色を付ける

これ意外と大事なんです。

さっそく色をつけたものがこちら

一気にまとまりが出たと思いませんか?
今回使用した色は

全て画像から色をとりました!
これすごく大切で色を画像と合わせることで「一体感」が出るんですよね!

これでもうほぼほぼできたの同然です!

最後に一つ手を加えてあげましょう。

これはブログでもよく使う手法で下線を引いてあげます!

これで完成です!!!!!

ポイントを押さえることですごく簡単に

見やすく・デザイン性のあるサムネができるのでみなさん真似して見てくださいね!

最後に・・・バリエーションを・・・!

デザインについて質問や教えて欲しいことがあれば遠慮なく声かけてください!

ではでは〜

-Blog Design, Web Design

© 2021 ARULOG Powered by AFFINGER5