17.オリジナルサムネイルデザイン課題

시작하기. 무료입니다
또는 회원 가입 e메일 주소
17.オリジナルサムネイルデザイン課題 저자: Mind Map: 17.オリジナルサムネイルデザイン課題

1. FB2回目

1.1. 修正点 (FBいただいた点から)

1.1.1. ・素材写真をベージュ系に加工してみる

1.1.1.1. 2回目の提出の際に、一度素材にフィルターをかけたが視認性が悪いかと思いフィルターを外していた。 色々なフィルターを試し、「ヘーゼル」のフィルターをかけ、強度を調整した

1.1.2. ・柔らかい印象を表現するには少しブラックが強すぎる。 もう少し柔らかいブラウンにする。

1.1.2.1. 黒色を入れることでサムネイルが締まったような感じになるかと感じていた。 全体のバランスを考えていると、黒の色味が強すぎた。 Pinterestでカラーパレットを検索し、文言の色をブラウン形に変更。

1.1.3. ・web業界では黒の「#000000」は使用しない という暗黙のルールのようなものがある

1.1.3.1. 以前のトレース課題でも同じミスをしているので注意する

1.1.4. ・カラーが「オリーブ」のような色なので、もう少し要望に沿うように ベージュとブラウンの間のようなカラーにした方が良い。

1.1.4.1. カラーパレットを検索し、色を変更した

1.1.5. ・「3STEP」というタイトルでこの後、最低でも3枚は投稿が続くことを 訴求できているので「swipe」は必要ないのではないか。

1.1.5.1. swipeと図形は削除した

1.2. やってみて思ったこと/気づき

1.2.1. ・リサーチ不足やCanvaのツールを使いこなせていないことで、 なかなかクライアントの要望に沿ったものができていないなと感じました。 一つ一つ意味や、「クライアントの要望に沿ったものになっているか」を考えながら作成していくようにします。

2. FB3回目

2.1. 修正点 (FBいただいた点から)

2.1.1. ・カタカナで長め単語は文字感を狭くするとスッキリ見える

2.1.1.1. 文字間を狭くする方法を調べ、「フリーランス」という文言の文字間を狭くした。

2.1.2. ・ここは「swipe」を入れるために配置してた? 文字を入れないのであれば少し重たい印象になる。 細めのラインに変更してみてもいいかも

2.1.2.1. ブラウンの上下の四角はswipeを入れるために配置していたが、ブラウンの印象を強くするためにそのままにしてしまっていた。 削除し、タイトルの白の部分を広めにし空白を広めにとってブラウンのラインを入れた。

2.2. やってみて思ったこと/気づき

2.2.1. Canvaで文字間の調整をする方法を知りませんでした。朱織さんに参考として作成していただいた サムネイルの真似をしてしまった形になったのですが、大丈夫でしょうか。ご確認お願いします。

3. 今回のデザイン

3.1. 概要

3.1.1. 【目的】 フリーランスとしてのライフスタイルや働き方を紹介する Instagram用フィード投稿のサムネイルをデザインして欲しい

3.1.2. 【ターゲット】 20〜30代のフリーランスになりたい女性

3.1.3. 【内容】 自分らしく働くためのヒント! 私のフリーランスライフ

3.1.4. 【要望】 ・淡い色で柔らかな印象を与えたい ・ベージュ/ブラウン/ホワイト系がいい ・タイトルは内容が伝われば変更はお任せ

3.2. 詳細

3.2.1. Instagram用フィード投稿での発信とは

3.2.1.1. ・写真や動画を投稿する最も基本的な方法 ・プロフィールに永続的に表示されるメインコンテンツ

3.2.1.1.1. 商品やサービスのアピール、ブランド認知の向上、 思い出の記録など、幅広い目的に利用される

3.2.1.2. どんな人にフィード投稿がおすすめか

3.2.1.2.1. ・既存のフォロワーに継続的な情報発信をした人 ・ブランドや商品をアピールして新規フォロワーを獲得したい人 ・情報を丁寧に伝えたい人 ・ブランドや世界観を構築したい人 ・投稿が「資産」として蓄積されることを期待する人

3.2.2. ターゲット:20〜30代のフリーランスになりたい女性

3.2.2.1. フリーランスとしてのライフスタイルや 働き方を紹介するサムネイルなので…

3.2.2.1.1. フリーランスになりたいと思っている人の目にとまるサムネイルにしたい

3.2.2.1.2. フリーランスになりたい人ってどんな人?

3.2.2.2. まとめると

3.2.2.2.1. 20〜30代女性

4. 意識した点

4.1. Instagramの場合

4.1.1. ①タイトル決め

4.1.1.1. メインタイトル:フリーランスへの3STEP

4.1.1.1.1. 数字を入れて具体的になるようにした

4.1.1.2. サブタイトル:今日からできる!

4.1.1.2.1. 自分事系のサブタイトルをイメージし、すぐにでもトライできるようなサブタイトルにした

4.1.2. ②タイトルに合う写真決め

4.1.2.1. ターゲットがフリーランスをイメージしたときに、場所を問わずカフェなどで仕事ができる・おしゃれなイメージ・パソコンを使っているイメージだと思ったので、それらに合致するような素材を探した

4.1.3. ③文字入れのレイアウトと文字サイズ変更

4.1.3.1. サブタイトルはメインタイトルより少し小さめにした

4.1.3.2. メインタイトルは①3STEPを太字にし、1番大きく。②フリーランスを2番目に大きく。③への、は少し小さめにしてバランスをとった。

4.1.4. ④必ず情報が表示されるか確認

4.1.4.1. スマホでも確認し、情報表示できた。

4.1.5. ⑤視認性が上がる工夫

4.1.5.1. 文字は中央揃えして見やすくした。背景にした写真は少し明度を下げ、コントラストをつけて見やすくした。

4.1.6. ⑥世界観に合ったフォント選び

4.1.6.1. ゴシック体・手書き文字を使用し、暖かさと女性らしい柔らかさを表現した。

4.1.7. ⑦あしらいや色、その他情報の追加

4.1.7.1. サブタイトルは楕円型の図形を使い見やすく、ブラウンの文字と記号で強調。メインタイトルの左上にも記号を使用し、「フリーランス」という文言を強調した。

5. やってみて思ったこと/自分の気づき

5.1. リサーチしてみて

5.1.1. 1.レイアウト

5.1.1.1. ちょうど中央にタイトルがくるレイアウトのものが多い気がする

5.1.1.1.1. サブタイトルは四角や楕円の中か、記号の中に入ってる

5.1.1.1.2. フレームなどで囲うデザインもある

5.1.1.1.3. 四角の中にタイトルが入っている

5.1.2. 2.タイトル

5.1.2.1. 「フリーランスの働き方」や「フリーランス女子」 でInstagramの検索をかけると…

5.1.2.1.1. サブタイトル

5.1.2.1.2. メインタイトル

5.1.3. 3.フォント

5.1.3.1. ゴシック体や明朝体が多い

5.1.3.1.1. ゴシック体

5.1.3.1.2. 明朝体

5.1.4. 4.色

5.1.4.1. 写真を使用している投稿が多いので、タイトルの字は白なことが多い印象

5.1.4.1.1. 色で投稿している人の「らしさ」や「個別性」を表している印象

5.1.5. 5.あしらい

5.1.5.1. 写真をメインで背景に使用している投稿はあまり多くあしらいを使用していない印象

5.1.5.1.1. 四角や楕円などにサブタイトルを入れたりする程度

5.1.5.2. 絵を使用したり背景に色を使用している投稿は絵文字や記号を使用している印象

5.1.5.2.1. サブタイトルに強調する記号を使用したり、タイトルの後に絵文字を使用したりしている

5.1.6. 6.素材

5.1.6.1. 写真を使用しているものが多い

5.1.6.1.1. フリーランスは上記のような理由でなりたい人が多いので…

6. 質問

6.1. ・女性らしく、やわらかな印象を出したいと思ったのですがフォントを手書きにする、くらいしか浮かびませんでした。 「こんなイメージで作りたい」と考えた後、それを実現するための引き出しを増やすにはどのように学習したらよいでしょうか?

6.2. ・今回リサーチしていてたくさん「いいね」されているものや、ターゲットに合うような画像を集めていると似たようなデザインばかりで、 参考画像が同じようなものばかりになってしまい丸パクリ感が出ているような気がします。Instagramのサムネイルを考えるときに丸パクリにならないようにするにはどうしたらよいでしょうか?

7. FB1回目

7.1. 修正点 (FBいただいた点から)

7.1.1. 全体的に「ホワイト、ブラウン、ベージュで柔らかい雰囲気」 というクライアントからの要望に添えていない。

7.1.1.1. ・再度リサーチをしてホワイト、ブラウンの色を枠に加えたり、文字の色で調整をした。また、背景にした素材の写真もホワイトの色味が強いものを使用した。 柔らかい雰囲気を出すため、フォントをもっと丸みのあるゴシック体へ変更した。

7.1.2. タイトルの文字のバランスについてもう少しリサーチする 「3」と「STEP」は強弱つけた方が良い

7.1.2.1. ・再度リサーチをした際、少し遠くから見た時に強調したい文言のサイズを大きくすることでメインタイトル・サブタイトルがどちらなのかわかった。 数字はサイズを大きくしたり、色を変えるなどして強調していることがわかったため、数字のサイズを大きくしたり字の太さを変えた。

7.2. やってみて思ったこと/気づき

7.2.1. 2回目のリサーチをしてみて

7.2.1.1. ・色の使い方 →背景にフィルターや吹き出しなどをつけたりしてブラウンやホワイトなどの色を強調している ・タイトルの文字のバランス →少し遠くから見た時にもメインタイトル・サブタイトルがどちらなのかわかる。数字はサイズを大きくしたり、色を変えるなどして強調していることがわかる。

7.2.2. 自分がリサーチした内容を重視するあまり、クライアントの要望に全然応えられていなかったことに全く気が付きませんでした。 今後案件を取っていくときに気をつけていきたいと思います。