UI | 디자인베이스 - Part 4

반응형 레이아웃

레이아웃이란, 컴퓨터 그래픽 디자인이나 소프트웨어 디자인에서 각 구성요소를 제한된 공간 안에 효과적으로 배열하는 것.반응형이란 다양한 해상도의 디바이스에 최적화 시키는 것으로 그리드 시스템을 바탕으로 레이아웃을 구성하는 것이 중요함.그리드 시스템을 활용해서 레이아웃을 만드는 이유…

그리드시스템(Grid System)

그리드 시스템(Grid System)이란? 그리드 시스템은 웹 또는 앱의 레이아웃을 체계적으로 구성하기 위한 가이드로, 콘텐츠 폭(Container), 컬럼(Column), 거터(Gutter), **마진(Margin)**의 4가지 요소로 구성됩니다. 다양한 해상도와 비율의 디바이스에 최적화된 레이아웃을 구현하기 위해 그리드 시스템을 활용하면,…

그리드 시스템

dpi, ppi

PPI(Pixels Per Inch)와 DPI(Dots Per Inch)는 이미지 해상도를 나타내는 단위로, 각각 디지털 디스플레이와 인쇄 출력물의 화질을 표현하는 데 사용됩니다. PPI (Pixels Per Inch) 디지털 환경에서는 주로 72 PPI가 표준 해상도로 사용되며, 이…

ppi, dpi

해상도

해상도는 선명도 또는 화질이라고도 불리며, 스크린 화면에 표현된 이미지나 영상, 텍스트 등이 표현된 섬세함의 정도를 나타내는 말. 디지털에서는 이미지를 Pixel로 표현함. 해상도가 높을수록 선명하게 보이며 그만큼 용량이 커짐. 디스플레이 해상도 데스크탑, 랩탑…