デザインカンプを作るための「Figma」基礎
制作 | 6.3h
本講座では、Web制作におけるデザインカンプ(モック)をFigmaで制作できるように解説いたします。
playlist_play デザインカンプを作るための「Figma」基礎 — 全45講座
radio_button_unchecked
1. イントロダクション
00:03:20
radio_button_unchecked
2. Web制作の概要
00:04:59
radio_button_unchecked
3. Webデザインの考え方
00:02:35
radio_button_unchecked
4. Webデザインの基本
00:04:23
radio_button_unchecked
5. Figmaの基礎知識
00:02:34
radio_button_unchecked
6. Figma基本機能-データ管理編-
00:04:14
radio_button_unchecked
7. Figma基本機能-FigJam編-
00:02:38
radio_button_unchecked
8. Figma基本機能-コミュニティ編-
00:01:23
radio_button_unchecked
9. Figma基本機能-デザインファイル編-
00:02:07
radio_button_unchecked
10. ツールバーの各種機能
00:11:07
radio_button_unchecked
11. 画像などの取り込み
00:10:38
radio_button_unchecked
12. レイヤーパネル、プロパティパネル
00:11:22
radio_button_unchecked
13. 画像の書き出し方
00:04:59
radio_button_unchecked
14. テキスト設定とフォントについて
00:06:43
play_circle
15. プラグイン活用
00:03:11
radio_button_unchecked
16. デザイン制作で便利なプラグイン
00:10:39
radio_button_unchecked
17. フレームの準備
00:04:54
radio_button_unchecked
18. 画像などの取り込み
00:08:23
radio_button_unchecked
19. オブジェクトにエフェクトを追加
00:08:13
radio_button_unchecked
20. シェイプツールと作成ツールで帯を作る
00:13:59
radio_button_unchecked
21. バナーを完成させる
00:12:13
radio_button_unchecked
22. バージョン管理方法
00:03:06
radio_button_unchecked
23. オートレイアウトでコンテンツを配置
00:07:54
radio_button_unchecked
24. アセット作成-コンポーネント編-
00:08:36
radio_button_unchecked
25. アセット作成-スタイル編-
00:08:03
radio_button_unchecked
26. アセット作成-バリアブル編-
00:10:07
radio_button_unchecked
27. デザインシステム管理について
00:03:08
radio_button_unchecked
28. 作成:ヘッダー、イベント説明文(1)
00:14:04
radio_button_unchecked
29. 作成:ヘッダー、イベント説明文(2)
00:05:50
radio_button_unchecked
30. 作成:ラインナップ(1)
00:11:46
radio_button_unchecked
31. 作成:ラインナップ(2)
00:16:33
radio_button_unchecked
32. 作成:アクセス
00:14:43
radio_button_unchecked
33. 作成:ニュース、フッター
00:16:17
radio_button_unchecked
34. 見本を元にデザインカンプ制作(1)_ヘッダー、イベント説明
00:10:57
radio_button_unchecked
35. 見本を元にデザインカンプ制作(2)_ラインナップ(1)
00:12:13
radio_button_unchecked
36. 見本を元にデザインカンプ制作(3)_ラインナップ(2)
00:12:31
radio_button_unchecked
37. 見本を元にデザインカンプ制作(4)_ラインナップ(3)
00:09:58
radio_button_unchecked
38. 見本を元にデザインカンプ制作(5)_アクセス
00:09:35
radio_button_unchecked
39. 見本を元にデザインカンプ制作(6)_ニュース
00:12:05
radio_button_unchecked
40. 見本を元にデザインカンプ制作(7)_フッター
00:08:18
radio_button_unchecked
41. スマホ向けデザインカンプ制作
00:08:24
radio_button_unchecked
42. 複数ページのデザインカンプ制作ポイント
00:11:52
radio_button_unchecked
43. Webサイトのプロトタイプを作る
00:07:30
radio_button_unchecked
44. 動きのあるコンポーネント設定(1)
00:16:05
radio_button_unchecked
45. 動きのあるコンポーネント設定(2)
00:01:55
recommendおすすめの講座
leaderboardその他ツール 人気ランキング
person講師
池端 由基 氏
LINE株式会社
株式会社サイバーエージェントを経て、NHN Japan株式会社(2013年4月 LINE株式会社に商号変更)
公式アカウント、スタンプ、ビジネスコネクト等のセールスを担当する。
LINE Ads Platformのリリースに合わせて専属営業組織の立上げに参画。
現在は、LINE Ads Platformセールス・コンサルティング室とエンタープライズビジネス事業部を統括。
公式アカウント、スタンプ、ビジネスコネクト等のセールスを担当する。
LINE Ads Platformのリリースに合わせて専属営業組織の立上げに参画。
現在は、LINE Ads Platformセールス・コンサルティング室とエンタープライズビジネス事業部を統括。
