Photoshop講座

【第４章】WEBデザイン

https://www.youtube.com/watch?v=Bam2t6r2yYA

「ワイヤーフレームの作成2」

この章ではワイヤーフレームの作成について引き続き説明します。

前回に開いたワイヤーフレームのフォルダーから進めていきます。

トップページを作成しますので、グローバルメニュー

ヘッダー、左コンテンツ、右サイドメニューの4つのセクション内に

具体的な構成要素を配置していきます。

まずは、

①グローバルメニュー内に構成要素を配置していきましょう。
グローバルメニューを作成します
メイン動画、
テンプレート、
特典、
よくある質問、
勉強会のboxを5つをメニューとして作成します。

ヘッダーですが、ここは、画像を挿入する予定ですので
画像としておきます

②左コンテンツを作成します。
ページ名、
更新情報、
見出し、
動画
などの要素を作成します。

③右サイドメニューを作成します。
動画一覧を表示しておきたいので
各動画へのリンクを配置できるようにします。

こんな感じで仕上がればOKです。

今回はここまですすめます。