ようこそ!
マイページ
ご利用ガイド
組合員情報の変更
メールアドレスの変更
ログイン
サイトトップ
e
フレンズトップ
すべて
本
雑誌
CD
DVD・Blu-ray
クリア
本 こだわり検索
書名
著者名
商品説明
出版社名
出版年月
―
2027
2026
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2012
2011
2010
2009
2008
2007
2006
2005
2004
2003
2002
2001
2000
1999
1998
1997
1996
1995
1994
1993
1992
1991
1990
1989
1988
1987
1986
1985
1984
1983
1982
年
―
1
2
3
4
5
6
7
8
9
10
11
12
月
以前
のみ
以降
ジャンル
選択してください
文庫
新書・選書
文芸
教養
人文
教育
芸術
児童
趣味
生活
地図・ガイド
就職・資格
語学
小学学参
中学学参
高校学参
辞典
コミック
ゲーム攻略本
エンターテイメント
日記手帳
社会
法律
経済
経営
ビジネス
理学
工学
コンピュータ
医学
看護学
薬学
ISBNコード
予約商品を表示しない
検索
クリア
本 >
コンピュータ
>
Web作成
>
デザイン
出版社名:日経BP
出版年月:2025年11月
ISBN:978-4-296-20930-9
222P 21cm
デザインからサイト構築までFigmaだけでWeb制作 コーディングいらず!
濱野将/〔ほか〕著 IMAKE/監修
組合員価格 税込
2,574
円
(通常価格 税込 2,860円)
割引率 10%
在庫あり
生協宅配にてお届け
※年末年始は商品のお届けが通常より遅れる場合がございます。
内容紹介・もくじなど
コーディングいらず!Figma SitesでWebサイト制作。UI/UXの考え方がわかる。仕事で使える実務力。Webデザイン初学者にもおすすめ!現場で活躍する講師がやさしく解説!ポートフォリオ用Figma Sitesテンプレート付。
もくじ情報:1 Figmaについて(Figmaとは;使う準備をしよう;Figmaの構造;各部の名称と説明;デザインに着手する前に);2 Webサイトを作りながら基本ツールを覚えよう(デザインを始める前の下準備;TOPページのフレーム作成;ボタンの制作;ヘッダーの作成;ファーストビューの作成;NEWSセクションの作成;ABOUTセクションの作成;応用演習:残りのセク…(
続く
)
コーディングいらず!Figma SitesでWebサイト制作。UI/UXの考え方がわかる。仕事で使える実務力。Webデザイン初学者にもおすすめ!現場で活躍する講師がやさしく解説!ポートフォリオ用Figma Sitesテンプレート付。
もくじ情報:1 Figmaについて(Figmaとは;使う準備をしよう;Figmaの構造;各部の名称と説明;デザインに着手する前に);2 Webサイトを作りながら基本ツールを覚えよう(デザインを始める前の下準備;TOPページのフレーム作成;ボタンの制作;ヘッダーの作成;ファーストビューの作成;NEWSセクションの作成;ABOUTセクションの作成;応用演習:残りのセクションとパーツ;完成まとめ;SPデザインの制作;レスポンシブについて);3 プロトタイプを設定してみよう(プロトタイプとは;ページ遷移を再現する;ヘッダーを固定してみよう;アニメーションの種類;ホバーアニメーションをバリアントを使い再現する;プロトタイプを共有する;Figmaでのさまざまなコミュニケーション方法);4 Figma Sitesで制作から公開設定まで(Figma Sitesとは?;Webサイトの制作;Webサイトのデザイン;Webサイトのレスポンシブ対応;アクセシビリティの向上;Figma Sitesで作成する際のポイントや便利な機能;Webサイトを公開する;まとめ);5 UI/UXについて考えてみよう(UI/UXとは?;UI/UXを考えるときに見るべきポイント;UI/UX視点からデザインの改善をしてみよう;作って終わりではなく「使われるか」を見る;UI/UX設計で活用できるプラグインの紹介)
著者プロフィール
濱野 将(ハマノ ショウ)
株式会社IMAKE代表取締役/CEO。2014年に株式会社IMAKEを設立。デザイナーとして紙媒体・Webデザイン・動画編集などの広告媒体に携わり、約20年の経験をもとに、多角的な視点からUI/UXを考慮したディレクションや動画教材のアドバイザーとして活動中。また、大学や専門学校での講師を務めるほか、オンライン動画プラットフォームでデザイン関連の講座を開設し、これまでの受講者は延べ15,000人を超える。ワークショップやディスカッションを組み込んだ学習定着率の高いカリキュラム設計を得意とし、受講者の満足度が高い講義や研修を提供している
濱野 将(ハマノ ショウ)
株式会社IMAKE代表取締役/CEO。2014年に株式会社IMAKEを設立。デザイナーとして紙媒体・Webデザイン・動画編集などの広告媒体に携わり、約20年の経験をもとに、多角的な視点からUI/UXを考慮したディレクションや動画教材のアドバイザーとして活動中。また、大学や専門学校での講師を務めるほか、オンライン動画プラットフォームでデザイン関連の講座を開設し、これまでの受講者は延べ15,000人を超える。ワークショップやディスカッションを組み込んだ学習定着率の高いカリキュラム設計を得意とし、受講者の満足度が高い講義や研修を提供している
もくじ情報:1 Figmaについて(Figmaとは;使う準備をしよう;Figmaの構造;各部の名称と説明;デザインに着手する前に);2 Webサイトを作りながら基本ツールを覚えよう(デザインを始める前の下準備;TOPページのフレーム作成;ボタンの制作;ヘッダーの作成;ファーストビューの作成;NEWSセクションの作成;ABOUTセクションの作成;応用演習:残りのセク…(続く)
もくじ情報:1 Figmaについて(Figmaとは;使う準備をしよう;Figmaの構造;各部の名称と説明;デザインに着手する前に);2 Webサイトを作りながら基本ツールを覚えよう(デザインを始める前の下準備;TOPページのフレーム作成;ボタンの制作;ヘッダーの作成;ファーストビューの作成;NEWSセクションの作成;ABOUTセクションの作成;応用演習:残りのセクションとパーツ;完成まとめ;SPデザインの制作;レスポンシブについて);3 プロトタイプを設定してみよう(プロトタイプとは;ページ遷移を再現する;ヘッダーを固定してみよう;アニメーションの種類;ホバーアニメーションをバリアントを使い再現する;プロトタイプを共有する;Figmaでのさまざまなコミュニケーション方法);4 Figma Sitesで制作から公開設定まで(Figma Sitesとは?;Webサイトの制作;Webサイトのデザイン;Webサイトのレスポンシブ対応;アクセシビリティの向上;Figma Sitesで作成する際のポイントや便利な機能;Webサイトを公開する;まとめ);5 UI/UXについて考えてみよう(UI/UXとは?;UI/UXを考えるときに見るべきポイント;UI/UX視点からデザインの改善をしてみよう;作って終わりではなく「使われるか」を見る;UI/UX設計で活用できるプラグインの紹介)