UI/UXをマスターするために学ぶresource群
ロードマップ
0. 自分の思考を作り変える
現実世界、デジタル世界全てのデザインに対して細かく疑問を持ち理由を探す脳にする。
「何が上手く機能しているか」「何が上手く機能してないのか」を常に把握する。
これがデザイナーの脳である。
1. 【理論】UI/UXの基礎を学ぶことに全力を注ぐ
下流レベル（実装方向に近い）のUXの基礎を重点的に学ぶ。
ビジネス寄りの上流UXは後回しにする。
resource
https://brik.co.jp/tips/5050
（有料）
https://vpon.me/posts
https://lawsofux.com/
（有料）
（有料）
https://uxmyths.com/
https://uxhints.com/
https://method.ac/
https://avark.agency/designers-eye/
https://designcourse.com/app/course/ueye
https://growth.design/psychology
https://growth.design/psychology/cheatsheet
https://www.eleken.co/blog-posts/
https://gravity-ui.com/
https://sevendex.com/post
https://inkbotdesign.com/app-logo-design/
https://www.uxsnaps.com/?ref=producthunt
2. 【実践&理論の定着】様々な既存デザインを再現することを繰り返す
その際、再現対象のデザインの全ての部分、余白の使い方からtypegraphyまで全てに疑問を持って言語化すること
「デザインにおける全ての要素に意味がある」
探し出す
https://refero.design/
https://designbetterpodcast.com/
実際のユースケースから学び取る
https://growth.design/case-studies
3. 超基本的なデザインシステムをデザイン実装時に導入する
https://sparkle-design.goodpatch.com/sparkle-design
4. 上流のUXに手を出し始める
https://roadmap.sh/ux-design
5. デザインシステムをマスターする？
https://roadmap.sh/design-system
小さく始めるデザインシステム
著書
about face 3
デザイナーの方曰く、絶対に読むべき一冊らしい
https://www.learnui.design/
https://vpon.me/
https://lawsofux.com/
https://designacademy.io
https://www.refactoringui.com/
https://designbetterpodcast.com/
https://tadaoyamaoka.hatenablog.com/entry/2024/06/15/191940
https://uxmyths.com/
https://sparkle-design.goodpatch.com/sparkle-design
https://roadmap.sh/ux-design
https://uxhints.com/
https://method.ac/
https://avark.agency/designers-eye/
https://designcourse.com/app/course/ueye
https://growth.design/
youtube動画:ロードマップ
youtube動画: redisgn
https://refero.design/
Figmaおすすめプラグイン
1. Musho AI
2. Magician
3. Remix
4. Neaticons
5. FigGPT
6. Unsplash
7. UI Faces
8. Sorter
9. TypeScales
10. Tailwind CSS Color Generator
Feedbackをもらう場所
https://discord.com/invite/tzvEEY7Jja
Icon Set
https://iconduck.com/sets/iconsax-icon-set
https://tabler.io/icons
https://iconoir.com/
https://feathericons.com/
https://remixicon.com/
https://phosphoricons.com/
https://icons.radix-ui.com/
https://heroicons.com/
https://icons.getbootstrap.com/
Icon 集約
https://iconduck.com/
https://www.svgrepo.com/
https://www.streamlinehq.com