webデザイナー学習記録帳

webデザインやwebに関する学んだことの学習記録帳です

Webデザインの骨組み「ワイヤーフレーム」を学ぼう【完成編】

スクーの今回の動画

Webデザインの骨組み「ワイヤーフレーム」を学ぼう【完成編】 - 無料動画学習|schoo(スクー)

 

webサイトを制作する際に制作仕様書が必要になる

制作仕様書の基本的な構成のサンプル

(↓アスキーの連載が紹介されていました)

ASCII.jp:Webサイトの品質を保つ制作仕様書の作成|Webディレクション最新キーワード

 

制作仕様書策定

ワイヤーフレームを画像で書き出してイラレでid名などを記入

もしくは、

プリントアウトして手描きで記入

f:id:lovedeluxe5914smh:20151017125529p:plain

(キャプチャ画面なので画像です↑)

 

コーディング時のタグ、名前を全部書き込んでおきて、コーディングしていくと名前がかぶらない

(これを、コーディングルールと言う)

 

質疑応答

【質問】

HTML5の先生オススメの本は?

 【回答】

田中先生オススメの本はこちらだそうです↓

www.amazon.co.jp

 

【質問】

web業界で働くのに最低限身につけていないといけないスキルはありますか?

 

【回答】

フロントエンドエンジニアを例にあげると、jQueryなどは英語なので

色々あるが、英語がもてはやされている

 

デザインは、絵のうまさではなく黄金律などのスキルなのでツールを毎日毎日使い倒していく