見出し画像

vol.22 WEBデザイン勉強奮起 -デザインのドリル編-

こんばんは!
本日も1日お疲れ様です。

いよいよ本日からLESSON4に入ります!
LESSON4では、写真の使い方について学んでいきます。

素敵な写真も使い方次第では、残念になってしまいますからね!
そんなことにはならないように、しっかりインプットしていきます!!

今回のトレース画像は、フリーマガジンの表紙になります。

Adobe Fontsにてダウンロードできなかったフォントを一部変更しています。

 見本  → A-OTF 見出ゴ MB31 Pr6N MB31
トレース → 小塚ゴシック Pr6N B

となっております。

そして、写真の元の大きさはこちらになります↓

実は結構引きの写真でした!
ココから、見本のデザインのようにトリミングしたのか考えていきたいと思います。


1.目標時間

こちらの目標時間は、60分!
私の苦手な、要素が多めなデザインでしたが…。
私のかかった時間は、60分!

少しずつだけど成長しているぅぅ
なるべく同じフォントのものを続けて、配置したりすることでだいぶ時間短縮になってきました!

ただ、トレースでこれだと模写とかオリジナルにかかる時間はえげつなさそうです…。

2.わたしの解釈

  • 画像の左側に空間を作ることで、タイトルや見出しなどと被写体を分割してきれいに見している

  • 引きすぎず、拡大しすぎないちょうどいいサイズ感にすることで、画像の背景を自分で好きなように想像できる

  • 特集の見出しのイメージが分かるくらいのサイズ感にしている

  • 左に要素の重心をもってきたので、写真の被写体と号数や会社名でうまくバランスをとっている

3.苦戦したところ

今回は特にありませんでした!

4.さいごに

今回のトレースで、左右に分けた2分割なイメージでいましたが、
ドリルの内容を読んでみると、
写真を「三分割構図」にしていました!

三分割構図とは、
画面を縦横に三分割し、その線が交わる箇所に被写体を配置するよう意識したものです。

今回で言うと、交差するところに被写体を置くことで心地のいいバランスを生み出していました。

他にも、「日の丸構図」や「引きの構図」などいろいろあるので、デザインする上で試していきたいですね!

少しずつPhotoshopの扱いにも慣れてきた感じがあります!
苦手意識も少しずつ払拭してきています!
いい傾向!

自分で自分をほめながら、前向きにこれからも頑張っていきます!
今日も最後までお付き合いいただきありがとうございました。
では、また明日~!

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