コンテンツ
ロードマップ
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ラジ
要件定義
DESIGN SERIES
シリーズ一覧
おすすめシリーズ
各デザインスキルの入門的な位置付けになるシリーズ。基礎としての”やり方”のイメージが湧くものをチョイスしてます。
UIデザインの基本の進め方
ゼロからはじめるUIビジュアル
ステップバイステップでUIデザインを一緒にしていくコンテンツ。 Todoアプリの主要画面を、やり方を真似しながらデザイン。作りながらUIデザインの基本原則を学びます
動画数36本
お題4つ
顧客価値をUIで実現する
ゼロからはじめるUI情報設計
「どこに何をなぜ置くべきか?」の情報設計基礎をトレースしながら身につけられます。必須!
動画数36本
お題4つ
UIデザインの基本の進め方
グラフィック入門
Webサイトデザインのプロセスをトレース。見た目を作るテクニックを身につけます。
動画数36本
お題4つ
顧客価値をUIで実現する
OOUI コンテンツ中心のUI設計
情報設計の基本、”オブジェクト指向UIデザイン”解説&実践シリーズ
動画数36本
お題4つ
ツール
はじめてのUIデザイン
UI/UXデザインの基礎概念を学びながら、メッセンジャーアプリをデザインします
動画数36本
お題4つ
価値定義
はじめてのUXデザイン
サブスク管理サービスを作りながらUXデザインの手法を学べるコンテンツです
動画数36本
お題4つ
"UXデザイン"シリーズ
UXデザインに関係するスキルを学べるシリーズ
施策アイデア
顧客中心の商品ページ改善
デザイナーの実務を全公開。実在するサービスのリアルな改善フローが見れます。
動画数36本
お題4つ
価値定義
はじめてのUXデザイン
サブスク管理サービスを作りながらUXデザインの手法を学べるコンテンツです
動画数36本
お題4つ
ユーザー定義
FAILURE POINT 課題発見の方法
デザイナーが既存サービスの課題を見つけるパターンを解説するシリーズです。(更新中です)
動画数36本
お題4つ
価値定義
UXデザインってなに?
UXデザインの分類と目標についてBONO的に解説するシリーズ
動画数36本
お題4つ
価値定義
顧客体験デザインの基本
ゴールダイレクトデザインを使って顧客価値を生む体験デザインの基本を習得
動画数36本
お題4つ
価値定義
ゼロからはじめるユーザーインタビュー
顧客理解を進めて課題解決のデザインをする人のためのユーザーインタビューのやり方入門です
動画数36本
お題4つ
価値定義
ゼロからサービスをデザインしよう
UX入門の内容を使ってゼロからサービスをデザインしよう
動画数36本
お題4つ
"UIデザイン"シリーズ
UIデザインに関係するスキルを学べるシリーズ
UIデザインの基本の進め方
バナーデザイン入門
バナー・サムネイルのデザインを通して整ったグラフィックをデザインするスキルを習得します
動画数36本
お題4つ
基本パターンをガイドラインで習得
使いやすいUIの秘密
UIのレイアウト(骨格)の基本構造パターンをマスターできるシリーズです!
動画数36本
お題4つ
基本パターンをガイドラインで習得
今日から使える"Material Design"
UIの基本理解を推し進めるマテリアルデザインの基本をシェアします
動画数36本
お題4つ
ツール
Figma初級
Figmaをより上手に扱えるAuto LayoutやComponentなど必須機能をトレースしながら学べるシリーズです
動画数36本
お題4つ
UIデザインの基本の進め方
ゼロからはじめるUIビジュアル
ステップバイステップでUIデザインを一緒にしていくコンテンツ。 Todoアプリの主要画面を、やり方を真似しながらデザイン。作りながらUIデザインの基本原則を学びます
動画数36本
お題4つ
ツール
UIトレース入門
初心者向け練習方法のUIトレースについて解説
動画数36本
お題4つ
顧客価値をUIで実現する
ゼロからはじめるUI情報設計
「どこに何をなぜ置くべきか?」の情報設計基礎をトレースしながら身につけられます。必須!
動画数36本
お題4つ
基本パターンをガイドラインで習得
ナビゲーションUIの基本
悪いUIを改善しながら学ぶ情報設計。ナビゲーションの基本をリデザインして、動画を観て習得できます
動画数36本
お題4つ
顧客価値をUIで実現する
実装とデザインの関係超入門
コード経験のない人向けにデザインを実装するときの基本をお伝えするシリーズです。
動画数36本
お題4つ
UIデザインの基本の進め方
グラフィック入門
Webサイトデザインのプロセスをトレース。見た目を作るテクニックを身につけます。
動画数36本
お題4つ
UIデザインの基本の進め方
UIビジュアル基礎
デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ
動画数36本
お題4つ
基本パターンをガイドラインで習得
賃貸アプリで基本UIトレーニング
賃貸アプリを題材にUIデザイン。マテリアルデザインの「Component」をデザインしながら身につけられます。
動画数36本
お題4つ
顧客価値をUIで実現する
出張申請ソフトをデザインしよう
出張申請ソフトの設計で情報設計の実践トレーニングができます。要件を満たす管理画面のUIデザインにチャレンジしよう
動画数36本
お題4つ
顧客価値をUIで実現する
OOUI コンテンツ中心のUI設計
情報設計の基本、”オブジェクト指向UIデザイン”解説&実践シリーズ
動画数36本
お題4つ
ツール
はじめてのUIデザイン
UI/UXデザインの基礎概念を学びながら、メッセンジャーアプリをデザインします
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIの教科書 - マテリアルデザイン
UI表現の”きほん”を学んでベースの知識をつけましょう。
動画数36本
お題4つ
使いやすいUIデザインの基本
Material You 勉強会
大変革。2021年にGoogleが発表した「Material You」のコミュニティ勉強会です
動画数36本
お題4つ
使いやすいUIデザインの基本
DailyUI 音声SNS
UIを自分でデザインしながら基本パターンの解説をインプットできる基礎シリーズです
動画数36本
お題4つ
基本パターンをガイドラインで習得
UI PATTERN 入門
良いUIに必須なパターン出しの方法を体感しよう
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIアイデア入門
完璧にする前にラフでアイデアを作る理由を体感しよう
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIデザインの基本-応用
現場で使える考え方、流れ、組み立て方を身につけよう
動画数36本
お題4つ
基本パターンをガイドラインで習得
UIデザインの基本
UIのアイデアを出す流れと手法をトレースで身につけよう
動画数36本
お題4つ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる