ウェブデザインB 第11回 - ウェブデザインB | WordPress・jQuery・HTML・CSSのスニペット集 WEBCRE8TOR.COM

WEBCRE8TOR.COM

ウェブデザインB 第11回

まずはスマホ出席で出席登録を行ってください。
今回の4桁の認証コードは「    」です。

前回はワイヤーフレームの制作の続きとブラッシュアップを行いました。
ワイヤーフレームの制作は難易度が高いためそれ自体の理解に個人差があると思うので、
今回も引き続き1時間半を丸ごとワイヤーフレームの制作に充てたいと思います。

順次状況を見にまわりますのでいつでも声をかけてください。

Photoshopの基本設定

Photoshopの基本設定から行いましょう。
まずはPhotoshopを起動し、前回途中まで制作して保存したPSDファイルを開きましょう。
ファイル名は「学籍番号-wire.psd」としていたかと思います。

ワイヤーフレームの制作

では工程を振り返ります。

ワイヤーフレームの作り方

では下の手順の⑤⑥⑦⑧をブロックごとに繰り返して、ワイヤーフレーム制作を進めていきましょう。

ワイヤーフレーム制作手順⑤ グループ(フォルダ)を作って名前をつける

ワイヤーフレーム制作手順⑥ 下書きを見本に長方形ツールでブロックを作成

ワイヤーフレーム制作手順⑦ 下書きを見本に横書き文字ツールで文字を作成

ワイヤーフレーム制作手順⑧ 下書きを見本に移動ツールで場所移動やサイズ変更を行う

本日のまとめ

ワイヤーフレームができていない人は「授業時間内」でも「授業時間外」でも、
時間が許す限り完成するまで付き合いますので声をかけてください。

WEBCRE8TOR.COM

SEARCH

PAGES

CATEGORY

ARCHIVE

LINK

CLOSE