Saya °。 Portfolio

Copy Work

模写制作

制作内容
Webサイト模写・デザイン模写・トレース制作
使用ツール
HTML / CSS / Photoshop
制作の目的
デザインやコーディングの基礎を身につけるため、 既存のデザインをもとに模写・トレース制作を行いました。
工夫した点
余白、文字サイズ、配色、レイアウトのバランスを観察しながら、 見本に近づけることを意識して制作しました。

Webサイト模写

CodeJumpの教材をもとに、HTML/CSSでコーディングを行いました。

Profileサイト模写

Profile

レイアウトや余白を意識しながら、HTML/CSSで制作しました。

View Site ↗
PhotoBookサイト模写

PhotoBook

セクション構成や余白を意識しながら、HTML/CSSで制作しました。

View Site ↗

デザイン模写・トレース

デザイン学習の一環として、バナーやチラシの模写・トレースを行いました。

Back to Works