- Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン
- Figmaを使ったUIデザインの第一歩「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」
- コンポーネントの作成から実装まですべて学べる「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」
- オリジナルのサンプルファイル付き「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」
- 「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」対象読者
- 「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」本書の構成
- 「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」紙面イメージ
- 「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」Amazonでの購入はこちら
- 「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」楽天市場での購入はこちら
Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン
インプレスグループでIT関連メディア事業を展開するインプレスは、相原典佳氏、岡部千幸氏著書による、Figmaを使ったUIデザインの基本を詰め込んだ実践書「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」を2024年7月23日に発売した。
相原典佳Profile●DTP、Webディレクター業務を経たのち、2010年にフリーランスとして独立。ディレクションからデザイン、構築まで、一貫したWebサイト制作を提供している。現場での経験や知識を元に、デジタルハリウッドなどで講師を担当するほか、「Web初心者を抜けた人たち」向けのコミュニティ、Beans Collegeの運営を行っている。
岡部千幸●UIデザイナー
法政大学デザイン工学研究科システムデザイン専攻卒業。事業会社にて、既存サービスのグロースやゲーム開発、新規サービスの立ち上げ等を経験し、独立。個人事業主として多くのプロダクト開発を経験後、株式会社cencoを設立。現在は、UIデザインを軸足に、職域に縛られることなくプロダクト開発に携わっている。大学の非常勤講師や学生向けイベントでの講義も担当。
Figmaを使ったUIデザインの第一歩「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」
近年、Webサービスやアプリにおいて、ユーザーにとって自然で使いやすいインターフェースを設計する「UIデザイン」が注目されている。
「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」は、人気デザインツール「Figma」を使ってWebサービスやアプリのコンポーネント(要素)やアイコンなどのUIデザインを学ぶ実践書となる。
コンポーネントの作成から実装まですべて学べる「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」
前半ではFigmaの基本操作を学べる。
UIコンポーネントとスタイルを集めた本書オリジナルのUIキット「Stockpile UI(ストックパイルユーアイ)」を元に、UIデザインで必須のコンポーネントやアイコンについて、その機能や目的を学びながらデザインしていく。
後半では本書オリジナルアプリに実装することで、一連の制作の流れを体験できる内容になっている。
「いろいろなサンプルを一気に見たい」「とにかく早く実務に生かしたい」人に役立つ。
オリジナルのサンプルファイル付き「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」
Chapter 1で利用する練習用のファイルと、「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」オリジナルのUIキット「Stockpile UI」のデータをサンプルファイルとして使用することができる。
「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」の書誌ページ()に記載のURLから入手できる。
「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」対象読者
Figmaの基本は理解したので、次は実務に役立つアイデアが欲しい人
いろいろなUIサンプルを一気にたくさん見たい人
UIコンポーネントの作成をはじめたものの作り方に迷っている人
Figmaを使ったUIデザインに興味のある人
Webデザイン中級者
UIデザイン(アプリデザイン)中級者
「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」本書の構成
Chapter 1Figmaの基本操作
Chapter 2Stockpile UIの土台となる「ファウンデーション」
Chapter 3アプリやWebページの部品となる「コンポーネント」
Chapter 4オリジナルアプリを作る準備
Chapter 5オリジナルアプリを作る
Chapter 6デザインシステムについて知る
「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」紙面イメージ
▼コンポーネントの完成形を示し、作成手順を丁寧に解説しています。手順の最後には実装例も掲載している
▼オリジナルアプリに実装し、制作の流れを体験できる構成になっている
「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」Amazonでの購入はこちら
「Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン」楽天市場での購入はこちら
|