22
2016/7/5 @KAZUMA87 Kazuma Sekiguchi

FireworksユーザーのためのAdobe Experience Design

Embed Size (px)

Citation preview

Page 1: FireworksユーザーのためのAdobe Experience Design

2016/7/5

@KAZUMA87

Kazuma Sekiguchi

Page 2: FireworksユーザーのためのAdobe Experience Design

関口和真Comcent,Inc CTOシステム開発、WebDesign、講師最近はCordovaを利用したアプリ開発

Fireworks Users Group暫定会長

Page 3: FireworksユーザーのためのAdobe Experience Design

1 FwとXdで違いの無いところ

2 違いのあるところ

3 無いけど特に困らない(?)

Page 4: FireworksユーザーのためのAdobe Experience Design

今回の内容は

Adobe Experience Design CCの

バージョン0.5.6.7 β版

(2016年6月公開版)に基づく内容のため、

今後の開発状況やバージョンによって

内容に変更が生じます

Page 5: FireworksユーザーのためのAdobe Experience Design

1FwとXdで違いのないところ

Page 6: FireworksユーザーのためのAdobe Experience Design

•オブジェクトの選択が選択ツールを選んで

クリック、そのまま移動や変更が可能

•色の変更、角丸の大きさなども後から変更可能

•Psだとここまで簡単では無い

•スマートガイドに対応

•Fwと同じ感覚で移動、配置が可能

•重ね順も右クリックから指定可能

Page 7: FireworksユーザーのためのAdobe Experience Design

•オブジェクトの複数選択、パスの結合が同じ操作

•グループ化なども同じ概念で実行可能

•AiやPsとの連携

•そのままコピペが可能

•Fwよりもより簡単に、正確になっている

Page 8: FireworksユーザーのためのAdobe Experience Design

•テキストも入力、入力後の選択、色の変更も同じ

•フォントの選択だけ違う

(ウェイトによるグループ化が無い)

•ビヘイビアは無いが、プロトタイプで同様な動作が

指定可能

•Fwよりも高度なものが簡単に指定可能になっている

Page 9: FireworksユーザーのためのAdobe Experience Design

2違いのあるところ

Page 10: FireworksユーザーのためのAdobe Experience Design

•ストローク(境界線)の場所指定ができない

•内側に描かれる

•点線が描画できない

•直線はリピートグリッドを使うと、それらしいものが

作成可能(あとでDemo)

•Fwでもサポートされるまで時間掛かりました

Page 11: FireworksユーザーのためのAdobe Experience Design

•多角形ツールが無い

•矩形と円形を組み合わせて工夫しましょう

•グラデーションが使えない

•今のところ使えないので諦めるか、Aiなどから

持ってきましょう

Page 12: FireworksユーザーのためのAdobe Experience Design

•テキストの整列挙動が異なる

•Fwの場合、行ごとに整列指定が可能

•Xdの場合、テキストボックス内では全ての行で整列

指定が同じ(Aiなどと同様の動き)

•テキストをパス上に載せる機能が無い

•現状では対応できない

Page 13: FireworksユーザーのためのAdobe Experience Design

•レイヤーが無い

•レイヤーは搭載される予定とのこと

•ページ機能が無い、ステートが無い

•アートボードを利用しましょう

•シンボル機能が無い

•リンク共有方法の改善がされる予定

Page 14: FireworksユーザーのためのAdobe Experience Design

•フィルタが無い

•背景ぼかし、オブジェクトのぼかしだけは利用可能

•素敵なベベル機能が使えない

•エフェクトとして拡張される予定

Page 15: FireworksユーザーのためのAdobe Experience Design

•画像の書き出し機能が無い

•PNGとSVG形式での書き出しはサポート

•スライス機能が無い

•スライスを利用した画像書き出しに対応していない

•任意のオブジェクトだけ形式を指定して書き出すことも

できない

Page 16: FireworksユーザーのためのAdobe Experience Design

•PDF書き出しが無い

•ほかも対応していない形式は結構ある

•オートシェイプが無い

•使っている人がいるかどうか

• AdobeStockとかで対応されそうな感じはする

•スタイルが無い

•UIキットみたいな形でサポートされるのでは?

Page 17: FireworksユーザーのためのAdobe Experience Design

3無いけど特に困らない(?)

Page 18: FireworksユーザーのためのAdobe Experience Design

•色調補正系フィルタが無いため、写真のレタッチが

不可能• そもそも自動選択などの選択ツール系も無い

•写真編集する人は大人しくLrかPsを使いましょう

• jQueryMobileテーマが利用できない• 必要であれば、UIキットを作りましょう

Page 19: FireworksユーザーのためのAdobe Experience Design

•ダミーテキストが無い

•テキストのダイレクト読み込みで対応できます

•ペンツールが無い

•Xdでは対応されないのでは?Psとかで描いて

持ってくるのが現実的

Page 20: FireworksユーザーのためのAdobe Experience Design

4まとめ

Page 21: FireworksユーザーのためのAdobe Experience Design

•XdとFwではそれほど違和感無く移行が可能

•現状スライスツールを多用していたり、画像の書き出しをFwでやっている人は移行をオススメしない

•Fwでプロトタイプを作っていたり、PsやAiに移行した人でFw好きだった人には即使ってみることをオススメ

•β版ですが、安定度と速度は問題無い印象

Page 22: FireworksユーザーのためのAdobe Experience Design

Thank youXdはFwユーザーにオススメです