[앱UX/UI디자인] STEP8. UI 디자인 / 미국 현지 실무자가 알려주는 6가지 비주얼 UI 디자인 팁 / User Interface Tips

#ui 디자인팁 #앱디자인 #유저인터페이스 #UX디자인

안녕하세요. 썬이예요~.
오늘은 UX 디자이너로서 UI 디자인을 할 때 제가 염두에 두고 항상 신경 쓰는 룰들을 공유해 드리려고 해요. 초보 디자이너 분들에게 조금이라도 유용한 팁이었으면 좋겠어요.

급하게 상담이 필요하신 분 / 멘토가 필요하신 분들을 위해 제가 1:1 상담 창을 만들었습니다.
1:1 Career Coffee Chat - https://calendly.com/uxsun/
이제 커피챗 https://calendly.com/uxsun/ 통해서 시간 잡아주시면 제가 자세하게 준비해서 1:1 상담해 드릴게요.
------------------------------------------------------
참고사이트

1️⃣ 그리드 관련
https://www.uiprep.com/blog/everythin...

2️⃣ 여백 관련
Using Gestalt principles in UX design
https://uxdesign.cc/using-gestalt-pri...

UX & Psychology go hand in hand
https://uxdesign.cc/ux-psychology-go-...

3️⃣. 타이포그래피 관련
https://pearsonified.com/golden-ratio...
Line height :
  / golden-ratio  

4️⃣. 색상 관련
Contrast checker
https://contrast-ratio.com

App for Colorblindness
Sim Daltonism (iOS)

컬러 팔레트 정할때 유명한 사이트:
1. Adobe Color
https://color.adobe.com/create/color-...

2. Gradient Generator
https://mycolor.space/gradient

3. (Gradient Maker) https://coolors.co/gradient-maker/434... - 강추

추천하는 컬러툴 Adobe capture (app) -
Reason 1. 비슷한 폰트 찾아줌.
Reason 2. 컬러도 뽑아내줌.
Reason 3. 3D 제품 만들어줌.

컬러 조합을 어떻게 해야할 지 모를때 추천
1. Material Design : Color Tool
https://material.io/resources/color/#...
2. Color Hex Color Codes
www.color-hex.com

5️⃣. 아이콘 관련
Flaticon.com (Sun's favorite =))

6️⃣. Interaction, Transition 관련
Good to great UI Animation Tips
https://uxdesign.cc/good-to-great-ui-...

Motion Design Kit
https://material.io/resources/motion-...

Understanding motion
https://material.io/design/motion/und...

------------------------------------------------------
Time Stamp
1:10 1. Layout Grid
3:16 2. White space
4:32 3. Typography
7:27 4. Colors
10:24 5. Icon size
11:44 6. Interaction
14:10 실무자 생각 : UX 디자이너의 디자인 스킬
------------------------------------------------------
🎵 Music in the video
All Music Licensed to YouTube by (on behalf of Epidemic Sound)

배경음악 필요하신 분은 제가 제공한 아래 링크 통해서 가입해서 음악 다운 받아 사용해보세요.
Free month trial 받으실거예요.
https://www.epidemicsound.com/referra...
------------------------------------------------------