꼭 알아야 할 21가지 웹사이트 레이아웃 완벽 가이드
게시일:
작성자: 자청의 유튜브 추출기
- 웹사이트 디자인 시작이 힘드셨나요?
- 21가지 레이아웃을 소개할게요.
- 영웅, 혜택, 데모, 행동 촉구, 비밀 레이아웃이 있어요.
- 실제 웹사이트 예시도 보여드릴게요.
- 첫 번째는 고전적인 레이아웃입니다.
- 왼쪽 상단에 로고, 오른쪽에 로그인 버튼이 있어요.
- 큰 헤드라인과 지원 텍스트가 핵심입니다.
- 두 개의 버튼과 제품 영상이 함께 배치돼요.
- 더 현대적 또는 고전적 느낌을 선택할 수 있어요.
- 두 열 레이아웃은 더 많은 설명 공간을 제공해요.
- 헤드라인은 작고 세 줄 정도로 길게 써요.
- 오른쪽에 이미지 또는 GIF를 넣는 것도 좋아요.
- 비디오는 시선을 분산시킬 수 있으니 조심하세요.
- 독특한 영웅 레이아웃도 있는데, 강렬한 색상과 그래픽이 특징입니다.
- 큰 헤드라인과 떠다니는 텍스트, 소셜 증명도 포함돼요.
- 또 다른 창의적 레이아웃은 떠다니는 그래픽과 연결선이 있어요.
- 포트폴리오용으로 중앙에 로고와 버튼이 배치된 레이아웃도 좋아요.
- 다양한 포트폴리오와 창의적 프로젝트에 딱 맞습니다.
- 혜택 섹션은 대부분 60~80%를 차지해요.
- 전통적은 가운데 헤드라인과 설명, 그래픽이 조합돼요.
- 더 창의적인 혜택 섹션도 있는데, 클릭 확장형도 있어요.
- 혜택이 밀접하게 연결된 레이아웃도 활용 가능해요.
- 여러 기능을 보여주는 섹션도 있는데, 탭이나 슬라이드 활용이 좋아요.
- 데모 섹션은 제품 시연에 딱 맞아요.
- 큰 헤드라인과 데모 버튼이 기본입니다.
- 여러 데모를 탭으로 보여주는 것도 인기예요.
- 이전과 이후 모습 보여주는 레이아웃도 있어요.
- 채팅봇 데모도 활용할 수 있답니다.
- 여러 요소를 옆으로 배치한 탭 레이아웃도 좋아요.
- 2열 구성으로 다양한 기능을 보여줄 수 있어요.
- 행동 촉구 레이아웃은 여러 가지가 있어요.
- 왼쪽에 텍스트, 오른쪽에 그래픽이 전통적입니다.
- 큰 헤드라인과 버튼, 그래픽이 조합돼요.
- 전체 열을 사용하는 큰 양식 레이아웃도 있답니다.
- 가입이나 문의를 간단하게 하는 데 좋아요.
- 판매 페이지에 적합한 긴 혜택과 가격 레이아웃도 있어요.
- 가격 비교와 토글이 포함된 레이아웃도 인기입니다.
- 에이전시용 연락처 양식도 있어요.
- 복잡한 양식으로 프로젝트 검토를 받기 좋아요.
- 비밀 21세기 레이아웃도 있는데, 전체 섹션별로 구성돼 있어요.
- 디자이너, 스타트업, 에이전시 모두에게 적합합니다.
- 전체 영상으로 더 자세히 확인하세요.