• 倉田 美幸

Adobe XD User Group 広島 vol.3


夜一人でぼーっとしていると


ぶーーーーーん

ぶーーーーーん


またあの嫌な音が・・・




なんで家の中に入ってくるんですかね??


こっちに飛んでくるなーーー

と思いながらも

なんとか外へ追い出しました


最近○メムシ退治の

画期的な方法を編み出し

百発百中させている


オリジナル絵本作家・

デザイナーをしています

倉田美幸です


オリジナル絵本については

こちらをご覧ください^^








昨日は以前にも参加させていただいた

Adobe XD User Groupへ


前回のレポはこちら^^

Adobe XD User Fes 2019 Hiroshimaへ!


前回はFesということで

人も多かったですが

今回はこじんまりの空気でした

こっちの方が普通なのかなっと


そして今回も相変わらず

内容がうっすい(というか書けない笑)


そして写真は撮ったけど

あんまり美しくないので笑笑

今回は載せないでおこうと思う←え






今回の内容


前回もライトニングトークで登壇された

カンドウコーポレーション柳谷さんによる

XDを使った実務事例のお話



実際の現場でどういう風に

XDの共有機能を使うかの

デモンストレーション


でした






Xdの機能について


XdはHPを制作するときに使う

Adobe社が開発したアプリケーションです





UI/UXデザイン

プロトタイプ作成

共有


までを1つのアプリで

実現することができる

すぐれものなんです!!!





これまでのHP制作の流れ

  • データのやりとり


  • フレームを作る

わたしは結構手書きで見せます

  • お客さんに確認してもらったあとIllustratorやPhotoshopでデザインを作成する


  • デザインがOKになったらプログラマーにデータを渡す


という感じ




XDを使ったHP制作の流れ


  • すべてXd上で!!


  • ワイヤーフレームの作成

→この時点で

 プロトタイプ(実際の動き)の

 確認ができる


  • そのままアプリ上でデザイン作成

→ファイルが軽いため

 一度にたくさんのページを

 追加できるので

 ファイルをたくさん作る必要がない


  • プロトタイプの作成

→このボタンを押したら

 どのページに飛ぶ

 という画面遷移を確認できる


これってお客さんが

実際のHPをイメージしやすい

ってことになります


ここ結構ポイント

ですよね〜


  • デザインOK出たらプログラマーにデータを渡す

→ここも同じですが

 プログラミングに必要な情報が

 XD上に全て書いてあるので

 作業時間が削減される




これってもう

XD使うしかないよね

って感じです



作る側にとっても

お客様側にとっても

わかりやすくて便利




最近少しずつ触れてみてはいますが

慣れていないためまだ

Illustratorの方が早いと思ってしまう


でも今後は少しずつ

取り入れて行きたいと

改めて感じました




まとめ


キーワードとして


消費されない

web Design


ということを言われていたのが

印象的でした




これまでのweb制作では

作って納品したら終わり

データにしても捨てていくものが

多かったそうです


確かにワードやエクセルファイルは

素材として使ったらいらないものに

なってしまっています


でもXdを使うことによって

積み上げていくことで

ゴミが少なくて済む

ということを言われていました


プロダクトの考え方として

作ってしまっておわり

ではなく育てていくこと


消費ではなく資産として

育てていく提案をしていく

というのがこれからの時代

必要になってくる




最近自分の仕事について

いろいろ考えていることで

リンクするところがたくさんあり

とても勉強になりました




新しいことに挑戦すること

というのは毎度なかなか

腰が重くなってしまいますが


とりあえず次回までに

Xdでの実績を一つ作る

という目標を

上げておくことにします笑




本日も最後までお読みくださり

ありがとうございました^^



“Life is Design”

シンプルだけどあたたかく

あなたの想いをカタチに描き起こす

オリジナル絵本作家

グラフィックデザイナー

倉田 美幸


お問い合わせはコチラから^^

Instagram https://www.instagram.com/miyuki32.art/


#adobe #xd #xdug #毎日ブログ #0095

0回の閲覧