ワイヤーフレームを作成する 5.2

今日はワイヤーフレームを作成しました。

作成にあたり、複数のLPを参考にしました。
普段は何気なく見ていたLPも、いざ自分で作成する立場になると、実は似たような構成を取っていることに気付き、とても興味深く感じました。

今回は2つのワイヤーフレームを作成しました。

実際に画像を挿入したらどうなるか楽しみです。

1.ワイヤーフレーム「Logicool Pop icon keys」

使用予定画像:https://www.logicool.co.jp/en-eu/shop/p/pop-icon-keys

2.ワイヤーフレーム「期間限定の飲み物を紹介するページ」

参考LP:

https://rdlp.jp/archives/otherdesign/lp/221844

https://campaign.gongcha.co.jp/ichigoannin-2025/index.html

https://rdlp.jp/archives/otherdesign/lp/204530

3.作業用メモ

■基本の大きさ

幅:1280px

コンテンツ幅:960px

ファーストビュー:650px(参考)

H1:48px

H2:36px

H3:24px

最低16px

■作業準備

①幅1280pxで作成

②ガイドを作る

長方形作成(横幅960px)>ガイドを横幅に合わせる>長方形消す