웹페이지 레이아웃 디자인의 간단한 원리_HTML/Xhtml_웹페이지 제작

이 기사는 웹 디자이너에게 유용할 수 있기를 바라면서 웹 레이아웃 디자인에 대한 몇 가지 간단한 원칙을 정리했습니다. 이 기사는 웹 디자이너에게 유용할 수 있기를 바라면서 웹 레이아웃 디자인에 대한 몇 가지 간단한 원칙을 정리했습니다.
・반복: 사이트 전체에서 특정 페이지 디자인 스타일을 반복합니다.
반복되는 구성 요소는 특정 글꼴, 제목 로고, 탐색 메뉴, 페이지 여백 설정, 페이지를 통과하는 특정 두께의 선 등일 수 있습니다.
색상은 반복 구성 요소로도 유용합니다. 모든 제목에 특정 색상을 설정하거나 제목 뒤에 미묘한 배경을 사용하세요.

・독자의 관심을 끌기 위해 대비를 사용하세요.
대비를 통해 독자의 관심을 끌 수 있습니다. 예를 들어 검은색 배경에 제목을 강조하고 아래의 일반 글꼴(예: 송나라)과 일치하는 크고 굵은 글꼴(예: 흑룡강)을 사용할 수 있습니다. . 차이. 또 다른 방법은 텍스트 뒤에 배경을 사용하는 것입니다.
・읽기 쉽고 레이아웃을 더욱 세련되게 만들려면 텍스트 주위에 공백을 두세요.
여백은 미덕입니다. 빽빽한 단어들로 가득 찬 화면은 어지러움을 유발할 수 있으므로, 읽기 쉽도록 적절한 여백과 줄 간격을 두십시오.
・간단하게 유지하세요.
단순히 시도해 볼 목적으로 기술이나 새로운 기술을 채택하는 것을 피하고 방해 요소를 최소화하세요.
사람들이 플러그인을 다운로드할 것이라고 기대하지 마세요. 많은 사람들이 다른 곳으로 갈 것입니다.
애니메이션 플래시, 깜박이는 텍스트 및 기타 특수 효과로 인해 정보가 손실되는 동안 페이지를 멋지게 보이게 만드는 것보다 정보 제공에 중점을 둡니다.
・가능한 한 스크롤을 피하세요.
새 페이지를 탐색할 때 사용자는 페이지의 콘텐츠 영역을 흘끗 보고 탐색 메뉴 표시줄을 무시하는 경우가 많습니다(이는 보기 좋은 것 외에는 대규모 플래시 헤더가 쓸모가 없다는 의미입니다!). 페이지가 사용자의 요구와 관련이 없는 것처럼 보이면 사용자는 항상 2~3초 후에 "뒤로" 버튼을 클릭하게 됩니다.
・깜박이는 텍스트를 사용하지 마세요.
매우 드문 경우를 제외하고 깜박이는 텍스트는 사용자를 짜증나게 할 수 있습니다.
애니메이션 텍스트도 마찬가지이므로 매우 드물게 사용해야 합니다.
・텍스트 레이아웃을 사용해 탐색을 도와보세요.
페이지에 수십 개의 링크가 포함된 경우 이러한 링크를 분류하고 서로 다른 제목과 색상 블록을 사용하여 이를 구별해야 합니다.
・항상 사이트 방문자를 생각합니다.
어떤 사람이 이 사이트를 방문할까요? 왜 방문하며, 주요 지식 배경은 무엇입니까? 페이지의 디자인과 레이아웃은 이러한 그룹의 다양한 요구 사항을 반영해야 합니다.
・페이지 레이아웃을 사용하여 사람들이 찾을 제목을 강조하세요.
고객 그룹의 요구 사항을 이해한 후에는 고객 그룹이 가장 보고 싶어하는 제목을 분석하고 페이지 레이아웃을 사용하여 이러한 제목을 눈에 띄게 만들 수 있습니다. 물론, 고객 설문조사를 실시하는 것은 고객이 무엇에 관심을 갖고 있는지 이해하는 좋은 방법입니다.