Blog Design

2021/7/13

ブログ サムネイルデザインの基本

こんにちはaruです! 久々にブログを書いているので書き方を完全に忘れているのですが優しい目で見てもらえるとうれしいです! 今回久々に各記事は「デザインの基礎」の一つ 揃える です。 え?それだけ?と思うかもしれませんが実は大勢の人ができていない基本の一つです。 では早速やっていきましょう! Contents1 サムネイルの基本「揃える」とは?2 サムネイルデザインの基本 おおまかなレイアウトを決める3 サムネイルデザインの基本 揃えていく3.1 テキストを揃える3.2  テキスト上下の空間を揃える3.3 ...

ReadMore

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

ブログ サムネイルデザインの基本

こんにちはaruです!

久々にブログを書いているので書き方を完全に忘れているのですが
優しい目で見てもらえるとうれしいです!

今回久々に各記事は「デザインの基礎」の一つ

揃える

です。

え?それだけ?と思うかもしれませんが実は大勢の人ができていない基本の一つです。

では早速やっていきましょう!


サムネイルの基本「揃える」とは?

揃えるなんて簡単!!

なんて僕も最初は思っていたのですが、

これがまた意外と難しいもので。。。

揃える部分って思っているよりたくさんあるんです。

早速みながらデザインしていきましょう!


サムネイルデザインの基本 おおまかなレイアウトを決める

まずざっくりとしたレイアウトを上の画像の様に決めていきます。

今回は

「メイン」「サブ」「ロゴ」「イラスト」を使って作っていきます!


サムネイルデザインの基本 揃えていく

使う素材が決まったところで、早速揃えていきます!

テキストを揃える

まずはテキストから揃えていきます。

テキストは「左揃え」で組んでいきます。

これは簡単なのでサクっとそろえて次にいきましょう!


 テキスト上下の空間を揃える

上下の余白のスペースを揃えていきます。


これだけでだいぶデザインとしてまとまってきましたね!

この調子でどんどん揃えていきましょう!


ロゴとイラストを揃える

ロゴとイラストなんでどうやって揃えるの?

そんな声が聞こえてきそうですが、早速やっていきましょう!

k

今回はこのイラストの「窓」にそろえていきました。

それと同時にロゴの上と左のスペースもきっちり揃えました!

全体はこんな感じになっています。


だいぶ整ってきましたがあと一息頑張りましょう!


余白を揃えていく


文字の左右の余白を揃えていきます!

どうでしょうか!これで整いましたね!


デザインの比較

最初のデザインと比較してみましょうか!

どうみても左の方が揃っていて綺麗ですよね!


サムネイルデザインの基本 完成!

さっぱりしたデザインですが、しっかり揃えるところは揃っていますので

綺麗なデザインになっていますね!

デザインの基礎はこのブログにたくさんありますので
少しでもデザインに興味がでてきたらそのほかの記事も見てみてくださいね!

ブログデザイン記事はコチラ



ではではみなさん素敵なデザインライフを!

-Blog Design

© 2021 ARULOG Powered by AFFINGER5