가상의 페르소나를 만들 수 있는 사이트
Random Project Generator
https://randomprojectgenerator.com/
Wireframes - 다운로드 받을 수 있음
Free icons 다운받을 수 있는 사이트
icon finder
png vs svg 차이?
png: 크게 확대하면 깨짐, 큰 사이즈로 받을 경우 파일 사이즈가 큼
svg: 깨지지 않고 파일 사이즈가 작음. Figma에서 vector 파일로 분리해서 컬러를 바꿀 수도 있음.
2. figma community
거의 무료버전이고, Fig pick이면 괜찮은 퀄리티
duplicate - detach instance
Plugins 활용할 것
Testing a prototype on the phone
Figma Mirror -> 현재는 Figma App 하나로 해결
Get inspiration
#UIkit
dribble
behance
awwwards
pttrns
Moodboard - 폰트, 디자인, theme 관련 이미지들
Figma community에서 moodboard template 다운받을 수 있음
Layout grid
mobile은 6 또는 8 columns로 나눠도 괜찮음
Ctrl + G: grid invisible
plugin Content Reel
icon 직접 그릴 때
width 48, height 48로 시작하는 게 좋음.
free images plugin
unsplash
Material Design
: Google이 쓰는 디자인 시스템
UX 디자인 시스템 공부하기 좋은 사이트
atlassian.design
mailchimp.com/design
material.io
* 함께 읽으면 좋은 글
아래 강의를 들으며 정리한 내용입니다.
2023.06.04 - [웹개발/혼자하는 디자인 공부] - [유데미] Daniel Walter Scott의 Figma UI UX Design Essentials
[유데미] Daniel Walter Scott의 Figma UI UX Design Essentials
데브리입니다. 지난달부터 갑자기 UI UX에 관심이 많아지기도 했고, 일하는데 도움도 될 것 같아서 유데미에서 Figma 수업을 수강했어요. 한동안 유튜브에서 UI 디자인 수업을 랜덤으로 찾아봤었는
devlee.tistory.com
'웹개발 > 혼자하는 디자인 공부' 카테고리의 다른 글
| [유데미] Daniel Walter Scott의 Figma UI UX Design Essentials (0) | 2023.06.04 |
|---|---|
| [UI/UX] UI/UX Design 폰트, 사이즈, 컬러 참고 (0) | 2023.05.22 |
| [UI/UX] Design Process (0) | 2023.05.19 |
| [UI/UX] How to choose a theme colour for UI/UX design (0) | 2023.05.19 |
| [UX] Best UX Practices for 이커머스 UX Shopping Cart (0) | 2023.05.12 |