この記事を読むのに必要な時間は約 5 分です。

皆様「グッとくるデザイン」してますか??
さぁて今日はでざいんぶの課題をやっていきますよー!
でざいんぶでは、初回は、デザインの基本と配色について勉強しまして、
大変盛り上がりました!
そして、決まったのが、“2ヶ月で4回(4つ)アイキャッチを作る”という事になりました。
私も全部出来るかわかりませんが、参加したいと思います!
良かったら、コーディングチームの方、コメントしてあげて下さい。
では、heijiの今回のアイキャッチの説明に入りたいと思います(^ν^)

なぜこのアイキャッチを作成したのか?

秋のファッションコーデのアイキャッチを作成したかった。

どのようにして作成していったか?

まずは、ペルソナをざっくり決めました。

名前:川崎あゆみ
職業:読者モデル
年齢:38歳
住まい:大阪市内梅田のタワーマンション
家族構成:夫(大手会社役員、海外出張などが多い、妻には家事をしっかりししてくれたら、自由にしてくれていいと思っている)子供(双子女の子4歳、おそろいコーデが大好き、アクティブ、外に出るのが大好き、目立ちたがり、)
性格:自由奔放、人の嫌だと思うことをしない、子供にも言い聞かせてる、旦那が帰ってこない日もあって寂しいが、子供達の笑顔をみてたら忘れるw、ブログを書くのが好き、こまめ
好きな色:茶、カーキ、グレー、黒、白
普段のコーデ:モノトーンが多い
今日のコーデのテーマ「今日はお休みなので、こどもとあべのQ’sモールへお買い物」

…とこんな感じです。

制作手順

1, まず、上記に書いたペルソナを作成
2, ざっくりとした作成するアイキャッチのラフ画を書く
3, 参考サイトをPinterestで探す
(今回は7件ピックアップ、もし参考サイト知りたかったら、直接教えます!)
4, ラフ画を元に、画像探し(これめっちゃ大変)
3つくらいピックアップして、それ以上は探さない(時間を取られるから、有料を契約すると早い)
Photoshopで作業
6, 参考サイトをトレースして、ガイドを引く
7, フォントは明朝体とAlluraを使用
8, 一番大きくなるメインとなる文字から作成
9, 最後にかざり文字を加える
10, 名前はいらないかなと思うですが、読モをしている設定の為、名前を売ってきたいから、加え得る
11, 文字の大きさ、文字間の調整(ひらがなを小さくする)
12, カラーは、写真からカラーピッカーで取る

3つくらいピックアップして、それ以上は探さない(時間を取られるから、有料を契約すると早い)
Photoshopで作業
6, 参考サイトをトレースして、ガイドを引く
7, フォントは明朝体とAlluraを使用
8, 一番大きくなるメインとなる文字から作成
9, 最後にかざり文字を加える
10, 名前はいらないかなと思うですが、読モをしている設定の為、名前を売ってきたいから、加え得る
11, 文字の大きさ、文字間の調整(ひらがなを小さくする)
12, カラーは、写真からカラーピッカーで取る

デザインの意味

スタイリッシュにしたかったので、参考サイトを探すときからスタイリッシュなものをピックアップしました。
秋のコーディネートを全面に押したかったので、茶色にして、文字の秋を四角で囲んで目立たせました。
なぜ四角にしたかと言いますと、四角以外だとスタイリッシュさが出ない、まとまりがなくなるため四角にしてます。
ブログはまめに更新すると思ったので、違うバージョンもアップするであろうと想定して「子供とおかいもの編」を文章にいれました。
かざり文字は、参考サイトにあったのでそのまま文字だけ変えました。
他にイラストなどを置いてしまうと、子供っぽくなってしまうので、筆記体の文字にしました。
名前はいらないかなと思うのですが、読モをしている設定の為、名前を売ってきたいから、加え得ました。

まとめ

デザインって難しいですね…
その言葉につきます…
何回デザインしても難しいことばかりです…
でも楽しい!!!
なんだかんだ、気持ち次第でデザイン出来ますよねwww
なので、たくさんお金もらって、余裕のあるデザインをしたいwww
その方が双方に取ってかなりメリットあると思います。

ポートフォリオに出来るので、このWizcoの課題めっちゃいいです!!!
次は何作ろうかなー?

The following two tabs change content below.
heiji

heiji

服屋など接客業を経て、現在はWEBデザイナー、コーダーをしています。ユーザーが見やすくて、迷わないWebサイトを心がけてます!楽しくてふざけた事が好きです!ゲーム、マンガ、旅行が大好きです!そして、万年ダイエッターw