Contenu connexe
Similaire à Sacss WordPress Special with Fireworks (19)
Sacss WordPress Special with Fireworks
- 1. 作業時間を
ぐっと
短縮するFireworksの使い方
&
短縮してできた時間の有効活用
-個人サイト運営のすすめ-
2012年6月16日土曜日
- 2. や ま ぐ ち ゆ う き
山口 有由希
福岡県在住、長崎県出身
フロッグマンオフィス所属
福岡県でWebデザイナー
2012年6月16日土曜日
- 3. eworksマニア
Fir http://fw.v-colors.com
2012年6月16日土曜日
- 4. 本を書きました
Fireworks CS5/4/3 (速習デザイン)
2012年6月16日土曜日
- 6. 本日の流れ
✦ これだけは伝えたい!Fireworksの時短ワザ15
+小ネタいけるとこまで
✦ 時短でできた時間を使っての
個人サイト運営のすすめ
✦ まとめ
2012年6月16日土曜日
- 8. 質問!!
Fireworks使ってますか?
2012年6月16日土曜日
- 9. 質問!!
Fireworks使ってますか?
✦ イヤ、Illustratorで作ってます
✦ Photoshop一択
✦ イラレとフォトショがあればいいです
✦ 使ったことあるけど今は使ってない
✦ そもそも使ってないし興味ない
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 / mccready
2012年6月16日土曜日
- 16. 無駄に時間を取られること
✦ アタリ画像を書いて
いちいちサイズ書き入れて…
✦ テキスト流し込んで…
一個一個コピペや入力が大変…
✦ ここアイコンとかここボタンとか表すのに
いちいちパーツ作ったり探してくるのが手間…
✦ テーブル……………………(遠い目)
2012年6月16日土曜日
- 17. 無駄を解消するワザ!
✦ ガイドが簡単に引ける!「Guides Panel」
✦ アタリ画像を簡単に「placefolder」
✦ 楽々テキストの流し込み「PI_Textgenerator」
✦ 表が簡単に作れる「Tables」
✦ 共有ライブラリを使えば
面倒なパーツ準備も不要!
2012年6月16日土曜日
- 19. 無駄に時間を取られること
✦ もう全ページできた状況で
グローバルナビゲーションに項目追加ですか…
✦ 全ページのフッターを修正…
✦ ボタンの見た目を全部修正?
あれもこれも直さなきゃ…
✦ ほう、書体を全部変更ですか…
✦ 文字色…グレーの方がいいですねそうですね
2012年6月16日土曜日
- 20. 無駄を解消するワザ!
✦ すべてのページで共通するパーツは
ページ機能を使って管理
✦ シンボル化を使えば
フッターの管理も楽々!
✦ サイドバーの共有は
レイヤーの共有機能で管理
2012年6月16日土曜日
- 22. 無駄を解消するワザ!
✦ 「スタイル」機能を使って
書体やボタンの見た目を管理
✦ 「属性のコピー」を使えば、
簡単に同じ見た目を引き継げます
✦ 「検索と置換」機能で
一気に色を置き換えよう!
2012年6月16日土曜日
- 24. 無駄に時間を取られること
✦ スライスがめんどくさい
✦ 色を拾うのが大変
✦ これCSS3で実現てコードどうするの…
2012年6月16日土曜日
- 25. 無駄を解消するワザ!
✦ 「スライスを挿入」を使いこなす
Option(Alt)+Shift+U
✦ ページ機能を活用する
✦ 簡単カラーコードコピー
✦ CSSプロパティパネルでCSS3書き出し
2012年6月16日土曜日
- 27. 縦横比を保って
数値でリサイズしたい
2012年6月16日土曜日
- 29. ランディングページを
作ろうとしたら
6000px以上の
カンバスが作れません。
2012年6月16日土曜日
- 30. CS4以降なら
環境設定ファイルの設定を書き換えればいつ
でも6000px以上のカンバスが
作れるようになります。
2012年6月16日土曜日
- 34. カンバスサイズを変更した時、
カンバスの外にある
オブジェクトが削除されたり、
画像が切り取られたり
してしまう…!!!
2012年6月16日土曜日
- 35. 環境設定 -> 編集 ->
切り抜き時に不要なオブジェクトを削除の
チェックを確認します。
2012年6月16日土曜日
- 37. 塗りがべた塗りの時、
テキストオブジェクトにテクスチャが
適用できない不具合があります。
が、
塗りをグラデーションに
変更することによって解決できます。
2012年6月16日土曜日
- 44. ✦ ワイヤーフレーム作成から
デザインカンプ、モックアップに
画像のスライスまでこれ一本
✦ CSS3の書き出しもできちゃう
✦ シンプルなデザインからグラフィカルな
リッチデザインまで簡単に作成できる
2012年6月16日土曜日
- 45. 効率的に作業を進めることができ、
無駄な作業を防いだり
減らしたりすることができるので
「時間に余裕を持って」作業に
取り組むことができる。
2012年6月16日土曜日
- 52. はじめての技術をいきなり業務で
初実践するのが不安だった
✦ 見積もった工数で問題なくできるのか?
✦ すべてのリスクが確認できているか?
✦ 時間は間に合うのか?
2012年6月16日土曜日
- 53. 勉強会に行っても
身に付いていないなと思った
✦ 学んだことはすぐに自分なりに整理して
実践しないと全く身に付かない
✦ いざやろうとしたとき忘れている
2012年6月16日土曜日
- 54. どうせなら私も
なにか人の役に立つかたちで…
2012年6月16日土曜日
- 55. 挑戦してみたい技術
×
人の役に立てそうなこと
orやりたいこと
2012年6月16日土曜日
- 59. VIVID COLORS +BLOG
✦ WordPressでスマホ対応する時の
ベストな方法が知りたい
✦ 最近PC版のデザインを変えたので
あわせたい
2012年6月16日土曜日
- 61. PHOTO STOCKER
✦ PHPで画像の色解析ができるらしい
✦ 写真撮るのにハマってる
✦ 素材写真をハードディスクから探すのが面倒
2012年6月16日土曜日
- 63. Fireworksマニア
✦ Fireworksもっとひろめたい
✦ CSS Niteにいきたい
2012年6月16日土曜日
- 66. ✦ 時間の見積り、それを利用した場合のリスクなど
を工数見積りの段階で正確に伝えられる。クライ
アントも自分も安心。
✦ ブログを続けるのがなぜ難しいか?どうやったら
やる気が出るか?身をもって体験できる
✦ アクセス解析をしっかりすることにより、クライ
アントにより幅の広い提案ができるようになる
✦ ひとりで全部作るので全容が把握できる
2012年6月16日土曜日