本・雑誌 全品対象!エントリーでポイント最大10倍
現在地
トップ >  > パソコン・システム開発 > その他
AdobeXDではじめるWebデザイン&プロトタイピング一歩先行く現場のスキル[松下絵梨]
  • Googleプレビュー

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

2,750(税込)送料無料

楽天ブックス初めてご利用の方限定!

初めてご利用&条件達成でポイント最大5倍!

商品情報

  • 発売日:  2020年05月29日頃
  • 著者/編集:   松下 絵梨
  • 出版社:   翔泳社
  • 発行形態:  単行本
  • ページ数:  256p
  • ISBN:  9784798158716

商品説明

内容紹介(出版社より)

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



本書は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|プラグインの紹介

内容紹介(「BOOK」データベースより)

本書はAdobe XDを使ったWebデザインとUIのプロトタイピングを、高品質なサイトを作りながら、現場のワークフローに沿って学んでいく本です。ワイヤーフレームの作り方から、デザインカンプ制作、コンポーネントの管理、画面遷移の設計、インタラクティブ・プロトタイプ制作と共有、コーディングに必要なデザインスペックの共有、さらに動きのあるUI設計やプラグイン活用まで、現場レベルで求められるスキルを、より実践的な学び方で習得できます。初学者から、現場経験が浅い新人デザイナー、さらにグラフィックデザインからWebへキャリアを広げたい方まで、しっかりWebデザインを学びたい、あらゆる方のための一冊です。

目次(「BOOK」データベースより)

1 Adobe XDの基本と制作準備/2 ワイヤーフレームの制作/3 スマートフォン版デザインカンプの制作1 トップページ/4 スマートフォン版デザインカンプの制作2 下層ページ/5 インタラクティブ・プロトタイプの制作/6 プロトタイプとデザインスペックの共有/7 デスクトップ版デザインカンプの制作/8 コーディングの準備と画像の書き出し/9 動きのあるUIの制作/10 プラグインの活用

著者情報(「BOOK」データベースより)

松下絵梨(マツシタエリ)
1980年生まれ。Web/UIデザイナー。東京理科大学理工学部卒業。京都芸術大学非常勤講師、デジタルハリウッド大阪校主幹講師、コンピュータ専門学校HAL非常勤講師。通信機器メーカーで開発・サポート業務に従事したのち、デザイン・広報秘書業務に転身。2010年よりフリーランスとして独立し、DTP/Web/アプリデザイン、ディレクションを行なっている。勉強会やセミナー、企業研修にも力を入れ、「CSS Nite in Osaka」、「Adobe XDユーザーグループ大阪」、「ツキアカリMeet-up」を企画運営している(本データはこの書籍が刊行された当時に掲載されていたものです)

商品レビュー(2件)

総合評価
 

ブックスのレビュー(1件)

  • (無題)
    購入者さん
    評価 5.00 5.00
    投稿日:2020年11月15日

    要点が上手くまとめられていて読みやすいです。

    0人が参考になったと回答

楽天ブックスランキング情報

  • 週間ランキング(2021年10月11日 - 2021年10月17日)

     :第-位( - ) > パソコン・システム開発:第327位(↑) > その他:第268位(↑)

  • 日別ランキング

    ランキング情報がありません。

ご注文できない商品

最近チェックした商品

    ※表示を削除したい場合は閲覧履歴のページから削除お願いいたします

    ランキング:パソコン・システム開発

    ※1時間ごとに更新

    購入データ自動連携!楽天ブックス公式 無料 読書管理パプリ Readee

    このページの先頭へ