【課題】LPトレース

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題で、SHEworksのLPトレースを行いました。 トレースの他に、スタイルガイドの作成やPCとスマートフォンの表示画面の相違点をまとめました。

YEAR 2024

【ターゲット・目的】

* ターゲット:即戦力が高く、順応力が高い人材を探している企業。求めている人材に出会えず、採用に苦労している企業

* 目的:企業にSHElikesで学んでいるシーメイトに興味をもってもらい、SHEworksを利 用してもらいたい


【制作物】

①見本とトレース

②PC画面とスマホ画面で異なるレイアウトの分析


③スタイルガイド



【今回の課題を通して学んだこと】

  • 課題を通して検証ツールでのコードの確認方法が以前より理解できるようになり、文字の不透明度や境界線、シャドウなどを見ることができるようになりました。
  • 今回のトレースのサイトは、画像に使用されているカラーがグラデージョンになっていたのもあり、最初に見た時は、色数が多いサイトだと思っていましたが、分析すると、サイトの構成している色味は少なく、文字色の不透明度を調節して背景にしたり、強調の太字で使用したり、色味の表現方法のバリエーションを学ことができました。

【頑張ったポイント】

  • トレースを仕上げた後も、何度も検証ツールやスクショと見本を照らし合わせて、ぎりぎりまで微調整を行いました。
  • スタイルガイドもグラデーションの色まで細かく抽出したり、違いも、新たな気づきを発見するたびに書き加えたりして、自分がLPのデザイン作成やサイトの実装する立場になった時のことを意識しながら取り組みました。

【今回の課題の感想】

  • 見慣れない検証ツールに苦戦し時間がかかってしまいましたが、新たな気づきをえつことによって、課題を行う前よりコーデイングについて理解ができるようになりました。
  • コーディングの知識はノーコードツールを使用するときにも役立てることができるので、課題が終わっても学び続けていきたいと思います。