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

2024年12月8日 23:01

こんばんは！
今日も一日お疲れ様です！

明日から12月も2週目に入りますね。
なのに紅葉が綺麗な場所も多くて、なんだか変な感じですね（笑）

さてさて、本日はセール告知のDMデザインです。
シンプルなデザインの中での、フォントの組み合わせ方を見ていきたいと思います！

コチラが、トレース画像です。

3つのフォントを使用しているけれど、まとまりのあるデザインになっています！

１．目標時間

コチラの目標時間は、30分！
私のかかった時間は40分！

今回は特につまづくところがなかったため、スムーズにできたなと思います！

苦戦したところは特にありませんでしたが、
しいて言うなら…
右下の日付をかこっている四角のラインを一部消すところを、どの方法で行うか迷った感じですね！

「消しゴムツール」を使用します！

①「消しゴムツール」を選択し、消したい部分をクリック

②下記のような警告が出てくるので「OK」をクリック

③消しゴムのサイズなどを調整して、消したい部分を消して完成！

「ペンツール」を使用します！

まず、ペンツールのところを右クリックして、
「アンカーポイントの追加ツール」を使用します！

①消したい部分の始めの部分にアンカーポイントを追加

②消したい部分の最後の部分にアンカーポイントを追加

③「ペンツール」に持ち替えて、①と②で追加したポイントの間にあわせてクリックし、「delete」

④選択した部分を削除完了！

ちなみに、私は「パスを消す」を使用しました！
もっといい方法ご存じの方いらっしゃったら、ぜひ教えてください！

複数のフォントを使用する場合は、組み合わせを考えてしっかりとメリハリをつける事が大切だと学びました！

ウェイトに差をつけたり、
動きのあるフォントと、シンプルなフォントで差をつけたり、
メリハリをしっかりつけることで、目立たせたいところを効果的に見せることができるんだなと思いました！

左上と右下の部分をウェイトを太くしてしまったら、とてもやぼったくなるし、せっかく目立たせたい真ん中の部分が、埋もれてしまいますもんね。

要素の優先順位も考えて、使用するフォントを考えていこうと思いました！

毎日コツコツ相性のいいフォントの組み合わせを学んでいきます！
今日も、読んでくれてありがとうございました！

ではまた明日～！