by woopsdez
2010年6月16日水曜日
ウープスデザイン:石嶋未来
•アダ名:まめこ
•id:woopsdez
•1982年生まれ(27
歳)
•栃木県でデザイナし
てました。
•デザイン事務所、印
刷所の制作、IT関連
企業を経て2009年
に独立
woopsdez.jp
2010...
ナイロンガールズでコラムやトピックス デザインに関するなんでも勉強会を主催
Ust&Podcast ラジオ 専門学校のWeb科講師
2010年6月16日水曜日
概要とターゲット
•Photoshop
からの
ワークフロー
•Fireworksの
便利機能紹介
概要
•初心者
•Photoshopと
の連携に悩んでい
る人
ターゲット
2010年6月16日水曜日
Fireworksは
レイアウトソフト
「Photoshopと似てるソフト」
なのではなく、
2010年6月16日水曜日
Fireworksは
レイアウトソフト
「Photoshopと似てるソフト」
なのではなく、
Photoshopの
後工程を助けるソフト
と思いましょう。
2010年6月16日水曜日
Photoshopの苦手なところ
•複数ページに渡るデザイン
•画像の書き出し
•マウスオーバーのプレビュー
•簡易htmlモックで遷移の確認
2010年6月16日水曜日
Photoshopの苦手なところ
•複数ページに渡るデザイン
•画像の書き出し
•マウスオーバーのプレビュー
•簡易htmlモックで遷移の確認
Fireworksが解決します!
2010年6月16日水曜日
ソフトの立ち位置
部品制作 本文レイアウト
画像の書き出し
ベースデザイン制作
2010年6月16日水曜日
ソフトの立ち位置
部品制作 本文レイアウト
画像の書き出し
ベースデザイン制作
2010年6月16日水曜日
ソフトの立ち位置
部品制作 本文レイアウト
画像の書き出し
ベースデザイン制作
2010年6月16日水曜日
ソフトの立ち位置
部品制作 本文レイアウト
画像の書き出し
ベースデザイン制作
2010年6月16日水曜日
まとめ
•FireworksはWeb用のレイアウトソフ
トだと思っちゃおう。
•Photoshopで作ったデザインを
Fireworksで開いて複数ページが作り
やすいように最適化!
•ページ、シンボル、スタイルを駆使!
2010年6月16日水...
フォローしまっせ!
http://twitter.com/woopsdez
http://blog.woopsdez.jp/
本セッションへの
疑問点・質問などあり
ましたらこちらまで↓
ご静聴ありがとうございました!
2010年6月16日水曜日
フォローしまっせ!
http://twitter.com/woopsdez
http://blog.woopsdez.jp/
本セッションへの
疑問点・質問などあり
ましたらこちらまで↓
ご静聴ありがとうございました!
2010年6月16日水曜日
業務パートナー募集中!
デザイナーさんで興味のある方は
こちらまで!
woops.mirai@gmail.com
2010年6月16日水曜日
Upcoming SlideShare
Loading in …5
×

賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!

1,420 views

Published on

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/

Published in: Design
  • Be the first to comment

賢く使い分けよう! Webのレイアウトにはやっぱりfireworks!

  1. 1. by woopsdez 2010年6月16日水曜日
  2. 2. ウープスデザイン:石嶋未来 •アダ名:まめこ •id:woopsdez •1982年生まれ(27 歳) •栃木県でデザイナし てました。 •デザイン事務所、印 刷所の制作、IT関連 企業を経て2009年 に独立 woopsdez.jp 2010年6月16日水曜日
  3. 3. ナイロンガールズでコラムやトピックス デザインに関するなんでも勉強会を主催 Ust&Podcast ラジオ 専門学校のWeb科講師 2010年6月16日水曜日
  4. 4. 概要とターゲット •Photoshop からの ワークフロー •Fireworksの 便利機能紹介 概要 •初心者 •Photoshopと の連携に悩んでい る人 ターゲット 2010年6月16日水曜日
  5. 5. Fireworksは レイアウトソフト 「Photoshopと似てるソフト」 なのではなく、 2010年6月16日水曜日
  6. 6. Fireworksは レイアウトソフト 「Photoshopと似てるソフト」 なのではなく、 Photoshopの 後工程を助けるソフト と思いましょう。 2010年6月16日水曜日
  7. 7. Photoshopの苦手なところ •複数ページに渡るデザイン •画像の書き出し •マウスオーバーのプレビュー •簡易htmlモックで遷移の確認 2010年6月16日水曜日
  8. 8. Photoshopの苦手なところ •複数ページに渡るデザイン •画像の書き出し •マウスオーバーのプレビュー •簡易htmlモックで遷移の確認 Fireworksが解決します! 2010年6月16日水曜日
  9. 9. ソフトの立ち位置 部品制作 本文レイアウト 画像の書き出し ベースデザイン制作 2010年6月16日水曜日
  10. 10. ソフトの立ち位置 部品制作 本文レイアウト 画像の書き出し ベースデザイン制作 2010年6月16日水曜日
  11. 11. ソフトの立ち位置 部品制作 本文レイアウト 画像の書き出し ベースデザイン制作 2010年6月16日水曜日
  12. 12. ソフトの立ち位置 部品制作 本文レイアウト 画像の書き出し ベースデザイン制作 2010年6月16日水曜日
  13. 13. まとめ •FireworksはWeb用のレイアウトソフ トだと思っちゃおう。 •Photoshopで作ったデザインを Fireworksで開いて複数ページが作り やすいように最適化! •ページ、シンボル、スタイルを駆使! 2010年6月16日水曜日
  14. 14. フォローしまっせ! http://twitter.com/woopsdez http://blog.woopsdez.jp/ 本セッションへの 疑問点・質問などあり ましたらこちらまで↓ ご静聴ありがとうございました! 2010年6月16日水曜日
  15. 15. フォローしまっせ! http://twitter.com/woopsdez http://blog.woopsdez.jp/ 本セッションへの 疑問点・質問などあり ましたらこちらまで↓ ご静聴ありがとうございました! 2010年6月16日水曜日
  16. 16. 業務パートナー募集中! デザイナーさんで興味のある方は こちらまで! woops.mirai@gmail.com 2010年6月16日水曜日

×