メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
情報設計
UIデザインって〇〇が中心なのよ〜。基本を知って、見た目じゃ使いづらくなる理由を知ろう
使いやすいUIの秘密
・
January 30, 2024
【ラジオ】目に見えないものをデザインする。世の中だいたい俺たちの気分次第
BONOラジオ
・
December 27, 2023
【ラジオ】年収700万から手取り18万になった理由。何のためにデザインをしたいのか。キャリア選択の源泉
BONOラジオ
・
February 2, 2024
デザイナーのキャリア構築
【BONO×転職】PR会社からUI/UXデザイナーに転職した話を聞く- 前編 / ポートフォリオのアウトプットは?どう勉強していた?
キャリア相談まとめ
・
January 9, 2024
デザイナーのキャリア構築
【BONO×転職】デザイン独学期間、1番辛かったことと楽しかったことは?/ポートフォリオの評価されたポイント/転職と面接、何社受けてどう進んだ?/
キャリア相談まとめ
・
January 3, 2024
グラフィックデザイナーからマネージャーになるべきか?UI/UXに転身すべきか
BONOフィードバック集
・
December 13, 2023
情報設計
【使いやすいUIの秘密】グロナビには〇〇を配置する。抑えるべきUIナビゲーションの3つの基本
使いやすいUIの秘密
・
December 13, 2023
情報設計
アクション×情報設計 : ボタン地獄UIをどう改善する?
使いやすいUIの秘密
・
December 18, 2023
情報設計
【使いやすいUIの秘密】UIで道案内!ナビゲーションの基本 / ユーザーの起点になる情報を配置する / 構造を整理する方法 / グロナビとは?
使いやすいUIの秘密
・
December 13, 2023
【勉強会】ダメなUIから学ぶ"モード"の基本。モード切替は遷移ではない。モード中は別ユニバース。マリオは右に進む
BONO勉強会アーカイブ
・
January 5, 2024
デザイン課題の探求: 成功体験分析と顧客理解の重要性に焦点を当てたUI/UX勉強会の講演内容
BONO勉強会アーカイブ
・
January 5, 2024
デザインの多面性: YouTubeライブでのポートフォリオレビュー、ユーザー調査からUIの根拠まで
BONO勉強会アーカイブ
・
January 5, 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