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

【きほんの「き」】文字のあれこれ

こんにちはあるです。

きほんの「き」第一弾は・・・

文字のあれこれです!
はいタイトルだけ見たら何のことやらですね笑

もう文字デザインのコツって無限にあるんで
今日は文字の間隔や大小について簡単に説明していきます!!

タイトル・サブタイトルやちょっとした目立たせたい文章に
この基本を使ってくれればよりいいデザインになりますよ!

以外にデザイナーの方でもないがしろにしている人もいるので
しっかりとした文字の扱いを見るだけで
「この人はしっかりデザインをやっているんだな」
と思います。

では始めましょう!

文字の間隔を揃えるだけで見違える!

まずは文字の間隔ですね!

よく「文字間」って言われるアレです。

早速見て見ましょう!

まずは打ちっ放しの状態です。
文字間もバラバラで気持ち悪いですね。。
の と 「 の間がすごい空いています。

このままでは吐き気がするので直していきましょう・・・笑

はい!だいぶ整いましたね!ちょっとしたサブタイトルとか
小さく表示されるものであればこれくらいで十分です!
ちなみの文字間の詰め方はAltキー+矢印でできますよ!
呼び名は「カーニング」っていいます。

さぁもう少しこだわって見ましょう!
ぱっと気になるのは

ここの空きがそろってないのでぱっと見読みづらくなってしまいます。

はい揃えました!これでかなり見た目が良くなりましたね!

始めと比べて見ましょう!!

文字間はこれでバッチリなので次にいきましょう!
・・・・とその前にもうひとつポイント

アルファベットは「A」や「D」など結構文字間隔がばらばらなので気をつけましょう!
上がそのまま、下が文字間を整えたものです。

文字の大小をつける(リズムをつける)

コレも意外とできていない人が多いです!

文字の大小です。リズムをつけてあげると
読み手も読みやすく内容が頭に入りやすくなります。

コレに関しては、デザインによってした方がいい場合と
しなくても特にデザインが変わらないときがあります。

タイトルロゴなど作るときはした方がいいので
参考にして見てください。
あとは・・・ブログのサムネとかにも使えますね!

ではさっきの文字間を調整したものを使いやって見ましょう!

さらに読みやくすくなりましたね!
「の」を小さくしただけなんですが段違いで読みやすくなります!

そのほかにも「〜が〜」の「が」や
「〜へ〜」の「へ」 「〜や〜」の「や」のような並列助詞を
小さくしてあげると文字にリズムがついていいですよ!

この基本ができれいれば
波線をつけてあげるだけで・・・・

タイトルになっちゃいます!

文字の世界はまだまだ深いので本当入り口ですが、
意外とこれができていればどうにかなります!

ではでは、みなさんも素敵なデザインライフを送ってください!

-Blog Design

© 2021 ARULOG Powered by AFFINGER5