Fireworks使い方講座(ファイヤーワークスCS5)ワイヤーフレームの作成【動学.tv】
- 2012/12/25 19:06:26 投稿
- 再生数：665
- マイリスト数：7
【動学.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