2017年5月はワイヤーフレーム特集。Adobe XD Meeting #05 まとめ

2017年5月19日に開催したAdobe Experience Design (XD) 勉強会、Adobe XD Meeting #05 でのツイートをまとめました。 https://xd-study.connpass.com/event/56779/
1
🌸( ˆ̑‵̮ˆ̑(🐥🐊=͟͟͞͞🌸 @nomal_f

【Xdの豆知識】 ☆テキスト   =フォントサイズが拡縮される ☆エリアテキスト   =フォントサイズは拡縮されない 下層レイヤーのみにロックかけても有効 #adobexd_study pic.twitter.com/tIl1IQmxjh

2017-05-19 20:15:39
adobexd_study @adobexd_study

アートボード上でオブジェクトをドラッグで選択したときに1つのアートボード上で選択した場合は、そのアートボード上のシェイプが選択できるが、ドラッグしたまま横にズレて、他のアートボードに被ると、1つ目もアートボードだけの選択になる #adobexd_study

2017-05-19 20:17:45
池田 泰延(勉強会用) @clockmaker_bot

リピートグリッドドットコムってw Sample Data for AdobeXD Repeat Grid repeatgrid.com #adobexd_study

2017-05-19 20:20:41
adobexd_study @adobexd_study

XDで利用するテキストデータを作成する場合、MacではBracketsなどで保存する場合は、拡張子「.txt」まで付けて保存。 付けないとXDがテキストファイルとして認識しません #adobeXD_study

2017-05-19 20:24:20
しずー🐻‍❄️ @shizooo85

XDで使えるダミーのsample.txt(名前とか)が揃っているサイト💨 自分で数パターン作ったりしたけど、これを使えば便利そう…! repeatgrid.com #adobexd_study

2017-05-19 20:26:40
adobexd_study @adobexd_study

ワイヤーフレームで利用する文字やテキストなどはテキストファイルで用意し、ドラッグして配置すると後からリピートグリッドに変更してもちゃんとテキストファイルのデータが使われる。 後から項目数が変わったりした場合でも簡単に修正可能 #adobeXD_study

2017-05-19 20:27:03
すずきさん @ssssuuuzzz

ダミー用のテキストデータを予め用意しておくと楽ですね! リピートグリッドドットコムでw #adobexd_study

2017-05-19 20:28:44
しずー🐻‍❄️ @shizooo85

XDでのポイントテキスト(一行)とエリアテキスト(複数行)の切り替え機能、早く来い来い…! #adobexd_study

2017-05-19 20:32:33
adobexd_study @adobexd_study

XDではすべてが左上基準で配置されているため、グループ化すると、縦横比を維持したまま拡大されるが、文字などの場合は、中央配置にしても中央に配置されずにズレることがある #adobeXD_study

2017-05-19 20:35:02
adobexd_study @adobexd_study

一度シェイプをシンボル化すると、グループ化された要素を拡大してもシンボル化された要素は拡大されない。グループ化した要素をコピペして大きなアートボードに配置して拡大するときに便利。 #adobeXD_study

2017-05-19 20:39:09
adobexd_study @adobexd_study

XDにはExcelで作成した円グラフなどをベクトルデータとしてコピペすることが可能。しかもXDで色などを変更可能 #adobeXD_study

2017-05-19 20:41:20
すずきさん @ssssuuuzzz

ExcelのグラフはXDにコピペ可能。しかもベクターで挿入される! #adobexd_study

2017-05-19 20:42:41
池田 泰延 @clockmaker

Excelで作ったグラフをAdobe Xdにペーストすると、ベクターで持ち込める。 #adobexd_study pic.twitter.com/1MzD0UUmvJ

2017-05-19 20:43:10
拡大
adobexd_study @adobexd_study

XDにはOffice関連のソフトで作成した要素はコピペすることが可能。PowerPointなどもコピペ可能。Numbersなどでは残念ながら無理。 #adobexd_study

2017-05-19 20:44:10
adobexd_study @adobexd_study

最後のセッション。「サードパーティー製UIKit」のご紹介 #adobeXD_study

2017-05-19 20:45:41
池田 泰延(勉強会用) @clockmaker_bot

Adobe XdのUIKitがまとまったサイト Adobe XD Tutorials, UI kits and Freebies - Top resources on XDGuru xdguru.com #adobexd_study

2017-05-19 20:46:21
しずー🐻‍❄️ @shizooo85

UIキットは部品の参考にするのにも便利だけど、データの作り方とかアートボードのまとめ方とかとても勉強になるのでいろいろ知りたい…! #adobeXD_study

2017-05-19 20:49:40
🌸( ˆ̑‵̮ˆ̑(🐥🐊=͟͟͞͞🌸 @nomal_f

シンボル機能はリピートグリッドより影が薄いですが、グループ化して拡縮してもそれぞれのオブジェクトに干渉しない良さがあるとか。 (オブジェクトダブルクリックするとパスの編集ができますね) #adobexd_study pic.twitter.com/E5iN5oOs9U

2017-05-19 20:50:26
Kazuma Sekiguchi マイヤイヤー。 @KAZUMA87

XDのUIKitは作り方なども勉強になるので、いろいろと試してみるとおもしろいです。 シンボル化してくれると更に使いやすくなるんでしょうけど。。 #adobexd_study

2017-05-19 20:53:42
GO NOJI @bozu_is_mine

本日もお疲れ様でした。毎度のことながら、エンジニアでも「XDで仕事したい!」欲を刺激する勉強会で楽しみです。いずれ、ガッツリXDでいいモノ作れますように。 #adobexd_study

2017-05-20 00:03:02
ともたけ @_tomotake

効率化測れる新しい使い方を知れてよかった。明日から使える裏技たくさん教えていただけました。 そして、Fireworks永遠なれww #adobexd_study

2017-05-20 00:04:05