초보도 쉽게 따라하는 웹사이트 페이지 레이아웃 완벽 가이드 (1부)
게시일:
작성자: 자청의 유튜브 추출기
- 이 영상은 웹사이트 레이아웃 가이드 시리즈의 첫 번째입니다.
- 대상은 웹 디자이너와 콘텐츠 편집자입니다.
- 주제는 섹션을 통한 페이지 나누기와 레이아웃입니다.
- 섹션은 페이지를 작은 아이디어별로 나누는 방법입니다.
- 웹사이트 탐색과 푸터는 별개로 다루고, 이 영상은 중심 내용입니다.
- 페이지는 여러 섹션으로 구성되어 있으며 수직으로 쌓입니다.
- 각 섹션은 하나의 아이디어 또는 콘텐츠 주제입니다.
- 예를 들어 Wae.com은 여러 구분된 섹션으로 구성되어 있습니다.
- 섹션별로 시각적 구분이 중요하며, 하나의 아이디어만 담아야 합니다.
- 혼란 방지를 위해 섹션에 제목을 꼭 넣는 게 좋아요.
- 제목은 섹션 내용을 명확히 설명해야 합니다.
- 제목이 없으면 사용자 경험이 떨어지고 혼란스럽습니다.
- 배경색이나 간격으로 섹션을 구별하는 것도 좋아요.
- 섹션은 수평으로도 쌓을 수 있으며, 최대 2개 정도 추천합니다.
- 수평 섹션은 계층 구조를 만들어야 명확해집니다.
- 예를 들어 블로그와 사이드바는 수평 섹션으로 배치할 수 있어요.
- 계층 구조가 없으면 사용자가 어디를 봐야 할지 헷갈립니다.
- 페이지는 수직과 수평 섹션을 적절히 활용해야 합니다.
- 각 섹션에는 명확한 제목이 필요하며, 수평 배치는 최대 2개로 제한됩니다.
- 이 영상은 여기서 마무리하며, 더 자세한 내용은 다른 영상에서 볼 수 있습니다.