メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
デザイン前にやるべき参考デザイン集め - ふつうを集めよう
バナーデザイン入門
・
May 9, 2024
【センスは知識から】デザイン前に参考デザインを集めるの上達を加速する3つの理由
バナーデザイン入門
・
May 9, 2024
【基本】デザイン上達の秘訣、「構造分解」のやり方をシェアします
バナーデザイン入門
・
May 9, 2024
バナーデザイン基本の流れ - デザイン原則と審美眼を身につける7ステップ
バナーデザイン入門
・
May 9, 2024
Career
【転職話】UI/UXデザイナーの面接で気をつけること/エージェントの使い方/ポートフォリオと受ける会社/相談できるメンバーは大切
キャリア相談まとめ
・
April 11, 2024
比較と仕上げ:パターンの違いから学んで、デザインを仕上げる!
バナーデザイン入門
・
April 26, 2024
【パターン3】上下反対のレイアウトのパターンを作ろう
バナーデザイン入門
・
April 26, 2024
【パターン2】文字被せレイアウト:新しいレイアウトで伝わり方の違いを体験しよう
バナーデザイン入門
・
April 26, 2024
【パターン1】レイアウトテクを使ってパターンをデザインしよう
バナーデザイン入門
・
April 26, 2024
伝わるレイアウト:パターンをデザインして伝わり方の変化を学ぼう
バナーデザイン入門
・
April 26, 2024
#4 配色&装飾:伝わる雰囲気をつくるグラフィックのデザインテクニック
バナーデザイン入門
・
March 29, 2024
#3 文字:伝える文言でデザインは劇的に変わります。レイアウトの質を上げる優先度の付け方
バナーデザイン入門
・
March 29, 2024
次へ
動画を保存しよう
最大
5つ
まで保存できます! 気になった/次に見たい動画を 保存すると、すぐにアクセスできるよ
動画を探す
閉じる
Button Text
takumi.kai.skywalker@gmail.com
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
ログイン
プラン/料金
BONOについて
よくある質問
コンテンツ
メンバーになると?
ロードマップ
使い方
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
登録
登録
質問しよう
コミュニティで
質問チャンネルで疑問や不安を投稿してみよう
勉強会で
60分の勉強会テーマにして、詳しく解説してもらう
シリーズ一覧
最新動画
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つ
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ビジュアルの動画
ビジュアル関連の動画のリストです
一覧で見る
12.実装はフレームワークを使うのが基本か?
実装とデザインの関係超入門
・
ビジュアル
・
June 24, 2022
11.質問:実装はドキュメント共有すればOK?
実装とデザインの関係超入門
・
ビジュアル
・
June 24, 2022
10.質問:実装の知識がないと就職できないか?
実装とデザインの関係超入門
・
ビジュアル
・
February 21, 2023
9.質問:実装しやすいデザインは綺麗なのか?
実装とデザインの関係超入門
・
ビジュアル
・
July 14, 2022
8.エンジニアさんにデザインを文字で共有しよう
実装とデザインの関係超入門
・
ビジュアル
・
June 24, 2022
6.実装しづらいデザインデータ②
実装とデザインの関係超入門
・
ビジュアル
・
June 24, 2022
4.コードのレイアウト例を見る
実装とデザインの関係超入門
・
ビジュアル
・
July 4, 2023
2.コードのレイアウト法則を見てみよう
実装とデザインの関係超入門
・
ビジュアル
・
April 14, 2023
1.実装しづらいデザインとは?
実装とデザインの関係超入門
・
ビジュアル
・
March 13, 2023
6-1.平面の”階層”表現について
UIビジュアル基礎
・
ビジュアル
・
August 11, 2023
【解説】TRY2解答
UIビジュアル基礎
・
ビジュアル
・
August 23, 2023
【5分】TRY2解答 システムを適応して見た目を整える
UIビジュアル基礎
・
ビジュアル
・
September 20, 2023
徹底解説:世界観を表現するデザイン表現を考える流れ
・
ビジュアル
・
April 14, 2023
5分でわかる「世界観を表すデザイン表現」の作り方
・
ビジュアル
・
November 11, 2023
TRY1解答!ユースケースから見た目のアイデアを作る流れ
UIビジュアル基礎
・
ビジュアル
・
October 5, 2023
3-4.グリッド - 統一感あるサイズ簡単に組むテクニック
UIビジュアル基礎
・
ビジュアル
・
October 24, 2023
前へ
次へ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる