1. 전체 화면 웹 디자인
많은 웹사이트가 신중하게 선택하고 디자인한 아름다운 배경과 합리적인 페이지 레이아웃을 사용하여 시각적 효과를 높일 수 있습니다. 매우 좋습니다. 시청자의 관심을 끌 수 있습니다. 일반적으로 페이지에는 텍스트 내용이 많지 않으며(표시되는 텍스트의 양이 적고 절묘한 레이아웃이 더 매력적입니다) 주로 사진 표시를 기반으로 합니다. 이와 같은 웹사이트는 사진 팀이나 개인 포트폴리오를 표시하는 데 사용되는 것이 일반적입니다. 단순하고 눈길을 끌지만 정보가 제한되어 있고, 이러한 디자인은 기업 부서 홈페이지에서는 거의 볼 수 없습니다.
2. 반응형 웹 디자인
많은 웹사이트가 신중하게 선택하고 디자인한 아름다운 배경과 합리적인 페이지 레이아웃을 사용하여 시각적 효과가 매우 좋을 수 있는 전체 화면 웹 디자인을 채택하기 시작했습니다. . 시청자의 관심을 끌기 위해. 일반적으로 페이지에는 텍스트 내용이 많지 않으며(표시되는 텍스트의 양이 적고 절묘한 레이아웃이 더 매력적입니다) 주로 사진 표시를 기반으로 합니다. 이와 같은 웹사이트는 사진 팀이나 개인 포트폴리오를 표시하는 데 사용되는 것이 일반적입니다. 단순하고 눈길을 끌지만 정보가 제한되어 있고, 이러한 디자인은 기업 부서 홈페이지에서는 거의 볼 수 없습니다.
3. 플랫 디자인
플랫 디자인은 복잡함을 없애고 단순화시키는 디자인 미학이라고 할 수 있습니다. 장식적인 디자인을 모두 없애는 것은 이전에 동경했던 스큐어모픽 디자인의 전복이라 할 수 있다. 이것이 좋은지 나쁜지는 논할 수 없으며, 새로운 디자인 사고를 제공한다고 말할 수 있습니다.
4. 시차 스크롤링 디자인
시차 디자인은 최근 웹 디자인의 획기적인 발전이라고 할 수 있으며, 높은 평가를 받고 있습니다. 시차 스크롤링을 사용하면 여러 레이어의 배경을 다양한 속도로 스크롤하여 3D 모션 효과를 형성하여 시청자에게 독특한 시각적 경험을 제공할 수 있습니다.
5. 무한 스크롤 모드
일부 웹사이트에는 콘텐츠가 많지만 단순히 페이지를 매기는 것이 아니라 수직 폭포 레이아웃을 사용합니다. 사용자가 세로로 스크롤하면 콘텐츠가 끝이 없는 것처럼 계속 업데이트되도록 해당 콘텐츠를 세로로 정렬합니다. 이런 종류의 워터폴 흐름은 오랫동안 인기를 끌었으며, 핀터레스트가 이 레이아웃을 최초로 채택했습니다. 이러한 스크롤 페이지는 페이지 매김 횟수를 크게 줄여주며, 정보량이 많고 매일 데이터 업데이트가 빠른 웹사이트에 적합한 솔루션이라고 생각합니다.
6. 스크롤 감지 웹페이지 디자인
CSS 구현을 사용하여 웹페이지 상단의 탐색 표시줄을 수정합니다(대부분 상단, 물론 측면 또는 하단)에 따라 레이아웃 콘텐츠를 정렬합니다. 탐색 순서는 세로 또는 가로로 정렬되므로 사용자가 해당 탐색 탭을 클릭하면 페이지가 자동으로 해당 페이지로 슬라이드되고, 사용자가 콘텐츠를 클릭하면 그에 따라 탐색도 변경됩니다. 이러한 웹디자인 페이지는 기본적으로 점프하지 않고, 각 탭이 가리키는 페이지의 내용이 기본적으로 한 화면에 완전히 표시되기 때문에 페이지에 표시되는 내용에 제한이 따르게 됩니다. 레이아웃에 영향을 주지 않기 위해 일반적으로 적응이 수반됩니다.