F-패턴 (F-Pattern)과 Z-패턴 (Z-Pattern)
F-패턴이란? F-패턴은 웹 페이지의 내용을 사용자가 스캔할 때 주로 따라가는 눈의 움직임을 나타낸 것입니다. 사용자는 페이지의 왼쪽 상단부터 읽기 시작하여 수평으로 이동한 후, 세로로 아래로 이동하며 새로운 정보를…
F-패턴이란? F-패턴은 웹 페이지의 내용을 사용자가 스캔할 때 주로 따라가는 눈의 움직임을 나타낸 것입니다. 사용자는 페이지의 왼쪽 상단부터 읽기 시작하여 수평으로 이동한 후, 세로로 아래로 이동하며 새로운 정보를…
그리드 시스템(Grid System)이란? 그리드 시스템은 웹 또는 앱의 레이아웃을 체계적으로 구성하기 위한 가이드로, 콘텐츠 폭(Container), 컬럼(Column), 거터(Gutter), **마진(Margin)**의 4가지 요소로 구성됩니다. 다양한 해상도와 비율의 디바이스에 최적화된 레이아웃을 구현하기…
