コンテンツ
ロードマップ
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ラジ
要件定義
ビジュアル
ビジュアルのデザインチャレンジ
ビジュアルはロジックも大事だけど作る量がまずは大事だと思います
一覧で見る
DailyUI 音声SNS
UIを自分でデザインしながら基本パターンの解説をインプットできる基礎シリーズです
動画数36本
お題4つ
UIビジュアルを理解する
ビジュアルとUIのデザインを学べるシリーズはこちらです
一覧で見る
センスを盗む技術
お題4つ
バナーデザイン入門
バナー・サムネイルのデザインを通して整ったグラフィックをデザインするスキルを習得します
お題4つ
Figma初級
Figmaをより上手に扱えるAuto LayoutやComponentなど必須機能をトレースしながら学べるシリーズです
お題4つ
ゼロからはじめるUIビジュアル
ステップバイステップでUIデザインを一緒にしていくコンテンツ。 Todoアプリの主要画面を、やり方を真似しながらデザイン。作りながらUIデザインの基本原則を学びます
10
お題4つ
UIトレース入門
初心者向け練習方法のUIトレースについて解説
1
お題4つ
実装とデザインの関係超入門
コード経験のない人向けにデザインを実装するときの基本をお伝えするシリーズです。
12
お題4つ
グラフィック入門
Webサイトデザインのプロセスをトレース。見た目を作るテクニックを身につけます。
8
お題4つ
UIビジュアル基礎
デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ
20
お題4つ
はじめてのUIデザイン
UI/UXデザインの基礎概念を学びながら、メッセンジャーアプリをデザインします
12
お題4つ
UIビジュアルの動画
ビジュアル関連の動画のリストです
一覧で見る
【おわりに】ビジュアル力を上げるデザイン勉強法:1日1デザイン分析のススメ
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
April 3, 2024
#9 検索UIデザインの基本
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
April 3, 2024
#8 フィルターUIデザインの基本
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
April 3, 2024
#7前編 : タスク作成機能をデザインして、アクションの基本を学ぼう
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
April 3, 2024
#6 : 全く別テイストにUIを変更する方法を教えます
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
April 3, 2024
#5 : 神は細部に宿る..作成したホームUIをブラッシュアップする
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
April 3, 2024
#4 : アクションエリアをデザイン
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
December 3, 2023
#3 : Todoブロックをデザインしよう
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
December 4, 2023
#2 : ヘッダーUIをデザインしよう
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
October 6, 2023
UI見た目の基本原則 #1 : 作りながら”美しさ”と”使いやすさ”が両立するUIのコツを学んじゃお!
ゼロからはじめるUIビジュアル
・
UIビジュアル
・
November 20, 2023
質問:いつも同じ配色になって困ってます...
・
UIビジュアル
・
April 14, 2023
Figma講座#1:バナーデザインでFigmaの使い方を学ぶ - 世界が注目するデザインツールFigmaの使い方特徴、機能、料金、人気の理由を解説します
Figma入門
・
UIビジュアル
・
November 22, 2024
【BONOラジ #12】ベストなUIを進めたいけど工数が理由で削減されちゃうよぴえん!
BONOラジオ
・
UIビジュアル
・
November 25, 2023
1.作る前にUIを調べよう
ゼロからはじめるUI情報設計
・
UIビジュアル
・
October 13, 2023
【配色】Airbnb:ロゴとボタンのテーマカラー、実は違う...なんで?
・
UIビジュアル
・
April 14, 2023
【配色】色のコントラスト比を数値化するFigmaプラグイン
・
UIビジュアル
・
April 14, 2023
前へ
次へ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる