Successfully reported this slideshow.
Your SlideShare is downloading. ×

Sacss WordPress Special with Fireworks

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 80 Ad
Advertisement

More Related Content

Viewers also liked (20)

Similar to Sacss WordPress Special with Fireworks (19)

Advertisement

Sacss WordPress Special with Fireworks

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

×