見出し画像

Figmaでひたすら見出し画像を作ってみた

「どういう見出し画像がクリックされやすいのだろう?」
という興味と
「デザイン力を磨きたい!」
ということで、最近のデザインを参考にしながら、ひたすら見出し画像を作ってみたいと思います。

「上達するにはとにかくOutput! かつ、量をこなす!」

では、スタートです!


①写真素材+枠

①-1. 画像内に細い枠を追加

背景写真は、SeaArt AIで生成。枠に少し影あり。
テキストは、タイトル、サブタイトル、名前。


①-2. 画像内に細い枠を追加(別Ver.)

背景写真は、商用利用可のサイトから取得。文字に少し影あり。
テキストは、タイトル、サブタイトル。


①-3. 画像内に細い枠を追加(丸みVer.)

背景写真は、京都旅行時に撮影した写真を使用。文字に影あり。
テキストは、タイトル、サブタイトル。


①-4. 画像の淵に枠、放射線状のイラスト

背景の人物写真と放射状の線は、商用利用可のサイトから取得。
テキストは、吹き出し、タイトル、サブタイトル、注釈。


①-5. 画像内に細い枠、縦書き

背景の写真は、商用利用可のサイトから取得。
テキストは、タイトル、サブタイトル。


②背景イラストメイン

②-1. 黒板

背景画像の黒板は、Photoshopで作成。
テキストは、タイトル2、月・日・曜日。
手書き風フォントを使用。


・・・


無謀でした😭

今日、10個くらい作ってみようと思ったのですが、2時間くらいでしんどくなってきて、6個目で挫折しました。(黒板は以前から作っていたものなので対象外です)

写真素材+線+テキストであれば、比較的時間をかけずに作れるかなと思っていましたが、見込みが甘かったです。

15年以上前ですが、ランディングページの画像なども作っていたので、できるかなと思っていましたが、1つ作るのに下書きからしないといけないので、時間的に無理がありました。

「こんなの作ってほしい」という要望を聞いて作れれば良かったのですが、「必要に迫られてから作る」でないと厳しいので、この企画はたぶん今回でおしまいです💦

まあ、多少なりとも練習にはなったということで良しとしますw
では、また次回!

【追記】
一応、補足しておくと一度作ったものはテンプレート化しているので、文字だけ変えて済ませれば問題ないです。ただ、今回のように「見出し画像のテンプレートを一から作るのは時間的に継続が難しい」いうのが、今回得た学びでした。


いいなと思ったら応援しよう!

村田 裕樹 最後までお読みいただきありがとうございました! サポートもうれしいですが「スキ」をしていただけると大変励みになります!!