メニュー
k
takumi.kai.skywalker@gmail.com
ログイン
マイページ
プラン/料金
プラン変更
よくある質問
BONOとは
ログアウト
お問い合わせ
ログイン
プラン/料金
BONOについて
よくある質問
プラン/料金
BONOについて
よくある質問
メンバーになると
コミュニティ
コミュニティを開く
コミュニティを開く
もくもく部屋
勉強会
勉強会
1on1について
使い方
ラジオ
プラン/料金
BONOについて
よくある質問
コンテンツ
ロードマップ
コミュニティ
参加方法/使い方
質問の方法
フィードバックのやり方
もくもく部屋について
勉強会
1on1について
コミュニティへ
保存した動画
/
5
#2 レイアウト:崩れないデザインの土台を作る方法をマスターしよう
バナーデザイン入門
・
March 25, 2024
#1 綺麗なバナーに必須の基本原則10個を紹介!ブログのサムネイルをデザインしていこう
バナーデザイン入門
・
March 25, 2024
【新コース紹介】バナーデザイン入門コース!プロの進め方が全部見れる、デザイン基本原則を作りながら習得するグラフィックチュートリアル
バナーデザイン入門
・
March 25, 2024
Career
【シリーズ紹介】デザイナーはUIだけ考えてても、ユーザーに貢献できるわけではない
UIデザイナー1年目の立ち回り
・
March 12, 2024
インタラクション
【シリーズ紹介】UIのどこに何を配置するか迷う?UIの基本概念で解決しよう
使いやすいUIの秘密
・
March 12, 2024
Career
【未経験からの転職話】子育てしながらの独学話 / デザイン対象を工夫して学習モチベに変換する方法 / ポートフォリオで意識したこと/ユーザーに心折られた話
キャリア相談まとめ
・
February 21, 2024
Career
【未経験からの転職話】働きながらデザインを独学する方法/情報は自分で人に取りにいく/フィードバックでスキルアップ
キャリア相談まとめ
・
February 15, 2024
Career
【デザイン共有】MTGでの伝え方を実演してみた
UIデザイナー1年目の立ち回り
・
February 13, 2024
Career
【デザイン共有】3つのポイントを押さえるデザインドキュメントの作り方
UIデザイナー1年目の立ち回り
・
February 13, 2024
【ラジオ】AI時代のデザイナーサバイバルバルガイド
BONOラジオ
・
February 2, 2024
インタラクション
3種のモーダルの違い分かる?新米UIデザイナー必見!モーダルUIの基本とUIリサーチ方法
使いやすいUIの秘密
・
January 30, 2024
インタラクション
ユーザー心をつかむUIの作り方:15パターン検討で、コンテンツUI表現の模索を全部見せ
使いやすいUIの秘密
・
January 30, 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ビジュアルの動画
ビジュアル関連の動画のリストです
一覧で見る
【後編】時間がない時、参考にしてWebサイトを作ることはどういうことか?
・
ビジュアル
・
June 29, 2023
【勉強会】LP勉強会 - 前編
・
ビジュアル
・
June 29, 2023
#8 ついに完成!Figmaになれたら次にやるべきUIデザインの勉強法!
Figma初級
・
ビジュアル
・
August 8, 2023
#7 コンポーネントとして繰り返し使えるツイートUIをデザインしよう - Figmaの使い方チュートリアル
Figma初級
・
ビジュアル
・
August 8, 2023
#6 『ツイート作成』UIをデザインしよう!しよう - Figmaの使い方チュートリアル
Figma初級
・
ビジュアル
・
June 16, 2023
#5 オートレイアウトを使って『リスト切り替えUI』をデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
ビジュアル
・
June 16, 2023
#4 オートレイアウトをフルに使ってナビゲーションを完成させよう - Figmaの使い方チュートリアル
Figma初級
・
ビジュアル
・
October 29, 2023
#3 コンポーネント機能の使い方 / ネスト状態にしてアイコンを切り替えられるようにしよう - Figmaの使い方チュートリアル
Figma初級
・
ビジュアル
・
August 15, 2023
#2UIで大事な構造を学ぶ / オートレイアウトでListItemをデザインしよう! - Figmaの使い方チュートリアル
Figma初級
・
ビジュアル
・
September 24, 2023
#1UIトレースで学ぶFigmaの使い方!オートレイアウトとコンポーネントをマスターして作業効率UP&UIの基本をマスターする
Figma初級
・
ビジュアル
・
August 25, 2023
#14:アニメーション機能 - 本物かのように動くアニメーションをUIに付ける方法【Figma入門】
Figma入門
・
ビジュアル
・
September 26, 2023
#13:コンポーネント機能 - UIを部品として効率よく設計しよう【Figma入門】
Figma入門
・
ビジュアル
・
June 16, 2023
#12:オートレイアウト機能 - 繰り返しのUIレイアウトが抜群にラクになる方法を解説【Figma入門】
Figma入門
・
ビジュアル
・
June 16, 2023
#11:プロトタイプ機能 - ホバーや遷移を付けて画面を触れる形にデザインしよう【Figma入門】
Figma入門
・
ビジュアル
・
June 16, 2023
#10:カラーパレット機能 - 良く使う色を登録して効率よく、一貫した配色を可能にしよう【Figma入門】
Figma入門
・
ビジュアル
・
June 16, 2023
#9: 動画閲覧ページを作る_UIづくりテクニックの総集編です【Figma入門】
Figma入門
・
ビジュアル
・
June 16, 2023
次へ
最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる