【デザイン練習】いぐちようこさんが提供しているコーデイング練習用架空サイト「コーヒーショップLP」の模写をしました

今回はデザイン練習兼コーデイング練習として、いぐちようこさんが無償で提供している架空サイト「コーヒーショップLP」の模写をしました。

---

私が模写したものと見本を見比べてみると次のような感じになります。

見本

模写

---

感想

作ってみた感想としてはコンテンツの配置の仕方や文字の配置の仕方は見本通りに作成することができたのですが、文字のフォントを見つけることができず似た文字を使ったため文字サイズが微妙に異なり、全体のLPサイズが変わってしまいました。

制作時間は大体10時間くらいで、コンテンツの配置に時間がかかったというよりかは文字の大きさやコンテンツ同士の間隔を見本と大体同じ大きさにするのに時間がかかりました。

---

最後に

画像の編集が必要なく、適度なボリュームでデザインに必須なflexboxとgridレイアウトの練習になるのでとてもいい練習になりました。

コーディングの出品もしていますので、ぜひ検討してみてください