BONO(ボノ) | プロと学べるUIとUXのデザインコミュニティ

UI/UXデザイナーのロードマップ

未経験→デザイナー転職をしたメンバーから逆算して設計した学習コンテンツです。

ロードマップを見る

UIデザイン入門コース

コースの詳細へ

UIビジュアル基礎コース

コースの詳細へ

UX入門コース

コースの詳細へ

情報設計入門コース

コースの詳細へ

Phase1

ツール/UIに慣れる

まずはここから

UIデザインを始める

Phase2

3つの基礎を通ろう

音声SNSをデザイン

ビジュアルの基礎

ゼロからサービスを設計

ユーザー中心の基礎

出張申請ソフトをデザイン

情報設計の基礎

Phase3,4

採用の準備

採用の準備をしよう

実践&ポートフォリオ

新しい動画

みんな！新しい動画よ〜！

一覧で見る

【勉強会】ブラウザとスマホOSの違いはあるのか？

ブラウザとスマホOSの違いはあるのか？

【勉強会】現場でのリアルなデザインの流れを話してみる。デザイナーってこんな仕事です！

現場で意識して欲しいリアルなデザインの流れを話してみた

【ゼロか情設】7-1 おわりに

ゼロからはじめるUI情報設計

おわりに：ゼロからはじめる情報設計

【ゼロか情設】6-7 詳細ページの完成UIを紹介

ゼロからはじめるUI情報設計

UIをブラッシュアップする方法：詳細ページの完成UIを紹介

【ゼロか情設】6-6 UIパターン：色を塗る

ゼロからはじめるUI情報設計

配色はアクションからUIに指定していく

【ゼロか情設】6-5 UIパターンの作り方：テーブルUI

ゼロからはじめるUI情報設計

UIの質の上げ方：テーブルUIをデザインする

【BONOラジ】#13 デザインとは？創造とは？われわれは何のためにデザインしているのか？

#13 デザインとは？創造とは？われわれは何のためにデザインしているのか？

コミュニケーション

【ゼロか情設】6-4 優先度をつけてUIアイデアをデザインしていこう

ゼロからはじめるUI情報設計

優先度を付ける。UIアイデアをパターンでデザインしていこう

【ゼロか情設】6-3 課題に対して効率よくアイデアを考える「フィッシュボーン図」

ゼロからはじめるUI情報設計

「フィッシュボーン図」で課題解決のアイデアを効率よく考える

【ゼロか情設】6-2 ラフはアイデアを考えるためのデザイン

ゼロからはじめるUI情報設計

ラフをデザインしたら、叩いてアイデアを出そう

【ゼロか情設】6-1 UIを詰める流れ

ゼロからはじめるUI情報設計

UI情報設計をブラッシュアップするには？ - Ver.1で終わるのはハーゲンダッツ

【FB】韓国語を学べるサービスのフィードバック waggle 02

【フィードバック】ヒアリングと課題を定義するコツ-"事実"を集めよう

ユーザーリサーチ

デザインチャレンジ

手を動かしながら理解するのが1番のチカミチ

一覧で見る

賃貸アプリで基本UIトレーニング

賃貸アプリを題材にUIデザイン。マテリアルデザインの「Component」をデザインしながら身につけられます。

出張申請ソフトをデザインしよう

出張申請ソフトの設計で情報設計の実践トレーニングができます。要件を満たす管理画面のUIデザインにチャレンジしよう

DailyUI 音声SNS

UIを自分でデザインしながら基本パターンの解説をインプットできる基礎シリーズです

使い手や目的を考えてデザインする

アイデアを考えるフローやUIの考え方を身につけよう

一覧で見る

UIデザインの基本

UIのアイデアを出す流れと手法をトレースで身につけよう

UX入門

サブスク管理サービスを作りながらUXデザインの手法を学べるコンテンツです