作って学ぶFigma入門（完全版） ステップ・バイ・ステップで身につくWeb/UIデザインの基本（技術評論社） [電子書籍]

作って学ぶFigma入門（完全版） ステップ・バイ・ステップで身につくWeb/UIデザインの基本（技術評論社） の 商品概要

• かならず作れる！ ハンズオン形式で学べる，Figmaの入門教科書です。
  Figmaを使ったWeb/UIデザインをマスターするには，実際のWebサイトを作りながら学べるハンズオン形式が最適です。本書は，解説の通りに操作を進めることでFigmaの基本をマスターできる，初学者必携の入門書です。解説に使用している作例データは画像を含めてダウンロードできるので，
  ①実務に即したデザインを
  ②実際の流れに沿って制作し
  ③完成させることができます！
  オートレイアウト，コンポーネント，スタイル，バリアブルといったFigma特有の機能はもちろんのこと，最新のWebサイトに必須のハンバーガーメニュー，カルーセル，レスポンシブ対応など，現場で今すぐ活用できるスキルをこれ1冊に詰め込みました。Figmaの最新UIにも対応した，Figma入門の決定版です。
  

• 目次

  ●LESSON1 Figmaの概要とレッスンの準備
  01 FigmaとUI/UXデザイン
  02 ソフトウェアの準備
  
  ●LESSON 2 スマートフォンのWebデザイン
  01 スマートフォン画面の作成
  02 画像とテキストの基本操作
  03 アイコンの作成
  
  ●LESSON 3 スクロールするスマートフォン画面
  01 オートレイアウトの基本操作
  02 コンポーネントの基本操作
  03 iOSコンポーネントの利用
  04 プロトタイプの基本操作
  
  ●LESSON 4 ページ遷移するカード型ページ
  01 スタイルの作成
  02 バリアブルの作成
  03 ページ遷移の作成
  04 オーバーレイの作成
  
  ●LESSON 5 ハンバーガーメニューとカルーセル
  01 ハンバーガーメニュー
  02 カルーセルの作成
  03 アプリでプレビュー再生
  04 Figmaファイルの共有
  
  ●LESSON 6 レスポンシブなWebデザイン
  01 レスポンシブなフレームの拡大
  02 プロパティによるデザイン変更
  
  ●LESSON 7 インタラクティブなUIパーツ
  01 検索用ウィンドウの作成
  02 検索操作アニメーションの作成
  03 チェックボックスの作成
  04 ドラッグで閉じるウィンドウ
  
  Googleフォント
  カラーコード
  ショートカットキー一覧
  

作って学ぶFigma入門（完全版） ステップ・バイ・ステップで身につくWeb/UIデザインの基本（技術評論社） の商品スペック