【課題制作】LPトレース

＜トレースしたLP＞

1. スタイルガイド

2. PCとSP分析

3. 色/タイポグラフィ/余白について気づいたこと

・基本の文字色は、重たい印象にならないよう黒を用いるのではなく、紺を用いている。

・背景に白と少しだけ色のついた白を織り交ぜながら使用して、さりげない変化を持たせている。

・アクセントカラーは多くの色を使用しているが、淡い色にしてグラデーションで色をなだらかに繋げることでごちゃごちゃした印象にならないようにしている。

・堅い、真面目な印象を避けるために、フォントはウロコなしのものを使用している。

・強調したいところは文字のウェイトを変えたりと、同じフォントの中でも使い分けをしている。

・主に、日本語の部分と数字・英語の部分で別のフォントを使用しているが、似たようなフォントを用いることで統一感を出している。

・余白のサイズ(px)は、8の倍数のものを用いているところもありつつ、場所によって様々なサイズの余白を採用している。

・規則性を持たせることも大事であるが、ビジュアルの部分も考慮して不規則な余白で微調整をしている。

4. サイトのターゲットや目的

トレースしたLPサイトのターゲットや目的を自分なりに分析しました。

●ターゲット：仕事を依頼したいが、即戦力になる人材を探している会社

●目的：どんな課題を解決することができるのかや、実績・実力のある人材が業務に対応できるということを伝え、「依頼したい！」と思ってもらい問い合わせに繋げること

5. 頑張ったポイント

・今回は、Webページにグラデーションが多用されていたので、トレースにはWebページからダウンロードした画像を使用しましたが、それとは別に図形などを用いてグラデーションを自分で調整して、お手本と同じ色味に近づける練習をしました。

・スタイルガイドは初めて制作したので、今後のために制作時のポイントなどをまとめました。