MENU

【Webデザイン】サイトのデザイン模写&観察02

2020 7/01
【Webデザイン】サイトのデザイン模写&観察02

Photoshopでサイトのデザイン模写をして、気づいたことをまとめました。「大人可愛い」デザインを学びたくて、第2弾はこちらのサイトを題材にさせていただきました。

目次

PC版のデザイン模写&観察

デザイン模写

デザイン観察

スマホ版のデザイン模写&観察

デザイン模写

デザイン観察

サイトを見るだけなのと自分で作ってみるのとを比べると、後者の方が時間はかかりますが、学べることが多かったです。
観察するポイントとPhotoshopの操作に慣れてきたのか、前回よりは時間がかからなかったです。

また、今回もTwitterにつぶやきました。

こんな感じで、次も別のデザインのサイトでやってみたいと思います。下層ページを模写するのもいいかもしれない。

ここまでお読みいただきありがとうございました◎

この記事が気に入ったら
フォローしてね!

シンプル美と機能性を両立させた、国内最高峰のWordPressテーマ『SWELL』

ブロックエディター完全対応のWordPressテーマ。
圧倒的な使い心地を追求し、日々進化しています。

この記事を書いた人

コメント

コメントする

CAPTCHA


目次
閉じる