賢く使い分けよう! webのレイアウトにはやっぱりfireworks!
Post on 25-Jun-2015
1.083 views
DESCRIPTION
2010月6月に行われたCSS Niteでセッションした内容です。基本的な機能を紹介しPhotoshopのみで制作している方々に使い分けの方法を提案しています。http://blog.woopsdez.jp/2010/06/%E8%B3%A2%E3%81%8F%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91%E3%82%88%E3%81%86-web%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AB%E3%81%AF%E3%82%84%E3%81%A3%E3%81%B1%E3%82%8Afireworks/TRANSCRIPT
![Page 1: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/1.jpg)
by woopsdez
2010年6月16日水曜日
![Page 2: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/2.jpg)
ウープスデザイン:石嶋未来•アダ名:まめこ•id:woopsdez•1982年生まれ(27歳)•栃木県でデザイナしてました。•デザイン事務所、印刷所の制作、IT関連企業を経て2009年に独立
woopsdez.jp
2010年6月16日水曜日
![Page 3: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/3.jpg)
ナイロンガールズでコラムやトピックス デザインに関するなんでも勉強会を主催
Ust&Podcast ラジオ 専門学校のWeb科講師
2010年6月16日水曜日
![Page 4: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/4.jpg)
概要とターゲット
•Photoshopからのワークフロー•Fireworksの便利機能紹介
概要
•初心者•Photoshopとの連携に悩んでいる人
ターゲット
2010年6月16日水曜日
![Page 5: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/5.jpg)
Fireworksはレイアウトソフト「Photoshopと似てるソフト」
なのではなく、
2010年6月16日水曜日
![Page 6: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/6.jpg)
Fireworksはレイアウトソフト「Photoshopと似てるソフト」
なのではなく、
Photoshopの後工程を助けるソフト
と思いましょう。
2010年6月16日水曜日
![Page 7: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/7.jpg)
Photoshopの苦手なところ•複数ページに渡るデザイン•画像の書き出し•マウスオーバーのプレビュー•簡易htmlモックで遷移の確認
2010年6月16日水曜日
![Page 8: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/8.jpg)
Photoshopの苦手なところ•複数ページに渡るデザイン•画像の書き出し•マウスオーバーのプレビュー•簡易htmlモックで遷移の確認Fireworksが解決します!
2010年6月16日水曜日
![Page 9: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/9.jpg)
ソフトの立ち位置部品制作 本文レイアウト
画像の書き出しベースデザイン制作
2010年6月16日水曜日
![Page 10: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/10.jpg)
ソフトの立ち位置部品制作 本文レイアウト
画像の書き出しベースデザイン制作
2010年6月16日水曜日
![Page 11: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/11.jpg)
ソフトの立ち位置部品制作 本文レイアウト
画像の書き出しベースデザイン制作
2010年6月16日水曜日
![Page 12: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/12.jpg)
ソフトの立ち位置部品制作 本文レイアウト
画像の書き出しベースデザイン制作
2010年6月16日水曜日
![Page 13: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/13.jpg)
まとめ•FireworksはWeb用のレイアウトソフトだと思っちゃおう。•Photoshopで作ったデザインをFireworksで開いて複数ページが作りやすいように最適化!•ページ、シンボル、スタイルを駆使!
2010年6月16日水曜日
![Page 14: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/14.jpg)
フォローしまっせ!
http://twitter.com/woopsdezhttp://blog.woopsdez.jp/
本セッションへの疑問点・質問などありましたらこちらまで↓
ご静聴ありがとうございました!2010年6月16日水曜日
![Page 15: 賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!](https://reader034.vdocuments.mx/reader034/viewer/2022042700/558b7292d8b42ab11b8b45a0/html5/thumbnails/15.jpg)
フォローしまっせ!
http://twitter.com/woopsdezhttp://blog.woopsdez.jp/
本セッションへの疑問点・質問などありましたらこちらまで↓
ご静聴ありがとうございました!2010年6月16日水曜日