見出し画像

サイト模写の記録

CFのデザインの課題の一つとしてサイト模写をしました。合わせてサイトレビューもしていきたいと思います。

今回は先生が参考として挙げられていた原田産業株式会社(https://www.haradacorp.co.jp/)の模写とレビューを行いました。
シンプルなサイトだったので比較的サクサク作ることができました(それでも時間はかかりましたが…)

左が見本、右が模写です。

画像1

項目ごとに細かくフォントサイズが違っていました。やっぱり使いやすくするにはこういったことも気を配る必要があるんですね〜。
まだ全体の構成を真似することでいっぱいいっぱいですが模写やレビューを積み重ねてフォントの使い方を学んでいきたいと思います。

またレビューの内容を画像にまとめてみました

画像2

スマートフォンのサイトではファーストビューに映る船の写真と文字が両方とも右に寄っているため印象が少し変わりました。(PCの方が船のインパクトが大きい)それ以外では大きな差をあまり感じませんでした。

12月は忙しくてなかなか勉強の時間が取りにくいですね。PCを触るのが難しくても移動中とかはスマホや本を読んで少しずつでも知識を取り入れていけるよう頑張ります!



この記事が気に入ったらサポートをしてみませんか?