https://www.udemy.com/share/101VsiAEMfcVdSRnQF/
! 강의 내용을 바탕으로 정리한 글이기 때문에 강의를 보지 않으시면 이해하지 못하는 부분이 있을 수 있습니다.
오늘 정리할 내용은
1. sp
2. 포토샵에서 앱 디자인을 위한 아트보드 설정하기
- 복습 퀴즈
그닥 중요하지 않은 메모는 **기울임
SP
sp
- 안드로이드에서 사용하는 폰트 사이즈 단위
- dp 처럼 px 환경에서 작업시 배수 작업을 해줘야 함
해상도(px 배수) |
sp |
px |
ldpi (0.75배) |
1sp |
0.75px |
mdpi(1배) |
1sp |
1px |
hdpi(1.5배) |
1sp |
1.5px |
xhdpi(2배) |
1sp |
2px |
xxhdpi(3배) |
1sp |
3px |
xxxhdpi(4배) |
1sp |
4px |
- 안드로이드 머티리얼 디자인 폰트 사이즈 가이드라인에 따라 용도별 폰트 사이즈 지정
**안드로이드/머티리얼 디자인 폰트 사이즈 가이드라인 2020
https://learnui.design/blog/android-material-design-font-size-guidelines.html
The Android/Material Design Font Size Guidelines (2020)
Over 30,000 subscribed. No spam. Unsubscribe anytime.
learnui.design
포토샵에서 앱 디자인을 위한 아트보드 설정하기
- 원하는 디바이스의 크기와 해상도에 맞춰서 배수 작업을 진행한다.
- 360*640(dp) xhdpi 디바이스를 위한 앱을 디자인 한다면 => 720*1280(px) 사이즈의 아트보드를 생성해 작업
**처음부터 너무 큰 배수(xxxhdpi)는 추천하지 않음. 첫 시작은 1배수(mdpi)로 작업 해보기를 권장
- 해상도(resolution)도 예외 없이 배수 값으로 작업.
- standard(mdpi) = 72ppi
- 어떤 디자이너들은 캔버스 생성시 단위를 px이 아닌 point로 두고 크기를 1배수(360*640)로 설정한 뒤에 해상도만 배수 단위를 맞춰서 아트보드를 작성하기도 함
**ex) xhdpi로 만들고 싶다면 360*640(point)에 해상도 144ppi로 아트보드 작성
- point = dp로 생각하고 작업하면 된다
- px로 단위 변환시 배수 px에 딱 맞게 생성되었음을 확인할 수 있음
**ex) 360*640(point)에 해상도 144ppi = 720px*1280(px)에 해상도 144ppi
복습 퀴즈
**다른 건 아니고 간단하게 내용 복습하는 4가지 문제가 끝에 있었다
흠 이제 섹션 하나 완강했다(과제가 남았으니 완전 끝은 아니지만). 속도가 나쁘지는 않은 것 같지만 3월 내에 전부 끝낼 수 있을지는 확신이 안 선다.
내일 할 거는 섹션1 과제인 간단한 자기소개 화면 만들기. 과제를 굳이 하지 않아도 되지만 일단 있는 건 다 하고 싶은 생각이라 과제도 건너뛰기 없이 전부 할 예정이다^&^
'2019~2020 > - Android App UI Design w. PS, MD' 카테고리의 다른 글
섹션 2: Material Design Specs,Sizes and Metrics(3) (0) | 2020.04.13 |
---|---|
섹션 2: Material Design Specs,Sizes and Metrics(2) (0) | 2020.04.09 |
섹션 2: Material Design Specs, Sizes and Metrics(1) (0) | 2020.03.18 |
섹션 1: Understanding Google Material Design concepts (3) (0) | 2020.03.18 |
섹션 1: Understanding Google Material Design concepts (1) (0) | 2020.03.18 |