TOP新刊既刊I/OサポートQ&A通販お問い合わせ
 既刊 > 2018年 > 4月 書名検索: 詳細検索...
Webデザインに動的要素をプログラミングなしで盛り込む!
Adobe XD Webプロトタイプツール
タナカヒロシ 著
2018年 4月21日発売   96ページ 定価 \2,090(本体 \1,900)
   ISBN978-4-7775-2049-7 C3004 \1900E
 「Adobe XD」(アドビ・エックスディー)は、「Photoshop」や「Illustrator」で有名なAdobeがリリースしたWebサイトの「プロトタイピング・ツール」。

 「Adobe XD」は、Webサイトの試作品(プロトタイプ)を作るためのツールで、プログラミングができなくても動的な要素をデザインに盛り込むことができます。
 非常にシンプルな「プロトタイプ」を作るだけのアプリですが、その使い方によっては、完成に近いレイアウトまで作り込むこともできます。

 本書では、アプリの基本から実践まで「Adobe XD」の使い方を紹介していきます。
■ 主な内容 ■

 

1章 「Adobe XD」の基本

XD」について

Webデザインの分業化

Adobe CC」との連携

Adobe XD」のゴール

 

2章 インターフェイス

基本インターフェイス

「デザイン」と「プロトタイプ」

ツールバー

「レイヤー」と「オブジェクト」

アセット

プロパティ・インスペクター

 

3章 ランディング・ページ

「ランディング・ページ」とは

「ワイヤフレーム」を作る

テキストの配置

画像の配置

Webフォーム」のレイアウト

デスクトップ・プレビュー

 

4章 ブランドサイト・チュートリアル

サイトの構成案

「ワイヤフレーム」を構築

「マルチ・アートボード」の活用

プロトタイピング

「プレビュー」で確認

モバイルプレビュー

 

5章 作成テクニック

オブジェクト管理の基本

オブジェクト変形の基本

「長方形オブジェクト」の変形

可逆パスファインダー

「距離」や「サイズ」の計測

オブジェクト・オプション

「トーン&マナー」を守る

「ナビゲーション」の作成

アートボード上のバランスを考える

規則正しいレイアウトを組む

複数のオブジェクトは「グループ管理」

UIキット」を活用しよう

 

6章 パス

Adobe XDのパス編集

「直線パス」の編集

「曲線パス」の編集

読み込み画像の加工テクニック

本書内容に関するご質問は、こちら
本書のサポートページはこちら
通信販売
在庫あり
サポート情報
サポート
ご意見・ご質問

内容見本