デザインからサイト構築までFigmaだけでweb制作 : コーディングいらず!
著者
書誌事項
デザインからサイト構築までFigmaだけでweb制作 : コーディングいらず!
日経BP, 2025.11 , 日経BPマーケティング(発売)
- タイトル別名
-
デザインからサイト構築までFigmaだけでweb制作
デザインからサイト構築までFigmaだけでweb制作 : コーディングいらず
- タイトル読み
-
デザイン カラ サイト コウチク マデ Figma ダケ デ web セイサク : コーディング イラズ
大学図書館所蔵 全7件
この図書・雑誌をさがす
注記
表現種別: テキスト (ncrcontent), 機器種別: 機器不用 (ncrmedia), キャリア種別: 冊子 (ncrcarrier)
その他の著者: 馬場快人, すがはらりさ, 庄司美雪, 小泉誠
監修: IMAKE
内容説明・目次
内容説明
コーディングいらず！Ｆｉｇｍａ ＳｉｔｅｓでＷｅｂサイト制作。ＵＩ／ＵＸの考え方がわかる。仕事で使える実務力。Ｗｅｂデザイン初学者にもおすすめ！現場で活躍する講師がやさしく解説！ポートフォリオ用Ｆｉｇｍａ Ｓｉｔｅｓテンプレート付。
目次
- １ Ｆｉｇｍａについて（Ｆｉｇｍａとは；使う準備をしよう；Ｆｉｇｍａの構造；各部の名称と説明；デザインに着手する前に）
- ２ Ｗｅｂサイトを作りながら基本ツールを覚えよう（デザインを始める前の下準備；ＴＯＰページのフレーム作成；ボタンの制作；ヘッダーの作成；ファーストビューの作成；ＮＥＷＳセクションの作成；ＡＢＯＵＴセクションの作成；応用演習：残りのセクションとパーツ；完成まとめ；ＳＰデザインの制作；レスポンシブについて）
- ３ プロトタイプを設定してみよう（プロトタイプとは；ページ遷移を再現する；ヘッダーを固定してみよう；アニメーションの種類；ホバーアニメーションをバリアントを使い再現する；プロトタイプを共有する；Ｆｉｇｍａでのさまざまなコミュニケーション方法）
- ４ Ｆｉｇｍａ Ｓｉｔｅｓで制作から公開設定まで（Ｆｉｇｍａ Ｓｉｔｅｓとは？；Ｗｅｂサイトの制作；Ｗｅｂサイトのデザイン；Ｗｅｂサイトのレスポンシブ対応；アクセシビリティの向上；Ｆｉｇｍａ Ｓｉｔｅｓで作成する際のポイントや便利な機能；Ｗｅｂサイトを公開する；まとめ）
- ５ ＵＩ／ＵＸについて考えてみよう（ＵＩ／ＵＸとは？；ＵＩ／ＵＸを考えるときに見るべきポイント；ＵＩ／ＵＸ視点からデザインの改善をしてみよう；作って終わりではなく「使われるか」を見る；ＵＩ／ＵＸ設計で活用できるプラグインの紹介）
「BOOKデータベース」 より