Upgrade to Pro — share decks privately, control downloads, hide ads and more …

久々にXDを触ったらめっちゃパワーアップしてた

Db4b4f2b80639dfa21296832bae16935?s=47 cotolier_risa
July 10, 2018
120

 久々にXDを触ったらめっちゃパワーアップしてた

2018年7月10日(火)に開催された「Webデザイン・Web制作に関する勉強会 #2」
(https://kfug.connpass.com/event/87844/)
にて登壇しました。

「久々にXDを触ったらめっちゃパワーアップしてた」というタイトルでお話しました。

XDが出たばかりのころにXDを使っていたものの、まだまだ機能が物足りない点が多くて徐々にSketchを使うようになっていきました。
ですが、最近アップデートがどんどんされているので改めて追加された機能を調べたらとても便利に感じることが多かったので紹介したいと思いました。

1.普段使うデザインツールとその使い分け
2.XDとは
3.デザインツールなれてない人にも勧めたいXD
4.デザイナー目線で便利に思った新機能
5.まとめ

Db4b4f2b80639dfa21296832bae16935?s=128

cotolier_risa

July 10, 2018
Tweet

Transcript

  1. 久々にXDを触ったら めっちゃパワーアップしてた 2018/07/10 https://kfug.connpass.com/event/87844/ Webデザイン・Web制作に関する勉強会 #2 Yasui Risa

  2. Yasui Risa 株式会社 chatbox デザイナー/フロントエンドエンジニア @cotolier_risa cotolierRisa

  3. デザインツール、何使っていますか? WEB 紙デザイン 写真の加工 イラスト CLIP STUDIO

  4. XDとは? アプリやWebデザインに特化した Adobe製のデザインツール。 プロトタイプツールとそれの共有機能が 備わっていることが特徴。

  5. ディレクターやエンジニアさんに オススメしたいポイント

  6. XDを勧める一押しポイント 無料 ① ② Mac/Win 両方対応

  7. XDを勧めるポイント スターターキットが大変親切 https://www.adobe.com/jp/products/xd.html

  8. XDを勧めるポイント 各公式サイトから UIキットが配布されている XDの新規画面からも アクセス可能

  9. デザイナー目線で見て 素敵!と思った新機能

  10. 1.デザイン機能編

  11. PhotoshopやSketchデータを開くことができる OPEN!

  12. カラーやテキストスタイルのシンボル化

  13. photshopやillstratorのデータを CCライブラリを使って呼び出し・編集

  14. 2.プロトタイプ編

  15. リンク設定のコピー 紐づけてる設定をコピペできる

  16. 固定オブジェクトの設定 スクロールに影響しない ヘッダーやフッターを再現できる

  17. オーバレイオブジェクトの設定 ポップアップやモーダルの再現が可能

  18. 3.共有編

  19. 共有URLにパスワード設定が可能に

  20. デザインスペック共有 コーディングに必要な値を調べたり抽出できる コーディングに必要な値を調べたり抽出できる

  21. まとめ 新しいツールや機能を知っていることは 自分にとっても他者にとっても有益 何を使って、よりも何をどう伝えるか重視して ツールを選択できるようにしたい

  22. ご清聴ありがとうございました!