Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル(松下 絵梨)|翔泳社の本
  1. ホーム >
  2. 書籍 >
  3. Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル

Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル


形式:
書籍
発売日:
ISBN:
9784798158716
定価:
本体2,500円+税
仕様:
B5変・256ページ
分類:
Web制作

本書籍の他の形式を確認する

  • このエントリーをはてなブックマークに追加

コーディングに適したプロトタイプが作れる!

本書はAdobe XDを使った
WebデザインとUIのプロトタイピングを、
高品質なサイトを作りながら、
現場のワークフローに沿って学んでいく本です。

ワイヤーフレームの作り方から、
デザインカンプ制作、コンポ―ネントの管理、
画面遷移の設計、インタラクティブなプロトタイプ制作と共有、
コーディングに必要なデザインスペックの共有、
さらに動きのあるUI設計やプラグイン活用まで、
現場レベルで求められるスキルを、
より実践的な学び方で習得できます。

初学者から、現場経験が浅い新人デザイナー、
さらにグラフィックデザインからWebへキャリアを広げたい方まで、
しっかりWebデザインを学びたい、あらゆる方のための一冊です。

*本書は、Adobe XDのバージョン28.6.12.3をベースに書かれています。
*Adobe XDをインストールして使用するには、macOS 10.12以降、
またはWindows 10 Creators Update(64ビット)(v1703[ビルド 10.0.15063]以降)が必要です。


Chapter 1 Adobe XDの基本と制作準備
01|Adobe XDが必要になった背景
02|Adobe XDの特徴
03|インストールと環境設定
04|フォント環境を整える

Chapter 2 ワイヤーフレームの制作
01|制作の準備をする
02|トップページのワイヤーフレームを作成する
03|コンポーネントについて理解する
04|トップページのワイヤーフレームを完成させる
05|下層ページのワイヤーフレームを完成させる

Chapter 3 スマートフォン版デザインカンプの制作(1)トップページ
01|共通パーツを作成する
02|トップページデザインの作成

Chapter 4 スマートフォン版デザインカンプの制作(2)下層ページ
01|下層ページ共通デザインの作成
02|コンセプトページの作成
03|製品一覧ページの作成
04|敏感肌用化粧水ページの作成
05|よくあるご質問ページの作成
06|店舗情報ページの作成
07|「オンラインショップ」セクションの作成
08|メニューページの作成

Chapter 5 インタラクティブ・プロトタイプの制作
01|プロトタイプモードに切り替えて作業する
02|リンクを設定する
03|共通部分のリンクの設定
04|メニューページのプロトタイプ

Chapter 6 プロトタイプとデザインスペックの共有
01|プロトタイプを共有する
02|デザインスペックを共有する

Chapter 7 デスクトップ版デザインカンプの制作
01|デスクトップ版を作成する準備
02|デスクトップ版トップページを作成する
03|下層ページの共通部分を作成する
04|下層ページを作成する

Chapter 8 コーディングの準備と画像の書き出し
01|コーディングの準備
02|差し替え作業をする

Chapter 9 動きのあるUIの制作
01|自動アニメーションの基本
02|スクロールダウンアイコン
03|開閉式のアコーディオンメニュー
04|ボタンホバー時のアニメーション
05|アンカーリンク

Chapter 10 プラグインの活用
01|プラグインの使い方
02|プラグインの紹介

付属データはこちら

書籍への問い合わせ

正誤表、追加情報をご確認の上、こちらよりお問い合わせください

書影の利用許諾について

本書籍に関する利用許諾申請はこちらになります

  • AdobeXDのアップデートによる齟齬について

    AdobeXDのアップデートによって、本書の執筆時点での内容と相違が生じることがあります。以下の著者サイトにて、可能な範囲でサポートさせていただいています。本書を読まれる際は、ご確認のほど、よろしくお願いします。
    https://book.tsukiakari.design/xd/support/

ご購入いただいた書籍の種類を選択してください。

書籍の刷数を選択してください。

刷数は奥付(書籍の最終ページ)に記載されています。

現在表示されている正誤表の対象書籍

書籍の種類:

書籍の刷数:

本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

対象の書籍は正誤表がありません。

最終更新日:2020年05月28日
発生刷 ページ数 書籍改訂刷 電子書籍訂正 内容 登録日
1刷 114
手順①Hの値
2刷
H:1236(px)
H:1259(px)

記載通りでも作業に支障はありませんが、本文とサンプルファイルの値に差がありました。
2020.05.28
1刷 137
MEMO内
2刷
Illustrotor
Illustrator
2020.05.28
1刷 205
手順①内
2刷
[Y]の値を「1828」(px)に設定します。
[Y]の値を「1820」(px)に設定します。

記載通りでも作業に支障はありませんが、本文とサンプルファイルの値に差がありました。
2020.05.28