2019年2月17日

#10 WP ZoomUP はじめてのAdobe XD入門。まずはこれを知っておこう!

WordPress を使っている人、使いたい人たちが集まって、知識を共有したり質問をしたりするオンライン勉強会 WP ZoomUP の第10回にまつわる呟きを集めました。 スピーカーにr360studio 森和恵さんをお招きして、これからXDを使ってみようという方向けに、全体像を教えていただきました!
0
Naoko Murakami @ud_fibonacci

イラレのコピー情報(メモリ上)はSVGで持ってる #wpzoomup

2019-02-12 21:59:19
えび子 @evicco

今回のバージョンアップでXdでaiデータが開けるようになってたんですね便利ー!!!(モノによるそうですが) #wpzoomup

2019-02-12 22:00:03
takeshi.furusato @t_furusato

XDでイラレのデータが開ける! #wpzoomup

2019-02-12 22:00:04
takeshi.furusato @t_furusato

XdはPhotoshopのデータも開けるのかー。 #wpzoomup

2019-02-12 22:01:20
えび子 @evicco

PhotoshopデータもXdで開けるとかスゴい❗明日さっそく試してみます! #wpzoomup

2019-02-12 22:01:56
takeshi.furusato @t_furusato

セッション聞きながら、Xdをインストールしてみた。 #wpzoomup

2019-02-12 22:02:39
takeshi.furusato @t_furusato

Xd「レスポンスサイズ変更」 手動にすると、幅を固定したり、高さを固定したり、位置を固定したりできる。 一つのアートボードで複数のサイズにしたいとき使える。 デフォルトは自動。 #wpzoomup

2019-02-12 22:13:42
吉田哲也/Web屋🏄🏻ウェブ解析×制作×webマーケコピー @tetsu8yoshida

レスポンシブサイズ変更は確かにデフォルトはOFFのほうが使い勝手はよいかもですね。 #wpzoomup #AdobeXD

2019-02-12 22:14:37
takeshi.furusato @t_furusato

グループ化して拡大・縮小するとき、デフォルトでレスポンシブサイズ変更が自動になっているので、バラバラになる。。。Shift押しながらか、レスポンシブサイズ変更をOFFする #wpzoomup

2019-02-12 22:16:02
まーちゅう @RocketMartue

Xd 図形は、レスポンスサイズ変更がデフォルトでON はまるポイントなので注意! #wpzoomup

2019-02-12 22:18:06
takeshi.furusato @t_furusato

角度のリセット →適当なオブジェクトを追加 →2つを合体 →パスに変換 →適当なオブジェクトのパスを消す #wpzoomup

2019-02-12 22:18:48
takeshi.furusato @t_furusato

リピートグリッドのデモきたー。 #wpzoomup

2019-02-12 22:19:41
takeshi.furusato @t_furusato

Xdのリピートグリッドすごいな #wpzoomup

2019-02-12 22:22:05
takeshi.furusato @t_furusato

Photoshopで編集した内容をCCライブラリに保存、Xdで読み込みする。Photoshopで変更した内容が自動的にXdに反映される。 #wpzoomup

2019-02-12 22:38:16
吉田哲也/Web屋🏄🏻ウェブ解析×制作×webマーケコピー @tetsu8yoshida

画像は2倍のサイズで作っておいて、XD上で実際のサイズにして、書き出し。 #wpzoomup #AdobeXD

2019-02-12 22:49:23
takeshi.furusato @t_furusato

2倍書き出しのために、2倍のピクセルのものを用意 2倍ピクセルのものを取り込んで、Xdで縮小しておくとよい。 #wpzoomup

2019-02-12 22:49:34
style-design 山本 @styledesign

jpgをドロップして貼ると自動で半分サイズに #AdobeXD #wpzoomup

2019-02-12 23:07:13
takeshi.furusato @t_furusato

CSSで書き出し。便利! Copy CSS to Clipboard github.com/peterflynn/xd-… Xdからプラグイン検索してインストール。 Shift+Command+option+c 攣りそうw #wpzoomup

2019-02-12 23:17:30
魚住諒💻🎺りょうドットなごや @RyoUozumi

GitHub - peterflynn/xd-copy-css-code: Adobe XD plugin to quickly copy CSS styles to the clipboard github.com/peterflynn/xd-… #WPZoomUP

2019-02-12 23:18:39
takeshi.furusato @t_furusato

プロトタイプのデモ。これもすごいね。 #wpzoomup

2019-02-12 23:19:36
takeshi.furusato @t_furusato

プロトタイプの遷移のトリガーは、タップ、クリック以外に「音声」というのがある。気になる。 #wpzoomup

2019-02-12 23:20:47
takeshi.furusato @t_furusato

Xdのプラグイン、JavaScriptで書いてるんですね。 #wpzoomup

2019-02-12 23:34:05
おすすめオリジナル動画