ブログ

【エンジニア必見】技術ブログのアイキャッチ画像簡単に上手く作る方法(苦手でも大丈夫)

スポンサーリンク

こんにちは!とも(@tomo_ITBizBlog)です!

本記事はこんな悩みを解決!

  • 技術ブログのアイキャッチ画像」がかっちり決まらない
  • 技術ブログのアイキャッチ画像」そもそもの作り方が分からない
  • 技術ブログのアイキャッチ画像」うまく作るポイントが知りたい

上記の悩みを持った方の悩みを解決する記事です。

本記事を読むことで、簡単にアイキャッチ画像を上手く作る方法が身に付きます!

この記事で分かること

  • 技術ブログのアイキャッチ画像」が簡単にポンポン作れる
  • 技術ブログのアイキャッチ画像」で悩みすぎなくてよくなる
  • 要点を掴む「技術ブログのアイキャッチ画像」が作れる

技術ブログのアイキャッチ画像」ブログ慣れしてない人は必ず一度ぶち当たる壁だと思います。

デザイン系を目指す人ならillustrator(イラレ)やPhotoshop(フォトショ)で上手く作ろう
ってやりますが、技術発信がメインのエンジニアでそこまで時間のリソースを画像に割きたくない、そんな方に超絶おすすめです。

とも

デザインが苦手な僕が解説します!

コツさえ知ってしまえば
苦手でもどんどん作れるようになるよ!

画像は1200×630pxで作ろう!

画像は1200×630pxで作ろう

PCでもスマホでも見やすい画像のサイズを求めるならアイキャッチも、見出し下の画像も「1200×630px」で作りましょう!

Canvaなら3Stepで作成できます!早速ログインして試してみましょう!

\Canvaで簡単に上手なアイキャッチを作ろう/

Canvaはこちら

無料で画像がたくさん作れる!

1.「デザインを作成」をクリック!

1.「デザインを作成」をクリック!

2.「カスタムサイズ」をクリック!

2.「カスタムサイズ」をクリック!

3.「1200×630px」を入力し、「新しいデザインを作成」をクリック!

「1200×630px」を入力し、「新しいデザインを作成」をクリック!

伝えたいことを端的に入れてみよう!

伝えたいことを端的に入れてみよう!

伝えたいことを端的に入れてみましょう!
「使用するツールのアイコン」、「何を伝えたい」くらいで十分だったりします!

とも

伝えたいことがありすぎて文字だらけだわ

引き算が大事!
一目で何を伝えたいか分かるようにしよう!

例えばこんな感じ

画像例①
画像例②
とも

本ブログも確かにシンプルだね!

盛り込む色はなるべく3色まで

盛り込む色はなるべく3色まで

盛り込む色はなるべく3色までにしましょう!
色が多すぎると目に飛びこんでくる情報量も必然的に増えるので色もシンプルであればあるほど見やすいです!

とも

この記事のアイキャッチであれば、青、紫、白が基調になってるね。

背景なら 背景クリック ⇒ アイコンクリック ⇒ 色選択 で他の画像の色に応じたオススメの色や単色、グラデーションを選択できます!

文字色なら 文字をドラック ⇒ アイコンクリック ⇒ 色選択 で他の画像の色に応じたオススメの色や単色を選択できます!

まとめ

今回、シンプルな内容ですが、一回イメージがかっちり決まってしまえば、
ページの複製や一つ一つのデザインのコピーが簡単にできます!

時間をかけたくないけど、上手くアイキャッチ画像や画像を作りたい人は
是非参考にしてみて下さいね!

最後までご覧下さりありがとうございました!

とも

ありがとうございました!

  • この記事を書いた人
  • 最新記事

とも

■エンジニア歴 8年目(2017~現在)
■複業ブロガー歴 5年目(2020~現在)
現在29歳
AWS全冠エンジニアブロガー

閲覧有難うございます!!

『新しい分野に挑戦する
大人初心者=ことな
に向けて,
「分からないが分からない」
を脱出して一歩踏み出せるよう
背中を押して応援すること』
を理念に記事を作ってます!

★プロフィールはこちら
■見やすいプロフィール
■詳細プロフィール

★Amazonアソシエイト・プログラムの参加者であり、ブログ内で紹介する書籍や商品はアフィリエイトリンク、PRである場合があります ★被リンク,コラボ依頼,
企業案件,ご意見ご質問も
ご気軽にお問合せください

イチ推し記事はこちらから!

1

スポンサーリンク AWS初心者必見!CloudTechを徹底レビュー! AWS初学者を導く体系的な動画学習サービス「CloudTech」 こんにちは!とも(@tomo_ITBizBlog)です! こん ...

2

スポンサーリンク 初心者必見!AWS全冠資格勉強におすすめの問題集5選と一発合格のコツ 初心者必見!AWS全冠資格勉強におすすめの問題集5選と一発合格のコツ こんにちは!とも(@tomo_ITBizB ...

【高的中率】クラムメディアで人気IT資格に合格しよう 3

スポンサーリンク 【高的中率】クラムメディアで人気IT資格に合格しよう 【高的中率】クラムメディアで人気IT資格に合格しよう こんにちは!とも(@tomo_ITBizBlog)です! 本記事はこんな悩 ...

-ブログ
-, , ,

© 2024 ことなの学校 Powered by AFFINGER5