コンテンツ
ロードマップ
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デザイン
階層/構造
階層/構造
の動画
階層/構造
2.コードのレイアウト法則を見てみよう
実装とデザインの関係超入門
・
April 14, 2023
階層/構造
6-2.UIを構成する3ブロックを知ろう
UIビジュアル基礎
・
June 23, 2023
階層/構造
6-1.平面の”階層”表現について
UIビジュアル基礎
・
August 11, 2023
階層/構造
TOP6:UI構造 - お題の解答
UIビジュアル基礎
・
April 18, 2023
階層/構造
6-3.シャドウの基本
UIビジュアル基礎
・
November 13, 2023
階層/構造
UI構造を意識してリデザインしよう！
UIビジュアル基礎
・
April 18, 2023
階層/構造
デザインするエリアは"情報"と"アクション"の2つが9割
OOUI コンテンツ中心のUI設計
・
April 18, 2023
階層/構造
光&影-シャドウのデザイン
UIの教科書 - マテリアルデザイン
・
April 18, 2023
階層/構造
シャドウは情報量。なぜあれもこれもシャドウを付けるのは良くないのか？
・
April 18, 2023
階層/構造
Elevation - UIに階層、見えてますか？
UIの教科書 - マテリアルデザイン
・
May 25, 2023
階層/構造
Surfaces - 紙をモチーフにUIの中に"表面"を定義する
UIの教科書 - マテリアルデザイン
・
April 18, 2023
