メインコンテンツへスキップ
見出し画像

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

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

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

    では、スタートです!


    ①写真素材+枠

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

    画像

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


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

    画像

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


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

    画像

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


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

    画像

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


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

    画像

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


    ②背景イラストメイン

    ②-1. 黒板

    画像

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


    ・・・


    無謀でした😭

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

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

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

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

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

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


     
     
    ITコンサルタント/炎上プロジェクトの火消し役(PMO) 社内SE・PM向けに「キャリア設計」を発信 努力ではなく「設計」で人生を変える フォローして「すぐに通知」ONで、仕事の思考整理の記事が届きます! 365日連続投稿達成|合同会社村田制作所 代表

    あなたへのおすすめ