ウェブデザイン演習 第12回

前々回・前回とWebデザイン制作作業で非常に重要なレイアウトおよび配色に関して解説を行いました。
今回はデザインの中で非常に多くの割合を占めるタイポグラフィに関しての解説を行います。
また以前からアナウンスしていたみなさんのオリジナルデザインの課題を用意しました。

Webデザインの構築 タイポグラフィ

タイポグラフィに関しては以下の記事を参照して下さい。

[Webデザインの基礎] タイポグラフィ

Webページデザイン演習〜 ヘアサロン NO HAIR 〜

では以前から告知していたオリジナルデザインの制作に取り掛かりましょう。
これが最後の課題作品として提出するものになります。

[オリジナルデザインの実践]ヘアサロン NO HAIR

素材が必要な場合

色々な素材が必要な場合は以下のページから探してみてください。

[随時更新] プロも使っている素材サイト

[随時更新] 無料動画素材をダウンロードできるWebサイト

本日のまとめ

Webデザインの主役はコンテンツ、その中でも多くの割合を占めているのはやはり文字。
その文字を読みやすく、かつ美しくする表現する手法が今回紹介したタイポグラフィです。
タイポグラフィに妥協せずブラッシュアップするとデザインのクオリティは確実にアップします。

みなさんがすぐにできるクオリティアップの手法といえば文字詰め(=テキストカーニング)です。
見出しなど、より印象が強いテキストを文字詰めして、デザインのクオリティを確実にアップしましょう。