그리드 배치
페이지에 적절한 격자를 만듭니다. 레이아웃 격자는 웹 페이지의 내용을 구조화하는 데 사용할 수 있는 세로 및 가로 선으로 구성됩니다. 격자는 전체 프레임이며 프레임의 텍스트와 그림을 레이아웃으로 구성할 수도 있습니다. 그리드를 사용하면 페이지에서 요소의 위치 지정 문제를 더 잘 해결할 수 있어 레이아웃 계획이 더 정확해지고 그리드를 사용하면 레이아웃 설계가 더 효율적입니다.
조화로운 시각미
조화로운 시각적 미감은 특정 글꼴의 크기와 간격, 모듈 사이의 거리 등과 같은 일련의 반복과 고정 간격으로 구성할 수도 있습니다. 어떤 다른 수준의 공간이나 인터페이스에서도 내용의 조직 구조와 요소가 존재하고, 시각적 수준의 콘텐츠 계획과 페이지 수준의 디자인은 실제로 같은 원칙에 따라 설계되어 있으며, 초중고 시각 예술의 점화도 초중고등학교로 나뉘어 있다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)
계층 관계 재구성
레이아웃 디자인에서는 레이아웃을 통해 계층 관계의 객관적인 존재를 재구성해야 한다. 이렇게 하면 텍스트, 이미지 등의 요소에 대한 시각적 단서를 개선하여 인터페이스 선명도를 높이고 웹 페이지의 내용을 쉽게 읽을 수 있습니다.
분류 효과 처리
디자인에서는 글꼴 크기 대비, 문자 효과, 색상 블록 등을 통해 분류 효과를 처리할 수 있습니다. 예를 들어, 문자는 크고, 문자는 작고, 색블록은 중요하고 가벼워야 한다.
그림의 위치와 크기
페이지 레이아웃을 완성하려면 페이지에서의 그림 위치를 주의하고 크기와 색상을 조절해야 합니다. 페이지에서 사용할 수 있는 그림을 잘 제어할 수 있다면 페이지 레이아웃의 모양과 느낌을 촉진하는 데 도움이 될 것입니다. 페이지의 다양한 요소를 적절하게 조합하여 페이지의 텍스트, 그림 등을 더욱 조화롭게 하여 좋은 페이지 레이아웃을 디자인합니다.