-
- いいね！0
Risa Yuguchi / 湯口りさ 💉💉
@risay
この勉強会は特定のジャンルにフォーカスした内容でなく、あくまでAdobeXDを使った製作プロセスにフォーカスしています。どの業界の方もお気軽にご参加ください！ Adobe XD Meeting #02 xd-study.connpass.com/event/41905/ #adobexd_study
2016-10-21 11:41:03
Keisuke Todoroki
@keisuke322
本日は19時からAdobe XD勉強会＠アドビオフィス。xd-study.connpass.com/event/41905/ #adobexd_study
2016-10-21 18:51:08
アヤト 📦
@ayato_tw
今日はこれに来た / Adobe XD Meeting #02 - connpass #adobexd_study xd-study.connpass.com/event/41905/
2016-10-21 18:56:19
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
まだAdobeXDにはできないことがいっぱい。ベータ版だしね #adobexd_study
2016-10-21 19:08:38
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
結構高機能なグラデーションツールが搭載されました（ぱちぱち） #adobexd_study
2016-10-21 19:09:40
Takeshi Igarashi | 五十嵐武志
@takeshi81
#adobexd_study XD勉強会にこれからご来場の方： ゲートシティイースト3F入口が閉まってお困りの場合は私がお迎えに行きます。ハッシュタグ #adobexd_study かリプライ @takeshi81 でツイートしてください。
2016-10-21 19:10:08
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
破線をAiから持ってきてもきちんと反映されます。場合によっては、グループ化を解除しないとだめですが、境界線の設定から色を変えたり、太さを変更できます。 #adobexd_study
2016-10-21 19:11:23
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
CSS書き出し、縦書きテキスト、固定ヘッダー・フッターなどの共通パーツ、マイクロインタラクションなどは現時点では全くサポートされていないので、あきらめましょう。 Aiで縦書きしても横書きとしてペーストされます #adobexd_study
2016-10-21 19:12:58
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
メンバーがWindowsしかいない場合は、今のところXDの利用をあきらめるかMacを使わせましょう。 #adobexd_study
2016-10-21 19:13:57
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
一人で作業している場合は、XDで最後までやることが結構可能。 UIキットなども搭載されているし、ネットでも配布され始めているので、割とスピーディーにプロトタイプ開発できます。 #adobexd_study
2016-10-21 19:15:12
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
Windowsのフォントまで使用されているXD搭載のUIキットwww #adobexd_study
2016-10-21 19:16:35
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
フォントを入れておくと、モバイルアプリプレビューでフォントは自動的にダウンロードされ、表示される #adobexd_study
2016-10-21 19:17:17
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
ロゴとかメモなどをアートボードにそのまま置いてしまう（色などはデフォルトのまま） #adobexd_study
2016-10-21 19:18:44
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
アートボードにヒアリング内容を書いてしまう。そこから必要そうな要素を抜き出して別のアートボードに配置。必要なものを抜き出してから、また別のアートボードに要素をレイアウトしていく #adobexd_study
2016-10-21 19:20:24
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
かなり粗々にレイアウトした状態で、画面を1つ見ながらチーム内でコミュニケーションし、話し合っていくと良い #adobexd_study
2016-10-21 19:21:19
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
色も無いレイアウトをしてある段階で、動きを付けていく。プレビューで要るもの要らないものを再度確認していく。 #adobexd_study
2016-10-21 19:22:36
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
アピアランスの透明度は数字キーで直ぐに変更可能。色を変更して強弱を付けるときにも便利 #adobexd_study
2016-10-21 19:24:54
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
JetBrainだと、Fontawasomeのフォントがそのまま表示できる不思議 #adobexd_study
2016-10-21 19:26:30
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
Webフォントをインストールしておくことで、そのまま文字としてアイコンを表示させることが可能。どの文字でどのアイコンになるかを確認するには、Jetbrain系のエディタを使いましょう #adobexd_study
2016-10-21 19:27:48
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
Webフォントでアイコンを入れておくと、1つだけ色を変えたりするのが楽なので、お勧め #adobexd_study
2016-10-21 19:28:49
Keisuke Todoroki
@keisuke322
Adobe XDにFont Awesomeのアイコンフォントを使ってテキストコントロールするという発想はなかったな。さすが。 #adobexd_study
2016-10-21 19:29:43
Kazuma Sekiguchi マイヤイヤー。
@KAZUMA87
フォントが大量に入っているとXDではフォントを選ぶのが大変。そんなときは、Typekitを利用して、フォント名を確認。最後のブロック以外がフォント名なので、そこをコピー。XDのテキストのところにペーストすれば反映される #adobexd_study
2016-10-21 19:31:33