[1강] 02. 디스플레이와 배수

 

디스플레이와 픽셀

• 디스플레이 : 디지털 화면들.
• 픽셀 : 디스플레이를 이루는 작은 칸들.
• 해상도 : 디스플레이의 선명한 정도 = 디스플레이 안에 들어 있는 픽셀의 개수를 의미.
  A x B(A : 가로 줄의 픽셀 개수, B : 세로 줄의 픽셀 개수)
  같은 해상도일 경우, 화면의 크기가 클 수록 픽셀 한 칸의 크기가 커진다.
  반대로, 같은 화면 크기라면, 해상도가 클 수록 픽셀 한 칸의 크기가 작아진다.
  =>일반적으로 화면 크기가 클 수록 해상도가 높아진다. 또한, 화면의 크기가 작고 해상도가 높을 수록 픽셀이 더 많이 모여있다.
  해상도가 중요한 이유는? : 면적 당 픽셀 개수가 많을 수록=해상도가 높을 수록 더 세밀한 묘사가 가능해진다. 

1배수 디자인

1. 모바일 앱의 사이즈.
   같은 앱을 어떤 스마트폰으로 사용해도 항상 보이는 레이아웃이 동일하다.=디바이스별로 맞는 디자인을 일일이 만들지 않는다.
   ∴기준이 되는 사이즈 하나를 정해서 디자인을 한다. 
   
   
2. 1배수 디자인 개념
   기준이 되는 사이즈. 1배수=100%=원본 사이즈라는 의미.
3. 1배수 디자인 정하는 방법
   사람들이 가장 많이 쓰는 사이즈로 정한다. 이 때, 개발할 앱의 예상 사용자들이 사용하는 기기를 고려해서 정한다.
   ●안드로이드 : 360*640→360*800
   ●아이폰 : 320*480→375*812
   ∴스마트폰 발전으로 인해 초창기에 비해서 1배수 사이즈가 증가함.
4. 디자인 사이즈와 실제 사이즈 원리
   1배수 사이즈 : 3자리 * 3자리
   실제 기기의 해상도 : 4자리*4자리
   ∴왜 이러한 차이가 생기는 가? : 실제로 적용할 때는 1배수 사이즈*n으로 확대해서 적용하기 때문.
   
   실제 사이즈 원리
   1배수 디자인 개발→기기에서 랜더링 작업을 통해서 자기 배율만큼 디자인을 확대/축소함.→이후. 업/다운 스케일을 통해서 해상도를 추가로 미세 조정.