コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
運営のスタンス
BONOをやる理由
ラジオ
ログイン
質問・添削
質問ページ
添削・相談とは
takumi.kai.skywalker@gmail.com
ログイン
始める
メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
シリーズ一覧
最新動画
UIデザイン
UIデザイン
UIデザイン トップへ
閉じる
インタラクションデザイン
ユーザーに沿って情報体験を設計
🌙
UIパターン
UIに必要な要素を定義
UI要件
OOUI/モデリング
ユーザーシナリオ
ユーザー行動フロー
🔍
プロトタイピング
決定前にUI検証
ユーザビリティテスト
UIパターン検証
❗️
UIパターン
基本表現パターン
基本UIパターン
デザインガイドライン
ナビゲーション
モード
ビジュアルデザイン
使いやすさと印象をデザイン
✂️
UIレイアウト
UIに必要な要素を定義
レイアウト
レスポンシブデザイン
階層/構造
✌️
UIビジュアル
伝達に作用する設計
ビジュアルシステム
タイポグラフィ
UI配色
🛠
ツール
基本表現パターン
Figma
UXデザイン
UXデザイン
カテゴリトップへ
閉じる
リサーチ/顧客定義
ユーザーに沿って情報体験を設計
🌙
ユーザーリサーチ
顧客からデザインを始める
ユーザーヒアリング
カスタマージャーニーマップ
🔍
顧客定義
誰のためになぜを決める
ペルソナ
課題の定義法
アイデア作成/検証
使いやすさと印象をデザイン
✂️
価値定義
価値は相手の変化量
レイアウト
レスポンシブデザイン
階層/構造
✌️
施策アイデア
解決策をデザインする
ドキュメンテーション
解決アイデア
キャリア
BONOラジ
要件定義
ホーム
Figma
Figma
Figma
の動画
Figma
UI#3 YouTubeの動画UIを作ろう part.2
Figmaの使い方入門
・
June 19, 2025
Figma
UI#2 UIトレースの準備をしよう
Figmaの使い方入門
・
June 19, 2025
Figma
UI#1 YouTubeをUIトレースして基本機能を習得しよう
Figmaの使い方入門
・
June 19, 2025
Figma
#3 - バナー完成へ!デザイン基本原則”整列”で調整する方法を実践しよう
Figmaの使い方入門
・
June 19, 2025
Figma
#2 - テキスト配置、画像などのサイズ調整のやり方を実践しよう
Figmaの使い方入門
・
June 19, 2025
Figma
#1 - バナーをデザインして基本操作をマスターしよう(全3回)
Figmaの使い方入門
・
June 19, 2025
Figma
【初級】UIをトレースしてUIに慣れよう
UIトレース入門
・
September 21, 2023
Figma
【Figma】AutoLayout、Componentの新機能解説
・
April 14, 2023
Figma
2-3.Figmaで見た目のシステムを作る方法
UIビジュアル基礎
・
October 8, 2023
Figma
成長率10倍でUIデザインを身につける初級チュートリアル
はじめてのUIデザイン
・
April 3, 2024
Previous