Webサイトのプロトタイプ制作に便利なAdobe XDの基本が学べる一冊。「Adobe XD UIデザインとプロトタイプ制作の教科書」

The following two tabs change content below.
gorian91
白井祥剛(しらいしょうご)1988年生まれ大阪府在住。難病でも仕事をして収入を得ながら社会にも貢献し、やりたいこともしっかりやる。そんな生き方を体現するべく日々活動しています。

Webサイトを作るときに、「何を」「どこに」「どのように」配置するのかを決めるワイヤーフレーム。

サイトの設計図ともいえるワイヤーフレームは、どのようなサイトを作るのか、制作者やお客さんと認識を合わせるために必要ですし、サイトの「見やすさ」や「使いやすさ」にも直結する重要なものです。

僕はサイトを作るとき、これまでAdobe Illustratorなどグラフィックデザインのソフトを使っていましたが、最近はAdobe XDといったユーザーインターフェースのデザインやプロトタイプ制作に特化したソフトが出てきました。

Adobe XDはまだ実務で使ったことはないのですが、これからのサイト制作で使えるようになっておいた方が良いと思ったので、機能やツールの使い方を一通り勉強するためにこの本を買いました。

Adobe XD UIデザインとプロトタイプ制作の教科書

 

Adobe XD UIデザインとプロトタイプ制作の教科書」では、「Adobe XDってそもそも何やねん」という導入部分から、Adobe XDの基本的な機能やツールの使い方が一通り解説されています。

実務で使いそうなパターン化されたコンテンツを簡単にレイアウトできるリピートグリッド機能や、サイトを構成するページの関係を指定するプロトタイプの機能、インタラクションの設定、デザインスペックの共有などですね。

本書の前半では主要な機能の解説、後半からは、実際に手を動かしながら学べるように、サンプルファイルをダウンロードして、それを使いながら勉強できるようになっています。

Adobe XDの基本的な機能を学びつつ、Webサイトを実際に作って操作方法を覚えていきたいという方におすすめの一冊です。

Web制作をする人は触っておいて損はなし

本書を読みながら実際に軽く触ってみましたが、Adobe XDはプロトタイプを作るにはめっちゃ便利なソフトです。

ただ、細かい作り込みをするためのソフトではないので、Webサイトを制作するならプロトタイプをAdobe XDで制作し、細部のパーツや画像の作り込みはIllustratorやPhotoshopで、という使い分けになるのかなと思いました。

Webサイトの制作をされている人であれば、触ってみて損はないと思うので、興味がある方はぜひ読んでみてください。

「筋ジスですが何か?」のYouTubeチャンネルができました!

こんにちは、「筋ジスですが何か?」のショウゴです。大阪でWebの仕事をしながらブログを書いたりしています。

最近は写真や文章だけではお伝えすることが難しいと感じることが多くなり、YouTubeで動画投稿を始めました。

YouTubeでは、「難病でも暮らしを快適に」をコンセプトに、日々の暮らしを快適にするモノやコトをご紹介します。

興味のある方は、ぜひチャンネル登録をよろしくお願いします。

ABOUTこの記事をかいた人

gorian91

白井祥剛(しらいしょうご)1988年生まれ大阪府在住。難病でも仕事をして収入を得ながら社会にも貢献し、やりたいこともしっかりやる。そんな生き方を体現するべく日々活動しています。