翔泳社の公式通販SEshopは全国送料無料!
ヘルプ 新規会員登録 ログイン
SEshop

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

松下 絵梨(著)

商品番号
158710
販売状態
品切れ
納品形態
宅配便にてお届け
発売日
2020年05月29日
出荷開始日
2020年05月28日
ISBN
9784798158716
判型
B5変
ページ数
256
キーワード
デザイン  Web制作  UI/UX

2,750円(税込)(本体2,500円+税10%)
送料無料

250pt (10%)
ポイントの使い方はこちら

初回購入から使えるポイント500円分プレゼント

現在、本商品は販売しておりません。 電子書籍はこちら

※1点の税込金額となります。 複数の商品をご購入いただいた場合のお支払金額は、 単品の税込金額の合計額とは異なる場合がございますので、予めご了承ください。

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

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

各種問い合わせは以下のリンクからご連絡ください

感想・レビュー

Yuko2 さん

2021-02-28

ワイヤーフレーム作成工程のレクチャーがとても丁寧。

関連商品

美大式 ビジネスパーソンのデザイン入門

1,980円(税込)

2024.05.17発売

おすすめ特集

法人・教育機関のお客様へ

【法人・教育機関のお客様へ】新年度の大口注文・お見積りなど、お気軽にご相談ください

Webデザイン特集

デザインやコーディングなど、Webデザインに役立つスキルが身につく書籍を揃えました

生成AI特集

テキスト生成、画像生成、動画生成など、生成AI活用のスキルが身につく本をご紹介

新社会人におすすめの本

新社会人の役に立つスキルが身につく本。ビジネスパーソンとしてスタートダッシュを切ろう!

プログラミング教育の本

小学校から必修化!人気の『ルビィのぼうけん』ほかプログラミング教育の本はこちら

翔泳社のセミナー・講座

開発・ビジネス・マーケティング・EC運営・営業支援など、幅広いジャンルの講座を開催

特集をもっと見る