はじめてでも迷わない Figma のきほん やさしく学べる Web サイト・バナーデザイン入門
ハジメテデモマヨワナイフィグマノキホン ヤサシクマナベルウェブサイト バナーデザインニュウモン
- 著者:
- もち(モチ)
- 注目:
- 総合 1898 位
- 出版社:
- インプレス
- 出版日:
- 2023年07月12日
- ISBN:
- 9784295016748
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
本書は、初めて Figma を使用する人、もしくは一度 Figma を使用したけれども諦めてしまった人が、Figma を操作するうえで迷わず効率的にひと通りの操作が行え、成果物が得られることをゴールとしたレッスンで構成しています。基礎編では、Figma の概要やアカウントの作成方法、画面構成、共同編集といった Figma を利用する際に知っておくべき前提知識、基本的な操作方法を解説しています。実践編では、Web・UI デザインはもちろん、Instagram 広告のバナーや YouTube のサムネイル、プレゼン資料・名刺といった紙のデザインまで、幅広いデザインの作成方法を学んでいきます。白紙の状態から成果物の完成までの流れを見ることで、実際に Figma でデザインするための実践的なスキルが身につきます。
技書の森解説
デザインツールの Figma を初めて使う人を対象に、操作の基本と、6 種類の制作物を仕上げる手順を解説した入門書です。『はじめてでも迷わない Figma のきほん やさしく学べる Web サイト・バナーデザイン入門』はもちが著し、インプレスから 2023 年 7 月 12 日に発売されました。版元は Figma をブラウザベースのデザインツールと紹介し、本書を Figma の機能や操作方法の「基礎編」と、実際にデザインを作って成果物を完成させる「実践編」の 2 部で構成された書籍と案内しています。
全 10 章の構成、Figma の概要から UI デザインまで
目次は Chapter_01「Figma について学ぶ」から Chapter_10「UI デザインを作成する」までの全 10 章です。基礎編は Chapter_02「Figma の基本操作を学ぶ」、Chapter_03「Figma で共同作業を行う」、Chapter_04「Figma で使えるリソースを知る」で、版元は基礎編の内容として画面の見方、プランの選び方、プラグインなどのリソース、共同作業を挙げています。楽天ブックスの書誌の紹介文は、基礎編にアカウントの作成方法と画面構成が含まれることも挙げています。
Instagram 広告から UI デザインまで 6 つの制作物
Chapter_05 から Chapter_10 までの 6 章は、版元が実践編の制作物として挙げる 6 種類と章題が一致し、1 章で 1 つの制作物を作ります。Chapter_05 で Instagram 広告、Chapter_06 で YouTube のサムネイル、Chapter_07 でプレゼン資料、Chapter_08 で名刺、Chapter_09 で Web サイトのデザイン、Chapter_10 で UI デザインを作ります。購入者特典として、実践編で解説しているデザインのサンプルファイルを Figma 形式でダウンロードできます (2026 年 10 月時点)。
画面のデザインと紙のデザインを 1 つのツールで扱う範囲
6 つの制作物には、SNS の広告や動画のサムネイルのような画面に表示する画像と、名刺やプレゼン資料のように印刷や投影で使うもの、Web サイトやアプリの UI のように利用者が操作する画面の設計が混ざっています。画面に表示する画像は表示先ごとに決まった縦横の比率に合わせて作り、名刺は仕上がりの紙の大きさが先に決まっています。操作する画面の設計では、ボタンや入力欄などの部品をページ間でそろえて配置することが求められます。Web デザインの本の選び方は Web デザイン本ガイド にまとめています。
刊行時の著者紹介によると、もちは専門学校でグラフィックデザインを学び、複数のスタートアップでプロダクトの UI デザインを経験したデザイナーです。版元からは 2026 年 2 月 26 日に、同じ著者による改訂版が発売されています。本書は 2023 年 7 月刊の版として、Figma の概要と基本操作、共同作業、リソースを扱う 4 章と、6 種類の制作物を 1 章ずつ作る 6 章の全 10 章を収めています。
この本に興味がある方におすすめ
関連する本
関連記事
Web デザイン本ガイド - HTML/CSS、Figma、Photoshop を学ぶ順番
Web デザインを独学する本の選び方を「コーディング、ツール、デザイン原則」の 3 本柱で整理。HTML/CSS の入門書、Figma と Photoshop の教本、レイアウトと配色の定番書を、2026 年 8 月時点の収載書から学ぶ順番つきで解説します。
スマホ / パソコン入門書の選び方 - シニアの家族に贈る 1 冊の見つけ方
スマホとパソコンの入門書を「贈る側 / 教える側」の視点で選ぶガイド。機種と OS の一致、文字の大きさ、年度の確認という 3 条件と、Android / iPhone / Windows 11 それぞれの定番書、安全対策の 1 冊まで 2026 年 8 月時点の収載書から紹介します。
O'Reilly の表紙が動物の理由 - 技術書の装丁デザインの秘密
O'Reilly の動物表紙はなぜ始まったのか。表紙の動物の選び方、技術書のフォントや判型が読みやすさに与える影響など、装丁デザインの裏話を紹介します。
関連用語
UI
利用者とシステムが接する境界面。画面のレイアウトや操作要素の設計を指す
UX
製品やサービスを通じて利用者が得る体験全体。使いやすさや満足度を含む概念
Web アプリケーション
ブラウザーを通じて利用するアプリケーション。インストール不要で幅広い端末で動く
JSON Patch
JSON ドキュメントの部分更新操作を配列で記述する標準フォーマット (RFC 6902)。6 操作の意味と JSON Pointer のエスケープ、test による楽観的ロック、PUT や JSON Merge Patch との使い分けを解説
Django
Python 製のフルスタック Web フレームワーク。必要な機能を一式備え高速開発を支える
バックプレッシャーとは - ストリーム処理の流量制御を図解で理解する
バックプレッシャーは下流の処理能力を超えるデータ流入時に上流へ減速を伝える仕組み。Node.js Stream/RxJS/Kafka での実装パターンと OOM 回避策を解説