|
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」のパス編集
「直線パス」の編集
「曲線パス」の編集
読み込み画像の加工テクニック
|
本書内容に関するご質問は、こちら
本書のサポートページはこちら．
|
|
|
