[UXUI] 레이아웃과 그리드 시스템 - UXUI_2
·
📚 스터디/디자인
레이아웃 화면 크기, 텍스트, 이미지, 여백 등의 다양한 구성요소를 고려하여 앱 내에 정보를 시각적으로 배치하는 것을 의미한다. 그리드 시스템 여러 종류의 요소를 질서 있게 배치하기 위한 그리드 규칙을 말한다. 그리드를 활용하면 시각적 통일성을 줄 수 있다. 반응형 웹 반응형 웹은 PC 부터, 노트북, 태블릿, 휴대폰에서 접근할 수 있는 웹이다. 반응형 웹은 PC와 노트북과 같은 화면비율이 넓기에, 12단 그리드로 다소 복잡하게 디자인이 진행된다. 이렇듯, 12단 그리드는 다양한 기기와 해상도 맞춤을 위해서 활용된다. 모바일 앱 모바일 앱은 안드로이드, IOS 에서 작동되는 Application이다. 대표적으로 유튜브, 인스타그램, 페이스북이 있다. 모바일 앱은 웹과 비교해보면, 화면 비율이 좁기에, 4..