Figmaを使ったUIデザインの基本を詰め込んだ『Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン』を7月23日(火)に発売
インプレスグループでIT関連メディア事業を展開する株式会社インプレス(本社:東京都千代田区、代表取締役社長:高橋隆志)は、Figmaを使ったUIデザインの基本を詰め込んだ実践書『Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン』を2024年7月23日(火)に発売いたします。
![](https://prtimes.jp/i/5875/6027/resize/d5875-6027-dcfec55bd1262ee15898-0.jpg)
■Figmaを使ったUIデザインの第一歩
近年、Webサービスやアプリにおいて、ユーザーにとって自然で使いやすいインターフェースを設計する「UIデザイン」が注目されています。本書は、人気デザインツール「Figma」を使ってWebサービスやアプリのコンポーネント(要素)やアイコンなどのUIデザインを学ぶ実践書です。
■コンポーネントの作成から実装まですべて学べる
前半ではFigmaの基本操作を学びます。UIコンポーネントとスタイルを集めた本書オリジナルのUIキット「Stockpile UI(ストックパイルユーアイ)」を元に、UIデザインで必須のコンポーネントやアイコンについて、その機能や目的を学びながらデザインしていきます。後半では本書オリジナルアプリに実装することで、一連の制作の流れを体験できる内容になっています。「いろいろなサンプルを一気に見たい」「とにかく早く実務に生かしたい」人に役立ちます。
■オリジナルのサンプルファイル付き
Chapter 1で利用する練習用のファイルと、本書オリジナルのUIキット「Stockpile UI」のデータをサンプルファイルとして使用することができます。本書の書誌ページ(https://book.impress.co.jp/books/1123101030)に記載のURLから入手できます。
■本書は以下のような方におすすめです
Figmaの基本は理解したので、次は実務に役立つアイデアが欲しい人
いろいろなUIサンプルを一気にたくさん見たい人
UIコンポーネントの作成をはじめたものの作り方に迷っている人
Figmaを使ったUIデザインに興味のある人
Webデザイン中級者
UIデザイン(アプリデザイン)中級者
■本書の構成
Chapter 1Figmaの基本操作
Chapter 2Stockpile UIの土台となる「ファウンデーション」
Chapter 3アプリやWebページの部品となる「コンポーネント」
Chapter 4オリジナルアプリを作る準備
Chapter 5オリジナルアプリを作る
Chapter 6デザインシステムについて知る
■紙面イメージ
![コンポーネントの完成形を示し、作成手順を丁寧に解説しています。手順の最後には実装例も掲載しています コンポーネントの完成形を示し、作成手順を丁寧に解説しています。手順の最後には実装例も掲載しています](https://prtimes.jp/i/5875/6027/resize/d5875-6027-2cce796fe0637b9aab2e-1.jpg)
![オリジナルアプリに実装し、制作の流れを体験できる構成になっています オリジナルアプリに実装し、制作の流れを体験できる構成になっています](https://prtimes.jp/i/5875/6027/resize/d5875-6027-259b367b55bc97bcb69d-2.jpg)
■書誌情報
![](https://prtimes.jp/i/5875/6027/resize/d5875-6027-dcfec55bd1262ee15898-0.jpg)
書名:Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン
著者:相原典佳・岡部千幸
発売日:2024年7月23日(火)
ページ数:384ページ
サイズ:B 5変形判
定価:3,080円(本体2,800円+税10%)
電子版価格:3,080円(本体2,800円+税10%)※インプレス直販価格
ISBN:978-4-295-01908-4
◇Amazonの書籍情報ページ:https://www.amazon.co.jp/dp/4295019089/
◇インプレスの書籍情報ページ:https://book.impress.co.jp/books/1123101030
■著者プロフィール
相原典佳(あいはら・のりよし)
DTP、Webディレクター業務を経たのち、2010年にフリーランスとして独立。ディレクションからデザイン、構築まで、一貫したWebサイト制作を提供している。
現場での経験や知識を元に、デジタルハリウッドなどで講師を担当するほか、「Web初心者を抜けた人たち」向けのコミュニティ、Beans Collegeの運営を行っている。
岡部千幸(おかべ・ちゆき)
UIデザイナー
法政大学デザイン工学研究科システムデザイン専攻卒業。事業会社にて、既存サービスのグロースやゲーム開発、新規サービスの立ち上げ等を経験し、独立。
個人事業主として多くのプロダクト開発を経験後、株式会社cencoを設立。
現在は、UIデザインを軸足に、職域に縛られることなくプロダクト開発に携わっている。
大学の非常勤講師や学生向けイベントでの講義も担当。
以上
【株式会社インプレス】 https://www.impress.co.jp/
シリーズ累計8,000万部突破のパソコン解説書「できる」シリーズ、「デジタルカメラマガジン」等の定期雑誌、IT関連の専門メディアとして国内最大級のアクセスを誇るデジタル総合ニュースサービス「Impress Watchシリーズ」等のコンシューマ向けメディア、「IT Leaders」をはじめとする企業向けIT関連メディアなどを総合的に展開・運営する事業会社です。IT関連出版メディア事業、およびデジタルメディア&サービス事業を幅広く展開しています。
【インプレスグループ】 https://www.impressholdings.com/
株式会社インプレスホールディングス(本社:東京都千代田区、代表取締役:松本大輔、証券コード:東証スタンダード市場9479)を持株会社とするメディアグループ。「IT」「音楽」「デザイン」「山岳・自然」「航空・鉄道」「モバイルサービス」「学術・理工学」を主要テーマに専門性の高いメディア&サービスおよびソリューション事業を展開しています。さらに、コンテンツビジネスのプラットフォーム開発・運営も手がけています。
![](https://prtimes.jp/i/5875/6027/resize/d5875-6027-dcfec55bd1262ee15898-0.jpg)
■Figmaを使ったUIデザインの第一歩
近年、Webサービスやアプリにおいて、ユーザーにとって自然で使いやすいインターフェースを設計する「UIデザイン」が注目されています。本書は、人気デザインツール「Figma」を使ってWebサービスやアプリのコンポーネント(要素)やアイコンなどのUIデザインを学ぶ実践書です。
■コンポーネントの作成から実装まですべて学べる
前半ではFigmaの基本操作を学びます。UIコンポーネントとスタイルを集めた本書オリジナルのUIキット「Stockpile UI(ストックパイルユーアイ)」を元に、UIデザインで必須のコンポーネントやアイコンについて、その機能や目的を学びながらデザインしていきます。後半では本書オリジナルアプリに実装することで、一連の制作の流れを体験できる内容になっています。「いろいろなサンプルを一気に見たい」「とにかく早く実務に生かしたい」人に役立ちます。
■オリジナルのサンプルファイル付き
Chapter 1で利用する練習用のファイルと、本書オリジナルのUIキット「Stockpile UI」のデータをサンプルファイルとして使用することができます。本書の書誌ページ(https://book.impress.co.jp/books/1123101030)に記載のURLから入手できます。
■本書は以下のような方におすすめです
Figmaの基本は理解したので、次は実務に役立つアイデアが欲しい人
いろいろなUIサンプルを一気にたくさん見たい人
UIコンポーネントの作成をはじめたものの作り方に迷っている人
Figmaを使ったUIデザインに興味のある人
Webデザイン中級者
UIデザイン(アプリデザイン)中級者
■本書の構成
Chapter 1Figmaの基本操作
Chapter 2Stockpile UIの土台となる「ファウンデーション」
Chapter 3アプリやWebページの部品となる「コンポーネント」
Chapter 4オリジナルアプリを作る準備
Chapter 5オリジナルアプリを作る
Chapter 6デザインシステムについて知る
■紙面イメージ
![コンポーネントの完成形を示し、作成手順を丁寧に解説しています。手順の最後には実装例も掲載しています コンポーネントの完成形を示し、作成手順を丁寧に解説しています。手順の最後には実装例も掲載しています](https://prtimes.jp/i/5875/6027/resize/d5875-6027-2cce796fe0637b9aab2e-1.jpg)
![オリジナルアプリに実装し、制作の流れを体験できる構成になっています オリジナルアプリに実装し、制作の流れを体験できる構成になっています](https://prtimes.jp/i/5875/6027/resize/d5875-6027-259b367b55bc97bcb69d-2.jpg)
■書誌情報
![](https://prtimes.jp/i/5875/6027/resize/d5875-6027-dcfec55bd1262ee15898-0.jpg)
書名:Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン
著者:相原典佳・岡部千幸
発売日:2024年7月23日(火)
ページ数:384ページ
サイズ:B 5変形判
定価:3,080円(本体2,800円+税10%)
電子版価格:3,080円(本体2,800円+税10%)※インプレス直販価格
ISBN:978-4-295-01908-4
◇Amazonの書籍情報ページ:https://www.amazon.co.jp/dp/4295019089/
◇インプレスの書籍情報ページ:https://book.impress.co.jp/books/1123101030
■著者プロフィール
相原典佳(あいはら・のりよし)
DTP、Webディレクター業務を経たのち、2010年にフリーランスとして独立。ディレクションからデザイン、構築まで、一貫したWebサイト制作を提供している。
現場での経験や知識を元に、デジタルハリウッドなどで講師を担当するほか、「Web初心者を抜けた人たち」向けのコミュニティ、Beans Collegeの運営を行っている。
岡部千幸(おかべ・ちゆき)
UIデザイナー
法政大学デザイン工学研究科システムデザイン専攻卒業。事業会社にて、既存サービスのグロースやゲーム開発、新規サービスの立ち上げ等を経験し、独立。
個人事業主として多くのプロダクト開発を経験後、株式会社cencoを設立。
現在は、UIデザインを軸足に、職域に縛られることなくプロダクト開発に携わっている。
大学の非常勤講師や学生向けイベントでの講義も担当。
以上
【株式会社インプレス】 https://www.impress.co.jp/
シリーズ累計8,000万部突破のパソコン解説書「できる」シリーズ、「デジタルカメラマガジン」等の定期雑誌、IT関連の専門メディアとして国内最大級のアクセスを誇るデジタル総合ニュースサービス「Impress Watchシリーズ」等のコンシューマ向けメディア、「IT Leaders」をはじめとする企業向けIT関連メディアなどを総合的に展開・運営する事業会社です。IT関連出版メディア事業、およびデジタルメディア&サービス事業を幅広く展開しています。
【インプレスグループ】 https://www.impressholdings.com/
株式会社インプレスホールディングス(本社:東京都千代田区、代表取締役:松本大輔、証券コード:東証スタンダード市場9479)を持株会社とするメディアグループ。「IT」「音楽」「デザイン」「山岳・自然」「航空・鉄道」「モバイルサービス」「学術・理工学」を主要テーマに専門性の高いメディア&サービスおよびソリューション事業を展開しています。さらに、コンテンツビジネスのプラットフォーム開発・運営も手がけています。
この銘柄の最新ニュース
インプレスのニュース一覧- 2月24日(月・休)14:00~ 書籍 『レンズ越しの羽生結弦──神カメラマンが見た絶対王者』刊行記念 田中充さん×小海途良幹さん オンライン講演会開催! 2025/02/18
- 2月18日発売! 世界の台所探検家、岡根谷実里さん最新刊『世界ひと皿紀行 料理が映す24の物語』から、納豆のにおいが人を繋ぎ民族の分断を生む「ひと皿」の向こうのお話をご紹介します。 2025/02/18
- 探検家のバイブル! 戦前の日高の奥地、想像を絶する生と死のドラマ『秘境釣行記』発刊! 2025/02/18
- 1970年代の岩国市を舞台にした郷愁あふれる自伝的青春小説! 樋口明雄『ヤマケイ文庫 宇宙(ほし)に願いを』刊行 2025/02/18
- 2025年注目の国・アイルランド! 緑の島の四季と人々の暮らしを、ケルト暦に沿って描く211のエッセイ『季節で綴るアイルランド211 ケルトが彩る緑の島の心豊かな日々』発売! 2025/02/18
マーケットニュース
- 絶好調の上方修正銘柄に照準、配当も増額の「上値期待」とっておき6選 <株探トップ特集> (02/18)
-
明日の株式相場に向けて=「トランプ2.0」で躍動する欧州株の謎 (02/18)
- 本日の【新規公開(IPO)】公開価格決定 (18日大引け後 発表分) (02/18)
-
明日の為替相場見通し=国内金利動向など注目 (02/18)
おすすめ条件でスクリーニング
インプレスホールディングスの取引履歴を振り返りませんか?
インプレスホールディングスの株を取引したことがありますか?みんかぶアセットプランナーに取引口座を連携すると売買履歴をチャート上にプロットし、自分の取引を視覚的に確認することができます。
アセットプランナーの取引履歴機能とは![アセプラ(アセットプランナー)](https://assets.minkabu.jp/images/stock/img_asset_tradehistory.png)
※アセプラを初めてご利用の場合は会員登録からお手続き下さい。
インプレスホールディングスの株価を予想してみませんか?
ネット証券比較
みんかぶおすすめ
\ 投資・お金について学ぶ入門サイト /