본문 바로가기

2019~2020/- Android App UI Design w. PS, MD

섹션 1: Understanding Google Material Design concepts (2)

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 과제인 간단한 자기소개 화면 만들기. 과제를 굳이 하지 않아도 되지만 일단 있는 건 다 하고 싶은 생각이라 과제도 건너뛰기 없이 전부 할 예정이다^&^