新品
EUR14.41
ポイント: 80pt  (3%)
配送料 EUR 24.77 5月5日 火曜日にお届け
発送元: Amazon.co.jp
販売者: Amazon.co.jp
EUR 14.41
ポイント: 80pt  (3%)  詳細はこちら
配送料 EUR 24.77 5月5日 火曜日にお届け
詳細を見る
在庫あり。 在庫状況について
EUR EUR 14.41 () 選択したオプションを含めます。 最初の月の支払いと選択されたオプションが含まれています。 詳細
価格
小計
EUR EUR 14.41
小計
初期支払いの内訳
レジで表示される配送料、配送日、注文合計 (税込)。
出荷元 / 販売元
支払い方法
お客様情報を保護しています
お客様情報を保護しています
Amazonはお客様のセキュリティとプライバシーの保護に全力で取り組んでいます。Amazonの支払いセキュリティシステムは、送信中にお客様の情報を暗号化します。お客様のクレジットカード情報を出品者と共有することはありません。また、お客様の情報を他者に販売することはありません。 詳細はこちら
ギフトオプション
レジで利用可能
レジで利用可能 この商品はギフトです。変更
レジで、カスタムメッセージ、簡単返品のギフト領収書を追加して、商品をギフト包装することができます
EUR 12.44
【状態】汚れや書き込み等なく、非常に綺麗で良い状態です。【発送方法】全商品追跡番号付き、Amazon倉庫より発送します。万が一、見落としによる異なるコンディションの商品が届いてしまった場合、速やかにご返金にて対応致します。また、保証詳細に関してはAmazonマーケットプレイスをご確認ください。 【状態】汚れや書き込み等なく、非常に綺麗で良い状態です。【発送方法】全商品追跡番号付き、Amazon倉庫より発送します。万が一、見落としによる異なるコンディションの商品が届いてしまった場合、速やかにご返金にて対応致します。また、保証詳細に関してはAmazonマーケットプレイスをご確認ください。 一部を表示
配送料 EUR 24.77 5月5日 火曜日にお届け (14 時間 26 分以内にご注文の場合)
詳細を見る
残り1点 ご注文はお早めに 在庫状況について
EUR EUR 14.41 () 選択したオプションを含めます。 最初の月の支払いと選択されたオプションが含まれています。 詳細
価格
小計
EUR EUR 14.41
小計
初期支払いの内訳
レジで表示される配送料、配送日、注文合計 (税込)。
この商品は、ライフ&インテリア Albosが販売し、Amazon.co.jp が発送します。
次に追加されました:

申し訳ありません。問題が発生しました。

ウィッシュリストの取得中にエラーが発生しました。もう一度やり直してください。

申し訳ありません。問題が発生しました。

リストを利用できません。
Kindleアプリのロゴ画像

無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません

ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。

携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。

KindleアプリをダウンロードするためのQRコード

  • 作って学ぶFigma入門[完全版] ステップ・バイ・ステップで身につくWeb/UIデザインの基本

著者をフォロー

新刊とおすすめタイトルの情報を入手
何か問題が発生しました。後で再度リクエストしてください。

作って学ぶFigma入門[完全版] ステップ・バイ・ステップで身につくWeb/UIデザインの基本 単行本(ソフトカバー) – 2025/1/30

5つ星のうち4.2 (41)

{"desktop_buybox_group_1":[{"displayPrice":"EUR 14.41","priceAmount":14.41,"currencySymbol":"EUR","integerValue":"14","decimalSeparator":".","fractionalValue":"41","symbolPosition":"left","hasSpace":true,"showFractionalPartIfEmpty":true,"offerListingId":"1CQFnK4Lmi3cPpkoAhdj9kQuKKbyws1L4I6ZVwrCbSAh3%2Fg7sUebubDd7bFO8gMS05tTbsaO4ecOUKXLAOaaz91C2QjhZzQkQHKNX%2BYqH919DtT%2FNm8Gnr3LqMnfcan%2FObjMiSe0V0M%3D","locale":"ja-JP","buyingOptionType":"NEW","aapiBuyingOptionIndex":0}, {"displayPrice":"EUR 12.44","priceAmount":12.44,"currencySymbol":"EUR","integerValue":"12","decimalSeparator":".","fractionalValue":"44","symbolPosition":"left","hasSpace":true,"showFractionalPartIfEmpty":true,"offerListingId":"1CQFnK4Lmi3cPpkoAhdj9kQuKKbyws1Lk6YtnQyt0OP58PomhaZLEDCNfmnLIbSHuauJSMmUGckplz0Y4Ix9%2Bsb%2FrGMD4ffjTHis71QE5liekvOeZ%2BXivps%2BVOgvgnLQ09raAHO4kRgetgG9%2FJ2uh5SKH%2BHFsIgd7YCft1lMQKOwAnD2mw4gdA%3D%3D","locale":"ja-JP","buyingOptionType":"USED","aapiBuyingOptionIndex":1}]}

購入オプションとあわせ買い


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


Figmaを使ったWeb/UIデザインをマスターするには、実際のWebサイトを作りながら学べるハンズオン形式が最適です。本書は、
解説の通りに操作を進めることでFigmaの基本をマスターできる、初学者必携の入門書です。解説に使用している作例データは画像を含めてダウンロードできるので、


①実務に即したデザインを
②実際の流れに沿って制作し
③完成させることができます!


オートレイアウト、コンポーネント、スタイル、バリアブルといったFigma特有の機能はもちろんのこと、最新のWebサイトに必須のハンバーガーメニュー、カルーセル、レスポンシブ対応など、現場で今すぐ活用できるスキルをこれ1冊に詰め込みました。Figmaの最新UIにも対応した、Figma入門の決定版です。

●こんな方におすすめ
・Webデザイナーを目指す学生・社会人の方
・制作会社に入ったばかりの新人Webデザイナーの方

●本書の内容
LESSON 1 Figmaの概要とレッスンの準備
LESSON 2 スマートフォンのWebデザイン
LESSON 3 スクロールするスマートフォン画面
LESSON 4 ページ遷移するカード型ページ
LESSON 5 ハンバーガーメニューとカルーセル
LESSON 6 レスポンシブなWebデザイン
LESSON 7 インタラクティブなUIパーツ

●本書で学べる内容
レイアウトグリッド/オートレイアウト/コンポーネント/インスタンス/プロトタイプ/スタイル/バリアブル/バリアント/オーバーレイ/ハンバーガーメニュー/カルーセル/レスポンシブ/ナビゲーション/検索用ウィンドウ/アニメーション/チェックボックス/ファイル共有 など

●著者プロフィール
古尾谷眞人(ふるおやまさと)
出版社、印刷会社、広告制作会社にて、DTP制作、Web制作、システム開発を行う。2019年と2022年、一般財団法人海外産業人材育成協会(AOTS)の専門家として、DTP制作のインフラ構築のためベトナムに赴任。DTP/Web関連の書籍を多数執筆。

(こんな方におすすめ)
・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 ドラッグで閉じるウィンドウ
最大10%ポイント還元:
紙書籍 まとめ買いキャンペーン

よく一緒に購入されている商品

対象商品: 作って学ぶFigma入門[完全版] ステップ・バイ・ステップで身につくWeb/UIデザインの基本
EUR14.41
在庫あり。
この商品は、Amazon.co.jpが販売および発送します。
+
EUR16.82
残り19点(入荷予定あり)
この商品は、Amazon.co.jpが販売および発送します。
+
EUR15.02
在庫あり。
この商品は、Amazon.co.jpが販売および発送します。
総額: $00
当社の価格を見るには、これら商品をカートに追加してください。
ポイントの合計: pt
詳細
追加されました
これらの商品のうちのいくつかが他の商品より先に発送されます。
一緒に購入する商品を選択してください。

出版社より

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

①アイコンを作る

ハンバーガーアイコンや自転車アイコンを作成して、Figmaの「描画機能」をマスターします。プラグインを使ったアイコン配置の方法も学びます。

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

②ページ遷移を作る

タップするとページが切り替わるWebページを作成します。ページの前面に別ウィンドウを「オーバーレイ」する方法も学びます。

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

③カルーセルを作る

画像がスライドして切り替わる「カルーセル」を作ります。指定した秒数で、スムーズに切り替わるインタラクションを学びます。

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

④レスポンシブを作る

ウィンドウ幅を拡大縮小すると、ページのデザインが変わる「レスポンシブ」を設定します。PCやスマホの画面に合わせた設定を学びます。

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

⑤検索操作のアニメーションを作る

タップするとキーボードがあらわれ、検索欄に1文字ずつ表示される「アニメーション」を作ります。インタラクションやプロパティを学びます。

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

⑥UIデザインを学ぶ

ページ設計、グリッドシステム、カラー設定、書式設定など、Figmaを操作しながら「UIデザインの基本」を学びます。

Figma フィグマ プロトタイピング UI UX Webデザイン カンプ HTML CSS デザイン ウェブ レスポンシブ ワイヤーフレーム

商品の説明

著者について

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

登録情報

  • 出版社 ‏ : ‎ 技術評論社
  • 発売日 ‏ : ‎ 2025/1/30
  • 言語 ‏ : ‎ 日本語
  • 本の長さ ‏ : ‎ 240ページ
  • ISBN-10 ‏ : ‎ 4297146789
  • ISBN-13 ‏ : ‎ 978-4297146788
  • 商品の重量 ‏ : ‎ 570 g
  • 寸法 ‏ : ‎ 25.7 x 18.2 x 1.5 cm
  • Amazon 売れ筋ランキング: 本 - 143,431位 (本の売れ筋ランキングを見る)
  • カスタマーレビュー:
    5つ星のうち4.2 (41)

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
古尾谷 眞人
Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

著者の本をもっと見つけたり、似たような著者を調べたり、おすすめの本を読んだりできます。

カスタマーレビュー

星5つ中4.2つ
41グローバルレーティング

上位レビュー、対象国: 日本

  • 2025年8月6日に日本でレビュー済み
    フォーマット: Kindle版 (電子書籍)Amazonで購入
    非常にわかりやすい。
    順序よく学べます。
    4人のお客様がこれが役に立ったと考えています
    レポート
  • 2025年10月29日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    作りながら学べるのでfigma導入として最高の技術書だなと思いました。
    ただ買った時点でfigmaのアップデートが進んでいたので手順通りに上手く進まない箇所もあり。これは仕方ないですね。次のステップへの良い書籍を探しているのですが、見つからず...初心者の方におすすめの一冊です。
    4人のお客様がこれが役に立ったと考えています
    レポート
  • 2025年5月9日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    Adobeをメインに使っているのですが、今回この本を利用してFigmaの勉強をしました。
    初めて触ったのですが、本の説明がわかりやすくデザイン制作においてFigmaの覚えていくべき最低限の使用方法と機能が学べる一冊だと思いました。
    4人のお客様がこれが役に立ったと考えています
    レポート
  • 2025年7月10日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    実際にテキストを見ながら作成してみる形のものだが、内容が主にスマホサイト。
    レスポンシブの項目でPCサイトが少し出てくる。通常と逆のような感じ。
    後は、細かいツールの説明はあまりなく、あくまで作りながら学んでいく感じ。
    辞書的に使うよりも、実践して慣れることを重視している。
    7人のお客様がこれが役に立ったと考えています
    レポート
  • 2025年3月16日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    仕事でFigmaを使うことになり、わかりやすそうなので購入しました。
    まだ途中ですが、サクサク進んでます。
    5人のお客様がこれが役に立ったと考えています
    レポート
  • 2025年2月11日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    Figma初心者にはとてもわかりやすい本でした。なにより操作しながら学べるのがとても良かったです。
    解説通りにひとつずつ操作していくと、たしかに自転車ショップのモバイルサイトができ上がりました。完成したサンプルが、本当のWEBのように動くのが楽しい。
    知り合いに聞いたところ、Figmaの最新バージョンに対応している入門書はこの本のみのようで、選んで良かったと思いました。
    19人のお客様がこれが役に立ったと考えています
    レポート
  • 2026年2月28日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    なぜかPCサイトでなく、スマホサイト中心で書かれているので、自分はあまり参考にならなかった。
    1人のお客様がこれが役に立ったと考えています
    レポート
  • 2026年1月5日に日本でレビュー済み
    フォーマット: 単行本(ソフトカバー)Amazonで購入
    現状とUIがちがっているので混乱する。
    説明自体は丁寧だとは思う。
    といっても他に機能を丁寧に解説していある本もないので使用しています。
    ただしillustratorやXDの経験がないと理解は無理かと。
    3人のお客様がこれが役に立ったと考えています
    レポート