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

意外とやりがち!ドロップシャドウと縁のNG

こんにちはあるです!

間違った「ドロップシャドウ」と「縁」の使い方を
最近よく目にするので上手な使い方をやっていきます!

よく見かけるのが何でもかんでも足してしまう人が多いです。
綺麗なデザインに関しては引き算が大切になってきます。

使い方を間違えると見づらくなってしまったり
イメージを壊してしまう使い方もあるのでせっかく使うなら上手な
使い方をしていきましょう!

縁の使い方

まず文字の縁ってどういう時につかいますか?と聞いた時に


「文字が見えにくいので縁をつけます」

こう答えるデザイナーさんがいます。

まずその考えを変えて行きましょう!

全てをしっかりデザインしないといけないので、

文字の縁はデザインするためにつける

これでないとダメなんです。

寒気がするほどダサいですね・・・

ただ見えづらいから縁つけちゃうと上のデザインのようにになってしまい
最悪もっと見えづらくなります。

完全にデザインの邪魔をしてしまっていますね。

文字が見えづらい時は工夫して見やすくして行きましょう。

このように後ろに色をひいたり、文字色を変えて見えやすいようにしたり、
画像の明るさをかえてもいいですね!読みやすくを意識するといいです。
この一手間を加えることによってデザイン的にも邪魔をしないでいいですね!

ただ、縁をつけるデザインもあります。
ただつけるのではなく「縁」もデザインしていきます。

こんな感じにするとデザインの一部となっているのでいいですね。

縁の使い方がうまくできない人はまず、

縁を使わないでデザインする。

これをやってみましょう。どうしてもダメな時はデザインの邪魔にならないように
デザインに溶け込むようにしてみましょう。

ドロップシャドウの使い方

ドロップシャドウも先ほどの縁と一緒で
デザインによっては使わない方が断然いいです。

まずはこちら。

これも全てをぶち壊していますね。覚えのある人はいませんか?

シャドウが強くて読みやすいんですが、主張が強すぎて全体のデザインを
よりもそのシャドウに目がいってしまいます。

これもさっきと同じく下に色を引いたり文字色を変えて見えやすいようにしたり、
画像の明るさをかえて読みやすくして見てみましょう。

こうすることで写真の邪魔をしないでスッキリします。

また、シャドウを使う場合にはうっすら入れることは
大切なときもあるので加減を気にしながら使って見てくださいね!

これくらいうっすらがとても綺麗です!

これを守っておけばデザインの幅も広がるのでぜひ試してくださいね!

まとめ

縁やシャドウを使わなくても可読性が確保される場合は

使わない!

これですね。

シャドウやフチの使い方次第でデザインの良し悪しが
決まる場合もあるので是非参考にしてもらって綺麗なデザインを作れるように
なってくださいね!

ではでは良いデザインライフを!

-Blog Design
-

© 2021 ARULOG Powered by AFFINGER5