디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
  - 쇼핑몰 홈페이지 제작의      이해
  - 홈페이지몰 상품 만들기
  - 맞춤형 쇼핑몰 홈페이지
     만들기
  - 쇼핑몰 홈페이지 만들기
  - 굿모닝샵 솔루션 연동하
     기
쇼핑몰 홈페이지의 특성
Home > 디자인 센터 > 웹강좌 > 쇼핑몰 홈페이지 만들기 > 쇼핑몰 홈페이지의 특성
정의 및 제작순서 쇼핑몰 홈페이지의 특성
(2) 쇼핑몰 홈페이지의 특성
쇼핑몰 홈페이지는 많은 상품을 효과적으로 전시하여 판매하기 위한 사이트이므로 전체적으로 짜임새 있는 구성이 중요하며, 판매 상품의 특성에 따라 사이트의 분위기를 다르게 디자인하는 것이 중요합니다.
① 주제(Concept)
쇼핑몰 홈페이지는 분류(판매하는 상품)에 따라 디자인 콘셉트가 많이 달라집니다. 대표적인 분류로 패션몰, 가전몰, 팬시몰, 종합몰 등 4가지로 나눌 수 있습니다.
- 패션몰 : 고급스럽고 세련된 느낌의 패션몰은 중간 톤의 색상을 사용하여 부드럽고 고급스럽게 디자 합니다. 반면, 화려하고 활동적인 느낌의 패션몰은 오렌지, 레드, 핑크 등의 따뜻한 색상을 사용하여 따 하고 강렬하면서도 여성스럽게 디자인합니다.
- 가전몰 : 전자 제품을 판매하는 사이트이므로 블루 계열의 색상을 사용하여 안정감과 신뢰감을 주어 즈니스적인 느낌으로 디자인합니다.
- 팬시몰 : 팬시 제품을 판매하는 사이트이므로 포털처럼 아기자기한 느낌으로 디자인합니다.
- 종합몰 : 포털처럼 짜임새 있게 디자인하여 다양한 종류의 많은 상품이 잘 정돈되게 보이도록 구성합 다. 그러나 디자인 시안을 구매하거나 홈페이지 제작을 의뢰하는 고객층이 필요로 하는 분류가 아니므로 많이 제작하지 않도록 권장합니다.

[여성 패션몰]

[가전몰]

[팬시몰]

[종합몰]
② 컬러(Color)
- 분류(판매하는 상품)에 따라 아래와 같이 주로 사용하는 색상이 달라집니다.
   → 패션몰 : 베이지, 그린, 블루 계열의 중간 톤 색상이나 레드, 핑크, 오렌지 계열의 강렬한 색상을 사용합니다. 무거운 느낌의 색상은 사용하지 않는 것이 좋습니다. 많은 색을 사용하여도 무방하지만 통일성 있게 사용해야 합니다.
   → 가전몰 : 안정감과 신뢰감을 주는 블루 계열의 색상이 좋습니다. 레드, 핑크, 오렌지 등의 채도가 높거나 자극적인 색상을 사용하지 않는 것이 좋습니다. 많은 수의 색 사용은 혼란스러움을 주므로 주의하여야 합니다.
   → 팬시몰 : 레드, 오렌지, 핑크 계열 색상이 좋습니다. 무거운 블랙 또는 너무 자극적인 형광색 등은 피해야 합니다. 역시 많은 색을 사용하지 않도록 합니다.
   → 종합몰 : 많고 다양한 상품을 전시/판매하는 종합몰에서는 안정감과 신뢰감을 줄 수 있는 블루나 그린, 베이지 톤을 사용하도록 권장하며 채도가 높은 색, 자극적인 색, 많은 색 사용 등은 자제해야 합니다.

③ 구도(레이아웃:Layout)
- 구도란 각각의 요소를 배열하여 전체를 구성하는 방식입니다. 즉, 구도란 정해진 영역 내에 정보를 구성하고 있는 각각의 요소를 배열하고 그룹핑(grouping)하여 사용자의 시각적 흐름에 맞게 내용을 배치하는 것입니다.
- 구도란 심미적으로 적절한 비율로 화면을 분할하여 구성하는 것입니다.
- 효율적인 구도는 각 이미지, 내용 등을 짜임새 있게 배치한 구도입니다.
→ 효율적인 구도는 고객이 실제로 적용하는데 쉽고 간편하게 적용할 수 있도록 구성된 구도입니다. → 파격적인 레이아웃보다는 영역 구분이 확실한 기본 직선구도로 제작하여 안정감 있게 디자인합니다. → 내비게이션은 디자인에 따라 상단에 가로로 혹은 왼쪽에 세로로 배치하도록 합니다.
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 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 (주)아사달
아사달 AI 챗봇 챗봇