コンテンツ
ロードマップ
UIデザイナー転職ロードマップ
未経験からでも目指せる道のり
1年目活躍ロードマップβ
作成中...
お役立ち
キャリアマップβ
UI/UXデザイナー向け
UX
UI
Figma
ビジュアル
キャリア
特徴・使い方
サービス
BONOの特徴
BONOのサービスについて
料金プラン
プラン変更はいつでも可能
使い方
BONOの使い方
おすすめ使い方、コミュニティ参加方法
フィードバックのやり方
グロースプランのFBのほうほう方法
1on1-デザイン面談
無料で何回でも
運営のスタンス
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ラジ
要件定義
ホーム
UIデザイン
UI配色
UI配色
の動画
UI配色
配色はアクションからUIに指定していく
ゼロからはじめるUI情報設計
・
October 24, 2023
UI配色
【配色】Airbnb:ロゴとボタンのテーマカラー、実は違う...なんで?
・
April 14, 2023
UI配色
【配色】色のコントラスト比を数値化するFigmaプラグイン
・
April 14, 2023
UI配色
【配色】ホバー時の色、アクセシビリティの基準値はある?
・
August 5, 2023
UI配色
【配色】UI配色が優れているサービスはありますか?これです。
・
April 14, 2023
UI配色
【配色】アクセシビリティ配色を学べるTwitterで秘密の設定
・
April 14, 2023
UI配色
【配色】コントラストが弱い強いってどう判断すればよいのん?
・
April 14, 2023
UI配色
配色が上手くなるのに理論より大事なこと
・
April 14, 2023
UI配色
実践:色のトーンの合わせ方
・
April 14, 2023
UI配色
【配色】これ以上はないです。色を決める基本3要素
・
April 14, 2023
UI配色
TRY4の解答
UIビジュアル基礎
・
April 18, 2023
UI配色
4-2.テーマカラーの決め方
UIビジュアル基礎
・
September 21, 2023
UI配色
TRY4 : スマホの動画詳細UIをリデザイン!
UIビジュアル基礎
・
April 18, 2023
UI配色
4-4テーマカラー2つ以上の時の考え方
UIビジュアル基礎
・
December 4, 2023
UI配色
4-3.配色はメインUIを引き立てよう
UIビジュアル基礎
・
October 19, 2023
UI配色
デザインしたチャットUIを解説【なぜチャットの色は1色じゃないのか?】
はじめてのUIデザイン
・
April 3, 2024
UI配色
4-1.ここからはじめる配色設計
UIビジュアル基礎
・
July 5, 2023