これからはじめるFigma Web・UIデザイン入門 | マイナビブックス

これからはじめるFigma Web・UIデザイン入門

  • mixiチェック
  • このエントリーをはてなブックマークに追加

内容紹介

Figmaでのデザイン制作のながれを学べる1冊!

■Figmaとは
Figma(フィグマ)は、デザインプロセスのすべての人をつなぎ、チームがより良いデジタルプロダクトをより速く提供できるようにするためのデザインコラボレーションツールです。
『すべての人がデザインを利用できるようにする』というビジョンのもと、2012年にアメリカのサンフランシスコで誕生しました。現在は世界中で多くのユーザーに支持され、日本でもユーザー数が伸びています。
シンプルな操作性や軽快な動作、強力な共同編集をはじめとした特徴をもつFigmaは、Webサイトやアプリケーションをデザインするデザイナーだけでなく、さまざまな職種のメンバーとコラボレーションすることで、プロジェクトや制作フローの改善においても活躍してくれます。世界中の人々が利用し、アップデートが活発なツールでもあるため、ぜひ一度Figmaを使ってその魅力に触れてみてください。

■本書の特徴
・日本語化対応
2022年7月29日にリリースされた日本語化に対応しました!操作画面および解説も日本語化に対応しているため、これからFigmaをはじめる人も安心です。

・4つの作例で学べる
ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。それぞれの作例のデータもダウンロードできるようにしています。ハンズオンで自分の手を動かしながらFigmaの操作方法を学べます。

・デザイン制作のながれがつかめる
4つの作例を通じて、Figmaを使ったデザイン制作のながれをつかめます。それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。

電子版の購入は姉妹サイト「IT書籍ストア Manatee」がオススメ!
充実のラインナップに加え、割引セールも定期的に実施中!

商品を選択する

フォーマット 価格 備考
書籍 2,904
PDF 2,904 ※ご購入後、「マイページ」からファイルをダウンロードしてください。
※ご購入された電子書籍には、購入者情報、および暗号化したコードが埋め込まれております。
※購入者の個人的な利用目的以外での電子書籍の複製を禁じております。無断で複製・掲載および販売を行った場合、法律により罰せられる可能性もございますので、ご遠慮ください。

電子書籍フォーマットについて

  

備考

阿部 文人(あべ ふみと)
株式会社necco CEO /クリエイティブディレクター/デザインエンジニア
東京都出身。音楽活動や多種多様なアルバイト、家電販売、不動産営業、シェアオフィスとホテル事業の自社ブランディング・ウェブマーケティングに従事。その後デザイン・ウェブ制作会社にてWordPressサイトを多数構築。2016年10月株式会社neccoを設立。neccoではクリエイティブディレクター・デザインエンジニアとしてお客さまとデザイン、エンジニアリングをつなぐ役をしている。 2匹の猫と同居。好きなものは建築と写真、音楽制作、サウナ、伊勢うどん、Jamstack、WebGL。
Twitter/Facebook:@abefumito

今 聖菜(こん せいな)
株式会社necco デザイナー/グラフィックデザイナー
秋田県出身。 秋田公立美術短期大学でデザインを学び、企業ブランディング、商品パッケージ、販促ツール、書籍、ウェブなど商業デザイン全般に従事。イラストレーションを用いたデザインを得意としている。2016年10月よりneccoに参画。グッとくる芯のあるデザインを作るべく日々奮闘中。 好きなものは、犬、猫、デザイン、洋服、アイドル、いくら、ちいさいもの。
Twitter:@KonSeina

田口 冬菜(たぐち ふゆな)
株式会社necco デザイナー / モーションデザイナー
三重県出身。2019年に理学療法士からデザイナーに転職、勢いで上京。都内のデザイン会社1社を経て2020年から株式会社neccoに参画。デザイナー・モーションデザイナーとしてFigma、After Effectsに日々お世話になっている。好きなものはカヌレ、コーヒー、犬、本、インテリア。なんでもやってみることを大切にしている。いまが1番たのしいを更新しつづけたい。
Twitter / Instagram:@fuyuna_design

中川 小雪(なかがわ こゆき)
株式会社necco デザイナー / UIデザイナー
神奈川県出身。中央大学で社会学を学び、2019年10月からneccoでデザイン業務のインターンを開始。2020年4月にアシスタントデザイナーとして入社。現在はデザイナー / UIデザイナーとして、ウェブサイト・UIデザインを中心に担当している。小籠包と餃子と茄子の揚げ浸しと桃のパフェが大好物。旅・写真・サウナ・アイドルが好き。
Twitter:@necco_nakagawa

目次

第1章 準備編 Figmaの準備と基本機能
 1-1 アカウント作成と初期設定
 1-2 ファイルブラウザ
 1-3 Figmaのチーム・プロジェクト・ファイル
 1-4 インターフェイス
 1-5 デザインタブの各パネルの使い方
 1-6 コンポーネント・オートレイアウト・スタイル
 1-7 30分でできるサムネイル制作
 1-8 Figmaコミュニティ
 1-9 Figma公式リソース


第2章 実践編 Figmaで実践するWebデザイン制作体験
 2-1 ポートフォリオサイトのデザイン作成
 2-2 ファイルの準備
 2-3 色スタイルの作成
 2-4 テキストスタイルの登録
 2-5 ボタンのコンポーネントの作成
 2-6 グローバルナビゲーションの作成
 2-7 フレームの作成
 2-8 ファーストビューの作成
 2-9 Service(サービス)セクションの作成
 2-10 Works(制作実績)セクションの作成
 2-11 About(私について)セクションの作成
 2-12 フッターの作成
 2-13 ページ全体の余白を調整する

第3章 応用編 3つの作例から学ぶデザイン制作のながれ
 3-1 3つの作例概要
 3-2 コーポレートサイト
 3-3 インテリアECサイト
 3-4 レシピアプリ

第4章 活用編 チームでのFigma活用とペアデザイン
 4-1 チーム制作に向いているFigmaの特徴
 4-2 チームで利用できるFigmaの5つの便利な機能
 4-3 Figmaを使ったペアデザイン
 4-4 職種を越えたコラボレーション
 4-5 便利なツール連携

この商品を買った人はこんな商品も買っています


最近チェックした商品

Tポイント利用手続き

         Tポイント利用手続きに関する同意事項

                                株式会社マイナビ出版

株式会社マイナビ出版が提供するマイナビBOOKSにおいてTポイントご利用続きをされる方は、以下に掲げるお客様の個人情報の取り扱いについてご確認の上、ご同意下さい。

マイナビBOOKSにおいてTポイントサービスをご利用いただいた場合に、当社から、次に掲げる<提供情報>を、<提供目的>のためにカルチュア・コンビニエンス・クラブ株式会社(以下「CCC」といいます)へ提供します。

  <提供目的>:CCCの定める個人情報保護方針及びマイナビBOOKSにおけるT会員規約第4条に定める利用目的で利用するためTポイントサービスを利用するため
  <提供情報>:
   1)お客様が【マイナビBOOKS】の正当な利用者であるという情報
   2)ポイント数・利用日
   3)その他、Tポイントサービスを利用するにあたり必要な情報

  <提供方法>: 電磁的記録媒体の送付またはデータ通信による。ただし、提供するデータについては暗号化を施すものとする。

なお、CCCに提供された、以下の情報の利用については、CCCの定める個人情報保護方針及びT会員規約 に沿って取り扱われます。
上記の情報提供の停止をご希望される場合には、【マイナビBOOKS】におけるTポイント利用手続きの解除を実施していただく必要があります。
Tポイント利用手続きの解除、およびTポイントサービスにおける個人情報に関するお問い合わせ先は、以下のとおりです。
お客様お問い合わせ先:Tサイト(http://qa.tsite.jp/faq/show/22612)

 なお、Tポイント利用手続きの解除が完了しますと、マイナビBOOKSにおけるTポイントサービスをご利用いただけなくなりますので、予めご了承ください。

Tポイント利用手続きを行いますか?