ブログ

スタッフブログ

webデザイナー募集中webデザイナー募集中

pc

昨年末、待ちに待ったadobe XDのWindows版をインストールしました。
アウラでディレクションを担当している私は、いかにお客様に分かりやすいワイヤーフレームをお見せするか、またそれを効率良く作るにはどうすれば良いのかをいつも考えています。
本当に簡素なワイヤーフレームでは、実際お客様がとてもイメージしにくいという問題があり、逆に作りこめばそこに無駄な時間と労力を費やすことになってしまう( ;∀;)「ここまでやるか?」「いや、もうちょいシンプルにいくか?」と自問自答を繰り返しながら日々頑張っていた私に希望の光が見えた気がしたのが
adobe XDのリリースでした。

レスポンシブwebが当たり前になってきたから。

Googleがモバイルフレンドリー・アルゴリズムを強化することを発表したことで、SEO的にもモバイル対応しているか否かがとても重要になってきました。スマホの利用率は2016年7月時点で72.2%となり、4年前の2.2倍になっています。
アウラでは2012年頃からレスポンシブwebデザインを推奨してきましたが、実際、最近はアウラにお問い合わせいただくお客様も、「古くなったホームページをリニューアルしたい!」「どうせするならスマホに対応させたい!」といった内容で依頼されることが増えています。

デバイスが増えるということは?

f38504e2a4a1f0815e4e407421222f83_s
パソコン、タブレット、モバイルとデバイスが増えていくということは、デバイスの分だけお客様に説明するためのワイヤーフレーム作りも増えます。パソコン画面での見え方とモバイル画面での見え方の違いをしっかりと伝えられないと、お客様はぼんやりとしかイメージできません。
ワイヤーフレームに求められる質・量・制作スピードが高くなってきています。
web製作者の大変な作業が倍増です( ゚Д゚)
そこでXDの登場です。
XD最大の特徴は、パソコン、タブレット、スマホ向けのWebサイトやアプリのUIを制作する「Designモード」と、そのUI操作による画面遷移やエフェクトなどを設定し、プレビューができる「Prototypeモード」があることです。

1つのファイルに多数のアートボード

キャプチャ

UIデザインを行う「Designモード」について

xdファイルには、複数のアートボードを含めることができるという特徴があり、パソコン、タブレット、モバイルのプリセットサイズを選択することが出来ます。
もちろんプリセットを使用せずにカスタムサイズでアートボードを作成することもできます。
とてもパフォーマンスが良いので、大量にアートボードを配置してもあまり動きが鈍くなることはありません。
Artboard※「adobe.com」ウェブサイトより
これならお客様もワイヤーフレームを見てどんなホームページができるのか想像しやすいのではないでしょうか。
そして、WEB制作現場で頑張るディレクターたちの心強い味方になるのではないでしょうか。

もっとすごいぞ!XD

XDの素晴らしい機能はもちろんこんなものではありません。
「Designモード」「Prototypeモード」とも、素晴らしい機能はまだまだありますし、どんどん新しい機能が増えていくのでアップデートも楽しみです。
一回では書ききれないので、またXDについて書いてみようかなと思います。
しっかり記事を書けるように、XDバンバン使っていきます。
では、今日はこの辺で。。。

Tweet about this on TwitterShare on Google+Share on FacebookPin on Pinterest
webデザイナー募集中webデザイナー募集中

株式会社アウラ 松永巳知子 社長ブログ

webデザイナー募集中

お電話からのお問い合わせはこちら

お気軽にご相談ください。 06-6292-8577 【電話受付】 10:00~18:30(平日)

インターネットから24時間受付中
お問い合わせ専用フォーム 24時間受付中!

御社のホームページ、ご活用されていますか? インターネットからのお問い合わせは24時間受付中

御社のホームページ、ご活用されていますか?