【動学.tvより】Adobe Fireworks CS5使い方講座より第2章 ワイヤーフレームの作成をご紹介しています
この講座では「Adobe Fireworks CS5」を使って、Webサイトのプロトタイプを制作する手順を学びます。
プロトタイプ制作は、Webサイトの制作を受注し制作を行う上で必要不可欠なプロセスです。
実際にWebページをコーディングする前に、完成物がどのような仕上がりになるのか示すために、
フレームワークやビジュアルイメージを制作します。
序章 オープニング
第1章 コンテナの設計
・カンバスの新規作成とガイドの設定
・divコンテナの作成
第2章 ワイヤーフレームの作成
・ヘッダーのデザイン
・サイドバーとフッターのデザイン
第3章 ページの作成
・マスターページとして設定
・リンクの設定
・PDFへの書き出し
第4章 パーツの作成
・グラデーションの設定
・シンボル化と9スライスの設定
第5章 マスターページのプロトデザイン
・ヘッダーへの画像の配置
・サイドバーへの画像の配置
・フッターの作成
第6章 ステートと画像の効果の設定
・共有ライブラリのシンボルの利用
・画像の編集
・ステート
第7章 スライスと書き出し
・テキストの調整と画像スライスの設定
・シンボルで作成した画像の調整
・共有ライブリのリストの設定
・立体感を出すテクニックを利用したプレートの作成
・パターン背景を含めた3スライステクニック
・マスクと反転効果を使ったfooterの装飾
・ページの書き出し
【Adobe Dreamweaver CS6使い方講座の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0744/c_index.html【WebデザインFireworks使い方講座 フレームワーク編の概要はこちらをご覧ください】
http://dougaku.tv/contents/IT_0713/c_index.html月額2,800円で500講座学び放題のクラウドeラーニングサービス【動学.tv】
http://dougaku.tv/アテイン株式会社
http://www.attainj.co.jp/【Youtubeチャンネル】
http://www.youtube.com/AttainDVD