メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
インタラクション
【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう
使いやすいUIの秘密
・
March 12, 2024
Career
【未経験からの転職話】子育てしながらの独学話 / デザイン対象を工夫して学習モチベに変換する方法 / ポートフォリオで意識したこと/ユーザーに心折られた話
キャリア相談まとめ
・
February 21, 2024
Career
【未経験からの転職話】働きながらデザインを独学する方法/情報は自分で人に取りにいく/フィードバックでスキルアップ
キャリア相談まとめ
・
February 15, 2024
Career
【デザイン共有】MTGでの伝え方を実演してみた
UIデザイナー1年目の立ち回り
・
February 13, 2024
Career
【デザイン共有】3つのポイントを押さえるデザインドキュメントの作り方
UIデザイナー1年目の立ち回り
・
February 13, 2024
【ラジオ】AI時代のデザイナーサバイバルバルガイド
BONOラジオ
・
February 2, 2024
インタラクション
3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法
使いやすいUIの秘密
・
January 30, 2024
インタラクション
ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ
使いやすいUIの秘密
・
January 30, 2024
インタラクション
UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう
使いやすいUIの秘密
・
January 30, 2024
【ラジオ】目に見えないものをデザインする。世の中だいたい俺たちの気分次第
BONOラジオ
・
December 27, 2023
【ラジオ】年収700万から手取り18万になった理由。何のためにデザインをしたいのか。キャリア選択の源泉
BONOラジオ
・
February 2, 2024
Career
【BONO×転職】PR会社からUI/UXデザイナーに転職した話を聞く- 前編 / ポートフォリオのアウトプットは?どう勉強していた?
キャリア相談まとめ
・
January 9, 2024
前へ
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ目次
Figma入門
全
10
本
1.Figma入門シリーズについて知ろう
00
1.Figma入門シリーズについて知ろう
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
13:24
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
2. バナーをデザインしてみよう
00
2. バナーをデザインしてみよう
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
13:21
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
16:18
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
23:09
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
3.UIをトレースしよう!
20
3.UIをトレースしよう!
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
06:06
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
24:48
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
14:11
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
22:59
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
28:42
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
4. 便利な操作を覚えよう
30
4. 便利な操作を覚えよう
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
19:00
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
8:43
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
08:51
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
11:54
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
13:42
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
トップ
/
Figma入門
/
3.UIをトレースしよう!
3.UIをトレースしよう!
保存済
質問
質問
共有
2023
年
10
月
12
日
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について
iOSのスマホUIをトレースしながらFigmaの操作に触れていきます。まずはどんな感じでUIのデザインデータが作られるのかを知っていきましょう。
iOSのスマホUIをトレースしながらFigmaの操作に触れていきます。まずはどんな感じでUIのデザインデータが作られるのかを知っていきましょう。
Figma入門
全
10
本
1.Figma入門シリーズについて知ろう
00
1.Figma入門シリーズについて知ろう
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
13:24
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
2. バナーをデザインしてみよう
00
2. バナーをデザインしてみよう
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
13:21
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
16:18
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
23:09
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
3.UIをトレースしよう!
20
3.UIをトレースしよう!
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
06:06
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
24:48
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
14:11
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
22:59
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
28:42
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
4. 便利な操作を覚えよう
30
4. 便利な操作を覚えよう
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
19:00
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
8:43
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
08:51
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
11:54
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
13:42
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
閉じる
0
Comments
Active Here:
0
Login
or
register
to join the conversation.
My Profile Image
Logout
Edit Profile
Be the first to leave a comment.
Loading
Load Previous
Someone is typing...
No Name
Set
4 years ago
Moderator
(Edited)
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
Your comment will appear once approved by a moderator.
Cancel
0
0
Reply
2
Replies
Load Previous
No Name
Set
2 years ago
Moderator
(Edited)
Delete Forever
This is the actual comment. It's can be long or short. And must contain only text information.
Your reply will appear once approved by a moderator.
Cancel
0
0
Load More
Cancel
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
0 Comments