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

ブログヘッダーを【Canva】でおしゃれに簡単デザイン!

こんにちは!デザイナーのあるです!

今回はおしゃれなブログヘッダーをCanvaで作る方法を詳しく説明していきます!

ブログでヘッダーは一番最初に目に付く部分ですので、デザインがしっかりしていたほうが
信頼感が増え、記事の信頼感も同じくUPします。

アプリ版もありますが、今回はPCの操作方法をやっていきたいと思います。

Canvaはコチラ

まずは右上の「登録」から無料登録をしましょう!

有料アカウントのほうが使える機能があって便利なのですが無料でもかなり使い勝手はいいです!

今現在30日間の無料お試しがあるのでこのヘッダーを作る時に登録しておくとデザインの幅が広がるのでおすすめですよ!

Canva Pro

有料版のお試しはコチラから↑

ではでは早速やっていきます!

ヘッダーに会うサイズを指定する

ホーム画面右上の「カスタムサイズ」からサイズを選んでいきます。

サイズを打ち込む

今回はWordPress推奨の960px 250pxでつくっていきたいと思います!
イメージをより強くしたい場合は高さがもう少しあったほうがブランド感が出るのでおすすめですよ!

「デザインを作成」ボタンを押すとこの画面に飛びます。

カスタムサイズにした場合無料版だとフォーマットがでてきません。。。

今回は無料版で作る方法ですのでこの状態からスタートしていきます!

画像を選択する

写真を入れる際に2種類の方法があります。

・オリジナル写真を使う場合
・すでにCanvaにはいっている写真を使う場合

オリジナルの写真を使う場合

左側の「アップロード」タブを選択してください。
すると「メディアをアップロード」ボタンか画像をドラッグします。

アップロードが完了するとこのように画像が出てくるのでクリックして右の編集画面に反映させます。

商用フリーの写真についてはコチラで説明していますので使いたい写真がない場合は参考にしてみてください!

すでにCanvaにはいっている写真を使う場合

左側の「写真」タブを選択して写真一覧を表示します。

検索窓から検索するか下の一覧から探していきます。

この時に「王冠マーク」がついているものは有償の「Canva pro」でしか使えないので
もし使いたい画像があればコチラから30日の無料体験をしてつかっちゃいましょう!

7500万点の素材が無料

今回はこの写真を使ってデザインしていきます。

写真の選び方がわからない・・・
難しい!と言う方はコチラにコツを書いているので読んでみてくださいね!

[ad]

ブログタイトル テキストを入れる

左の「テキスト」タブを選択します。

この時のコツは

日本語タイトルは「日本語のテキスト」英語の場合は「英語のテキスト」を選択するといいです。

今回はこのテキストを使用していきます!画像と同じくクリックすると右側に反映されます。

テキストを打ち替える

テキストをダブルクリックし、文字を打ち替えます。

かなり完成に近くなってきました!

イラストを追加する

「素材」タブを選択します。

同じく検索窓から検索してイラストを探していきます。

写真に一つ、テキスト部分に2つ追加しました。
イラストが入るとクオリティが上がった感じがしますね!

色を変更する

最後に色を変更していきます!色でかなり印象が変わってくるので必ず変更していきましょう!

テキストの色味を変更する

テキストは上の「A」の部分を選択して左のパレットから選んでいきます。
パレットにない場合は「新しい色」から選んでいきましょう!


この時違うパレットを使いたい場合は有償になってしまうのでご注意ください!

イラストの色味を変更する

変更したいイラストを選択し、色を変更していきます!

[ad]

完成! ダウンロードする

これで完成です!なかなかいい感じのヘッダーになったんじゃないでしょうか?

完成したら右上のダウンロードボタンでダウンロードしていきます。

あとは各ワードプレスのヘッダー設定にしたがって設置すれば完成です!

アルログに設定するとこんな感じです!ぜひトップページと比較してみてくださいね!
きっとヘッダー変えただけでイメージが違うと思います!

ではではみさなん素敵なヘッダーを作ってブログをおしゃれにしてくださいね!

Canvaを使ったアイキャッチのデザイン方法まとめました↓

-Blog Design

© 2021 ARULOG Powered by AFFINGER5