メニュー
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分の勉強会テーマにして、詳しく解説してもらう
シリーズ一覧
最新動画
UIデザイン
UIデザイン
UIデザイン トップへ
閉じる
インタラクションデザイン
ユーザーに沿って情報体験を設計
🌙
UIパターン
UIに必要な要素を定義
UI要件
OOUI/モデリング
ユーザーシナリオ
ユーザー行動フロー
🔍
プロトタイピング
決定前にUI検証
ユーザビリティテスト
UIパターン検証
❗️
UIパターン
基本表現パターン
基本UIパターン
デザインガイドライン
ナビゲーション
モード
ビジュアルデザイン
使いやすさと印象をデザイン
✂️
UIレイアウト
UIに必要な要素を定義
レイアウト
レスポンシブデザイン
階層/構造
✌️
UIビジュアル
伝達に作用する設計
ビジュアルシステム
タイポグラフィ
UI配色
🛠
ツール
基本表現パターン
Figma
UXデザイン
UXデザイン
カテゴリトップへ
閉じる
リサーチ/顧客定義
ユーザーに沿って情報体験を設計
🌙
ユーザーリサーチ
顧客からデザインを始める
ユーザーヒアリング
カスタマージャーニーマップ
🔍
顧客定義
誰のためになぜを決める
ペルソナ
課題の定義法
アイデア作成/検証
使いやすさと印象をデザイン
✂️
価値定義
価値は相手の変化量
レイアウト
レスポンシブデザイン
階層/構造
✌️
施策アイデア
解決策をデザインする
ドキュメンテーション
解決アイデア
キャリア
BONOラジ
要件定義
ホーム
ツール
Figma
Figma
の動画
Figma
【Figmaプロトタイプ機能】アニメーションとオーバーレイでプロトタイプ機能を使いこなす
・
November 22, 2023
Figma
【Variabelsでサイトデザイン】変数を登録してデザイン/モード切り替えでレスポンシブ対応しよう
・
November 22, 2023
Figma
【Figma】Wrap機能解説/レスポンシブなデータをFigmaで作成するチュートリアル【無料】
・
August 19, 2023
Figma
#8 ついに完成!Figmaになれたら次にやるべきUIデザインの勉強法!
Figma初級
・
August 8, 2023
Figma
#7 コンポーネントとして繰り返し使えるツイートUIをデザインしよう - Figmaの使い方チュートリアル
Figma初級
・
August 8, 2023
Figma
#6 『ツイート作成』UIをデザインしよう!しよう - Figmaの使い方チュートリアル
Figma初級
・
June 16, 2023
Figma
#5 オートレイアウトを使って『リスト切り替えUI』をデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
June 16, 2023
Figma
#4 オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル
Figma初級
・
October 29, 2023
Figma
#3 コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル
Figma初級
・
August 15, 2023
Figma
#2UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
September 24, 2023
Figma
#1UIトレースで学ぶFigmaの使い方!オートレイアウトとコンポーネントをマスターして作業効率UP&UIの基本をマスターする
Figma初級
・
August 25, 2023
Figma
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
Figma入門
・
September 26, 2023
Figma
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
Figma入門
・
June 16, 2023
Figma
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
Figma入門
・
June 16, 2023
Figma
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
Figma入門
・
June 16, 2023
Figma
#8:動画コンテンツのUIデザイン。画像のマスクと境界線の使い方【Figma入門】
Figma入門
・
June 16, 2023
Figma
#7:ボトムナビゲーションの作り方。繰り返しのパーツ/アイコン設置【Figma入門】
Figma入門
・
June 16, 2023
Figma
#6:コンポーネント、ロゴ、アイコンを使ってヘッダーUIをデザインする【Figma入門】
Figma入門
・
June 16, 2023
Figma
【Figma】使い方講座#5:YoutubeUIをつくる!! - アニメーションやオートレイアウト機能などもカバーするUI編のコンテンツを紹介
Figma入門
・
July 1, 2023
Figma
【Figma】使い方講座#4:バナーをつくろう! - サイズの調整方法を身につけてバナーを完成させる
Figma入門
・
October 23, 2023
Figma
使い方講座#3:バナーをつくろう!- オブジェクトの配置&ツールの構造を知る
Figma入門
・
October 2, 2023
Figma
使い方講座#2:バナーをつくろう! - デザインする前にセットアップ。管理画面の使い方を知る
Figma入門
・
October 2, 2023
Next
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる