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
すずきさん @ssssuuuzzz

デザイナーとエンジニア間でインタラクションの共有や理解は必要ですね。 「何となく良くしといて」は齟齬が生じる。 #adobexd_study

2017-05-19 19:41:42
Kazuma Sekiguchi マイヤイヤー。 @KAZUMA87

実のところデザイナーでは無いので、ワイヤーフレームとかのお話しをしたのは初めてだったのです。少しでも参考になるところがあれば嬉しいです。 #adobexd_study

2017-05-19 19:48:13
crash.academy @crash_academy

フライヤーとステッカー置かせていただきました。ありがとうございます! Adobeさんはステッカーもおしゃれ|д゚) #adobexd_study pic.twitter.com/FESRyK9Qh9

2017-05-19 19:49:10
拡大
池田 泰延(勉強会用) @clockmaker_bot

Adobe Xd勉強会の発表内容は動画で後日公開されます。 crash.academy #adobexd_study

2017-05-19 19:51:21
adobexd_study @adobexd_study

今日のAdobe XD Meeting #05の内容は crash.academy にて後日アップされます。 既に#03の内容はアップして頂いています。 #adobeXD_study

2017-05-19 19:52:07
adobexd_study @adobexd_study

「ワイヤーフレームを高速にXDらしく作る」セッション開始!! #adobeXD_study

2017-05-19 19:53:03
池田 泰延(勉強会用) @clockmaker_bot

この勉強会に来ている方で、Sketchを使っている人は多いのかしら? #adobexd_study

2017-05-19 19:53:44
Kazuma Sekiguchi マイヤイヤー。 @KAZUMA87

XDはアートボード外にもメモが書けるから良い #adobeXD_study

2017-05-19 19:55:16
池田 泰延(勉強会用) @clockmaker_bot

Adobe Xd :デザイン中心・画像メモ Brackets:テキスト管理 Excel:汎用データ コピペ用 #adobexd_study

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

Adobe Xdで、アイデアスケッチの清書から、忠実度の高いワイヤーフレームまで対応できる #adobexd_study

2017-05-19 19:57:51
adobexd_study @adobexd_study

XDでカバーできるさまざまな段階のワイヤーフレーム ・アイディアスケッチをざっくり清書 ・項目があたっているだけのワイヤーフレーム ・ワイヤーフレームを利用して他のサイズを検討 ・忠実度の高いワイヤーフレーム #adobeXD_study

2017-05-19 19:57:59
adobexd_study @adobexd_study

雑に作る。但し、後工程を考える。 →XDの機能把握が大事! #adobeXD_study

2017-05-19 19:58:44
adobexd_study @adobexd_study

XDのテキストは1行テキストと複数行テキストの2種類あります。 #adobexd_study

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

Xdでは一行テキストと複数行テキストの違いは理解しておく必要がある #adobexd_study

2017-05-19 20:00:21
まっつん @gf208

1行テキスト=ポイントテキスト 複数行テキスト=エリア内テキストのことですね。 #adobexd_study

2017-05-19 20:01:25
まっつん @gf208

オーバーテキストの表示がイラレとかに比べて小さい。。。 #adobexd_study

2017-05-19 20:04:07
adobexd_study @adobexd_study

複数行テキストでは8カ所に〇が出るが、隠れているテキストがあると、〇の中に「・」が描画されるので、隠れているテキストがあることが分かる。 #adobeXD_study

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

【Xdの豆知識】 ・テキストツールとエリアテキストツールは拡縮した時に、文字サイズ が変わるか変わらないか差がでる。 ☆テキスト  =フォントサイズが拡縮される ☆エリアテキスト  =フォントサイズは拡縮されない #adobexd_study

2017-05-19 20:06:16
adobexd_study @adobexd_study

XDでアートボードを複製すると、いくつでも複製可能だが、ある一定のところから、横にペーストされずに下側に配置される ワイヤーフレームでは複製を良く使うので、複製すると便利! #adobeXD_study

2017-05-19 20:06:27
adobexd_study @adobexd_study

XDでシェイプを合成すると境界線のサイズ分だけ小さくなるため、注意が必要 #adobexd_study

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

XDでは破線を描くことができないので、一度Aiなどで破線を描画し、XDに持ってきたら、破線にしたいシェイプと合成すると、破線にすることが可能 #adobeXD_study

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

AdobeXdでなにもないところに画像をドラッグ&ドロップすると、整列して画像が挿入される きれいに並ぶのでオススメ #adobexd_study

2017-05-19 20:12:58
adobexd_study @adobexd_study

XDは画像をドラッグしてくると上側が揃った状態で10pxずつ離れて配置される #adobexd_study

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

複数のアートボードがある状態で、全選択→グループ化してはならない #adobexd_study

2017-05-19 20:14:08