디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
  - 쇼핑몰 홈페이지 제작의      이해
  - 홈페이지몰 상품 만들기
  - 맞춤형 쇼핑몰 홈페이지
     만들기
  - 쇼핑몰 홈페이지 만들기
  - 굿모닝샵 솔루션 연동하
     기
구도 정하기
Home > 디자인 센터 > 웹강좌 > 쇼핑몰 홈페이지 만들기 > 구도 정하기
쇼핑몰 홈페이지 기획서 제작방향 및 사이트맵 정하기 구도 정하기
(3) 구도(layout) 정하기

- 구도란 각각의 요소를 배열하여 전체를 구성하는 방식입니다. 웹페이지의 구도를 정할 때 중요한 것은 사용자의 시선의 흐름을 고려하는 것입니다. 고객이 원하는 콘텐츠를 효과적으로 배치하는 것은 매우 중요합니다. 웹사이트를 방문했을 때 고객이 원하는 정보를 단시간 내에 찾을 수 없다면 잘못된 구도라고 할 수 있습니다. 대개 사람의 시선은 왼쪽 위에서 오른쪽 아래 방향으로 움직입니다. 따라서 웹페이지의 왼쪽 윗부분에 사이트 로고, 주요 메뉴, 메인 이미지 등 중요한 요소를 배치하고, 오른쪽 아랫부분에 자세한 설명과 내용을 배치합니다. 시선을 사로잡는 강한 이미지를 왼쪽에 배치하고 그 오른쪽 옆에 텍스트로 된 설명을 배치합니다. 비슷한 내용과 이미지는 하나로 묶어 함께 배치하고, 다른 영역과 뒤섞이지 않도록 각각의 영역별로 독립적으로 구성하며, 전체적으로 조화롭게 배치합니다. 비즈니스, 쇼핑 등 대개의 웹페이지는 방문자에게 신뢰감과 안정감을 주어야 하기 때문에 직선구도를 사용하지만, 일부 개인 홈페이지나 아동용 사이트는 부드러움이나 자유분방함을 표현하기 위해 곡선구도나 사선구도 등 파격적 구도를 사용할 수 있습니다. 내비게이션 영역은 페이지에서 가장 잘 보여야 하며, 각 메뉴에 걸린 링크들은 어떤 페이지에 연결되었는지 잘 표현해야 합니다. 웹사이트의 내비게이션은 찾기도 사용하기도 쉬워야 합니다. 내비게이션이 가로형이든 세로형이든 내비게이션은 가능한 한 레이아웃의 상단과 가까이 있어야 합니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달