웹 인터페이스 디자인: 레이아웃 웹 페이지 디자인 방법

참고로, 이 수치들은 픽셀까지 정확할 필요는 없습니다. 단지 가능한 한 다양한 비율을 통일시켜 보다 일관성 있고 조화롭게 보기 위해서입니다. 앞의 두 단계를 통해 정보를 배치할 영역을 형성합니다 (위 그림의 점선). 원소의 안배는 반드시 최종선을 기준으로 해야 한다. (우리가 디자인한 일반 홈페이지와 정반대인데, 이치는 무엇일까? 일반 웹 페이지에서는 로고와 링크가 모두 위에 있고, 여기서는 맨 아래에 있기 때문에, 우리는 이러한 변환에 맞게 요소를 아래에서 위로 배치해야 합니다.)