- 発売日:2025/01/30
- 出版社:技術評論社
- ISBN/JAN:9784297146788
目次
はじめに
本書の利用方法
LESSON 用のサンプルファイル
本書の LESSON で作成する内容
●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 フォント
カラーコード
ショートカットキー一覧
本書の利用方法
LESSON 用のサンプルファイル
本書の LESSON で作成する内容
●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 フォント
カラーコード
ショートカットキー一覧
