おすすめコンテンツ

独学のモヤモヤを解消し、
体系的にUIデザインを はじめる方法

可能性を広げてキャリアアップへ!
ユーザーの心を動かすUIUXデザインを始めたいけど、
何が違うの？どう学べばいいの？そんな疑問に答えます

ロードマップを見る
ページのコンテンツはこちら
1
なんとなくのUIから抜けたい...
↓
2
体系的に学ぶ流れ
↓
3
UIデザイン基礎のロードマップ
↓
4
スキルを使ったアウトプット実例
↓
悩み

なんとなくUIを作ってるけど、どうすれば“UIデザイン力”が身につく？

UIデザインの基本を理解することが効率よく”使いやすさと表現”が重要な
UIデザインの理解を深めることができます

【悩み】なんとなくそれっぽいの作れるけど...

画像の「フォーム」まわりのUIを見てください。実はは微妙なUIなんですが何が改善できるのかパッとわかりますか。なんとなくUIを作れるのを卒業するために、”UIの構成要素”が何か、”ふつうのUIパターン”のインプットが大切です。

正しいUIを見極める「目」を、体系的な学びで手に入れる

見た目・機能・アイデアの3つの軸でUIデザインの基本を抑えることで、「なんとなく」から「正しいUIデザイン」をする方向へと成長できます。

UIデザインの基礎を形成する3ポイント

UIデザインの基礎を学ぶには、「見た目」「機能」「アイデア」の3つの視点が大切です。この3つの視点を身につけることで、見た目が美しいだけでなく、使いやすく、ユーザーの課題を解決できるUIを設計できるようになります。
結論!

UIデザインの基礎を身につける流れ

1画面単位の見た目の基礎から入り、機能や操作を実現するUIデザインの基本を身につけよう

UIの見た目から始めて、UIデザインの”なんとなく”を卒業しよう

流れとしてはまず見た目×つかいやすさの基本を身につけることから始めましょう。そこから「ユーザーのユースケース」にあった機能をどう作るのか？をデザインする基本を身につけます。
内容

体系的にUIデザインを身につけるロードマップ

UIデザインの基礎をステップで身につけよう

STEP1

UI表現の基本をおさえよう！

まずは、UIの「見た目」を形づくる基本要素を理解しよう。
見た目はただの装飾ではなく、操作のしやすさとも深く関わっています

ゼロからはじめるUIビジュアル

UI初心者がどういう流れデザインするべきかをステップで学べます。やり方をトレースしよう
最初からはじめる

UIビジュアルの基礎

デザインしながらUIの見た目を作る基本理解を進める実践型コンテンツ
最初からはじめる

センスを盗む技術

UIの基礎はふつうの表現から盗まないと身につきません
最初からはじめる

STEP2

つかいやすい機能と操作を実現する基本をおさえよう！

つかいやすい操作体験をデザインするUIデザインの基本を身につける

使いやすいUIのヒミツ

UIのレイアウト（骨格）の基本構造パターンをマスターできるシリーズです！
最初からはじめる

OOUI コンテンツ中心のUI設計

情報設計の基本、”オブジェクト指向UIデザイン”解説&実践シリーズ
最初からはじめる

ナビゲーションUIの基本

悪いUIを改善しながら学ぶ情報設計。ナビゲーションの基本をリデザインして、動画を観て習得できます
最初からはじめる

STEP3

要件とユーザーを叶えるUIを生み出す流れをおさえよう！

要件とユーザーを軸にUIを作り、「デザインの流れ」の基本を身につけましょう

UIデザイン流れのきほん

UIのアイデアを出す流れと手法をトレースで身につけよう
最初からはじめる

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

「どこに何をなぜ置くべきか？」の情報設計基礎をトレースしながら身につけられます。
最初からはじめる
結論!

目標にするデザインアウトプット

身につけるスキルを使ったアウトプットの実例です

スキルを使ったアウトプット

【学習記録】音声SNSアプリのUIデザイン｜BONO

おんたま
記事を読む

出張申請SaaSアプリのUIデザイン（自主制作）

mone
記事を読む

【自主制作】出張申請サービスのUIデザイン

高杉優作
記事を読む
利用規約プライバシーポリシー特定商取引法にに基づく表示お問い合わせ
Copyright ©︎ BONO All Right Reserved.