内容紹介

※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。※PDF版をご希望の方はGihyo Digital Publishingも併せてご覧ください。

◆かならず作れる！ハンズオン形式で学べるFigmaの入門教科書です。◆

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

■こんな方におすすめ

・Webデザイナーを目指す学生・社会人

・制作会社に入ったばかりの新人Webデザイナー

■目次

●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 ドラッグで閉じるウィンドウ

■著者プロフィール

古尾谷眞人（ふるおやまさと）：出版社、印刷会社、広告制作会社にて、DTP制作、Web制作、システム開発に従事。DTP/Web関連の書籍を多数執筆。2019年と2022年、一般財団法人海外産業人材育成協会（AOTS）の専門家として、ベトナムでDTP制作のインフラ構築、Webアプリの開発業務を行う。