Your SlideShare is downloading. ×
Sacss WordPress Special with Fireworks
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Sacss WordPress Special with Fireworks

2,975
views

Published on

Sacss WordPress Specialでの発表スライドです。

Sacss WordPress Specialでの発表スライドです。


0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,975
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
28
Comments
0
Likes
10
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 作業時間を ぐっと 短縮するFireworksの使い方 & 短縮してできた時間の有効活用 -個人サイト運営のすすめ-2012年6月16日土曜日
  • 2. や ま ぐ ち ゆ う き 山口 有由希 福岡県在住、長崎県出身 フロッグマンオフィス所属 福岡県でWebデザイナー2012年6月16日土曜日
  • 3. eworksマニア Fir http://fw.v-colors.com2012年6月16日土曜日
  • 4. 本を書きました Fireworks CS5/4/3 (速習デザイン)2012年6月16日土曜日
  • 5. 2012年6月16日土曜日
  • 6. 本日の流れ ✦ これだけは伝えたい!Fireworksの時短ワザ15 +小ネタいけるとこまで ✦ 時短でできた時間を使っての 個人サイト運営のすすめ ✦ まとめ2012年6月16日土曜日
  • 7. Fireworks時短ワザ152012年6月16日土曜日
  • 8. 質問!! Fireworks使ってますか?2012年6月16日土曜日
  • 9. 質問!! Fireworks使ってますか? ✦ イヤ、Illustratorで作ってます ✦ Photoshop一択 ✦ イラレとフォトショがあればいいです ✦ 使ったことあるけど今は使ってない ✦ そもそも使ってないし興味ない2012年6月16日土曜日
  • 10. デザイナーだけじゃない! すべてのポジションの人に 役立つツールです!2012年6月16日土曜日
  • 11. ラフスケッチ ワイヤーフレーム デザインカンプ 下層デザイン 書き出し・コーディング2012年6月16日土曜日
  • 12. ラフスケッチ ワイヤーフレーム デザインカンプ 下層デザイン 書き出し・コーディング2012年6月16日土曜日
  • 13. ラフスケッチ ワイヤーフレーム デザインカンプ 下層デザイン 書き出し・コーディング2012年6月16日土曜日
  • 14. サイト制作時に 無駄に時間を取られること & 無駄を解消するワザ!2012年6月16日土曜日
  • 15. ワイヤーフレーム (C)Laika XDS Testing v0.0.1 Wire Frames / mccready2012年6月16日土曜日
  • 16. 無駄に時間を取られること ✦ アタリ画像を書いて いちいちサイズ書き入れて… ✦ テキスト流し込んで… 一個一個コピペや入力が大変… ✦ ここアイコンとかここボタンとか表すのに いちいちパーツ作ったり探してくるのが手間… ✦ テーブル……………………(遠い目)2012年6月16日土曜日
  • 17. 無駄を解消するワザ! ✦ ガイドが簡単に引ける!「Guides Panel」 ✦ アタリ画像を簡単に「placefolder」 ✦ 楽々テキストの流し込み「PI_Textgenerator」 ✦ 表が簡単に作れる「Tables」 ✦ 共有ライブラリを使えば 面倒なパーツ準備も不要!2012年6月16日土曜日
  • 18. デザイン (C)Web Design Trends / Digital Markketing2012年6月16日土曜日
  • 19. 無駄に時間を取られること ✦ もう全ページできた状況で グローバルナビゲーションに項目追加ですか… ✦ 全ページのフッターを修正… ✦ ボタンの見た目を全部修正? あれもこれも直さなきゃ… ✦ ほう、書体を全部変更ですか… ✦ 文字色…グレーの方がいいですねそうですね2012年6月16日土曜日
  • 20. 無駄を解消するワザ! ✦ すべてのページで共通するパーツは ページ機能を使って管理 ✦ シンボル化を使えば フッターの管理も楽々! ✦ サイドバーの共有は レイヤーの共有機能で管理2012年6月16日土曜日
  • 21. 2012年6月16日土曜日
  • 22. 無駄を解消するワザ! ✦ 「スタイル」機能を使って 書体やボタンの見た目を管理 ✦ 「属性のコピー」を使えば、 簡単に同じ見た目を引き継げます ✦ 「検索と置換」機能で 一気に色を置き換えよう!2012年6月16日土曜日
  • 23. スライス・コーディング2012年6月16日土曜日
  • 24. 無駄に時間を取られること ✦ スライスがめんどくさい ✦ 色を拾うのが大変 ✦ これCSS3で実現てコードどうするの…2012年6月16日土曜日
  • 25. 無駄を解消するワザ! ✦ 「スライスを挿入」を使いこなす Option(Alt)+Shift+U ✦ ページ機能を活用する ✦ 簡単カラーコードコピー ✦ CSSプロパティパネルでCSS3書き出し2012年6月16日土曜日
  • 26. Fireworksいけるとこまで2012年6月16日土曜日
  • 27. 縦横比を保って 数値でリサイズしたい2012年6月16日土曜日
  • 28. ここにチェックを入れる2012年6月16日土曜日
  • 29. ランディングページを 作ろうとしたら 6000px以上の カンバスが作れません。2012年6月16日土曜日
  • 30. CS4以降なら 環境設定ファイルの設定を書き換えればいつ でも6000px以上のカンバスが 作れるようになります。2012年6月16日土曜日
  • 31. MaxDocSizeInPixels2012年6月16日土曜日
  • 32. 画像をリサイズしたら 荒くなりました。2012年6月16日土曜日
  • 33. 画像を「シンボル化」することで サイズ変更しても 画質の落ちない画像にすることができます。2012年6月16日土曜日
  • 34. カンバスサイズを変更した時、 カンバスの外にある オブジェクトが削除されたり、 画像が切り取られたり してしまう…!!!2012年6月16日土曜日
  • 35. 環境設定 -> 編集 -> 切り抜き時に不要なオブジェクトを削除の チェックを確認します。2012年6月16日土曜日
  • 36. テキストオブジェクトに テクスチャが適用されません2012年6月16日土曜日
  • 37. 塗りがべた塗りの時、 テキストオブジェクトにテクスチャが 適用できない不具合があります。 が、 塗りをグラデーションに 変更することによって解決できます。2012年6月16日土曜日
  • 38. GIFの書き出しが汚い2012年6月16日土曜日
  • 39. CS5.1で解消されました。 CS5を利用している人は すぐにアップデートしましょう!2012年6月16日土曜日
  • 40. インパクトのある放射状の オブジェクトが簡単に作れる 「Sunburst」2012年6月16日土曜日
  • 41. 画像の傾きを直してくれる 「Level Horizon」2012年6月16日土曜日
  • 42. テクスチャやパターンを一覧表示 「PI_TextureList」2012年6月16日土曜日
  • 43. まとめ2012年6月16日土曜日
  • 44. ✦ ワイヤーフレーム作成から デザインカンプ、モックアップに 画像のスライスまでこれ一本 ✦ CSS3の書き出しもできちゃう ✦ シンプルなデザインからグラフィカルな リッチデザインまで簡単に作成できる2012年6月16日土曜日
  • 45. 効率的に作業を進めることができ、 無駄な作業を防いだり 減らしたりすることができるので 「時間に余裕を持って」作業に 取り組むことができる。2012年6月16日土曜日
  • 46. 使ったことがない人も ぜひ一度挑戦してみてください!2012年6月16日土曜日
  • 47. ツールを使いこなして よりよいWebデザインを!2012年6月16日土曜日
  • 48. 個人サイト運営のすすめ2012年6月16日土曜日
  • 49. 2012年6月16日土曜日
  • 50. 2012年6月16日土曜日
  • 51. そもそもなぜはじめたのか?2012年6月16日土曜日
  • 52. はじめての技術をいきなり業務で 初実践するのが不安だった ✦ 見積もった工数で問題なくできるのか? ✦ すべてのリスクが確認できているか? ✦ 時間は間に合うのか?2012年6月16日土曜日
  • 53. 勉強会に行っても 身に付いていないなと思った ✦ 学んだことはすぐに自分なりに整理して 実践しないと全く身に付かない ✦ いざやろうとしたとき忘れている2012年6月16日土曜日
  • 54. どうせなら私も なにか人の役に立つかたちで…2012年6月16日土曜日
  • 55. 挑戦してみたい技術 × 人の役に立てそうなこと orやりたいこと2012年6月16日土曜日
  • 56. jQuery Mobileというのが あるらしい…2012年6月16日土曜日
  • 57. WallPaper Collection ✦ 写真撮るのにハマってる ✦ jQuery Mobileを使いたい ✦ もうすぐスマホデビューする2012年6月16日土曜日
  • 58. WordPressで スマホ対応…2012年6月16日土曜日
  • 59. VIVID COLORS +BLOG ✦ WordPressでスマホ対応する時の ベストな方法が知りたい ✦ 最近PC版のデザインを変えたので あわせたい2012年6月16日土曜日
  • 60. PHPで画像の色を 解析できるらしい…!2012年6月16日土曜日
  • 61. PHOTO STOCKER ✦ PHPで画像の色解析ができるらしい ✦ 写真撮るのにハマってる ✦ 素材写真をハードディスクから探すのが面倒2012年6月16日土曜日
  • 62. CSS Niteにいきたい…2012年6月16日土曜日
  • 63. Fireworksマニア ✦ Fireworksもっとひろめたい ✦ CSS Niteにいきたい2012年6月16日土曜日
  • 64. 自分でサイトを運営する メリット2012年6月16日土曜日
  • 65. 業務上のメリット2012年6月16日土曜日
  • 66. ✦ 時間の見積り、それを利用した場合のリスクなど を工数見積りの段階で正確に伝えられる。クライ アントも自分も安心。 ✦ ブログを続けるのがなぜ難しいか?どうやったら やる気が出るか?身をもって体験できる ✦ アクセス解析をしっかりすることにより、クライ アントにより幅の広い提案ができるようになる ✦ ひとりで全部作るので全容が把握できる2012年6月16日土曜日
  • 67. 個人的なメリット2012年6月16日土曜日
  • 68. 好きなテイストを極められる2012年6月16日土曜日
  • 69. 地方にいながら東京のお仕事も2012年6月16日土曜日
  • 70. 本を書いたり2012年6月16日土曜日
  • 71. セミナーにでれたり2012年6月16日土曜日
  • 72. Fireworksに自作のパーツが プリインストールされたり2012年6月16日土曜日
  • 73. ✦ ふつうに福岡で会社員しているだけでは 絶対出会えないような人たちにたくさん会えた ✦ すさんだときに「ありがとう」って 声をかけてもらえて救われる2012年6月16日土曜日
  • 74. デメリット2012年6月16日土曜日
  • 75. めっちゃ時間かかる2012年6月16日土曜日
  • 76. 経験を積んだことにより 業務の時間が短縮。 結果時間が生まれることに。2012年6月16日土曜日
  • 77. 体感で2倍以上!!!2012年6月16日土曜日
  • 78. ぜひはじめてみてください!!2012年6月16日土曜日
  • 79. WordPressとFireworksがあれば 誰にでもできる!2012年6月16日土曜日
  • 80. ありがとうございました! ご質問などお気軽に。 @yuki9302012年6月16日土曜日