불황을 이기는 색다른 쇼핑몰 Color & Layout

Chapter 01 상품페이지 색감과 레이아웃의 기본 익히기

Section 01 디자인 감각의 시작은 색감
01 색은 무엇을 말해 주는가?
02 색감이 뛰어난 디자인하기
03 쇼핑몰 컬러 마케팅이란

Section 02 실전 상품페이지 예제로 배워 보는 컬러 감각 익히기
01 색의 표현에 따른 상품페이지
02 색의 이미지에 따라 상품페이지 표현하기
03 효율적인 배색을 사용한 상품페이지

Section 03 매출이 높은 상품페이지 레이아웃
01 상품페이지 레이아웃의 정의
02 레이아웃에 따라 좌우되는 매출
03 레이아웃 설계하기
04 레이아웃의 중요 포인트

Chapter 02 상품 카테고리별로 보는 실무 레이아웃 스타일과 컬러 : [여성의류] 편

Section 01 모델, 상품위주
01 일러스트를 사용한 상품페이지
02 영문 잡지 느낌의 상품페이지
03 크레파스와 파스텔 효과를 넣은 상품페이지
04 폴라로이드 사진처럼 박스 처리한 상품페이지
05 말풍선을 이용한 귀여운 느낌의 상품페이지
06 현수막을 압정으로 꽂은 듯한 상품페이지
07 여러 이미지를 겹쳐서 표현한 상품페이지
08 로맨틱 글씨체와 곡선을 이용한 상품페이지
09 라운드 박스 처리를 한 상품페이지
10 클립으로 사진을 꽂아 놓은 듯한 상품페이지
11 흰 배경에 상품만 배치하여 깔끔하게 표현한 상품페이지
12 상품의 디테일 부분을 강조하여 표현한 상품페이지
13 사진을 수직 정렬로 나열한 단순 레이아웃의 상품페이지
14 여러 사진을 바둑판 배열로 나열한 레이아웃의 상품페이지
15 사진을 비스듬히 배치하여 여러 각도의 느낌을 살려 표현한 상품페이지
16 인물사진 위에 글씨를 겹치게 배치하여 잡지 화보처럼 표현한 상품페이지
17 검정색 테두리로 필름과 같은 표현을 한 상품페이지

Section 02 깜찍큐티
18 말풍선을 이용한 귀여운 느낌의 상품페이지
19 손글씨 느낌의 서체를 이용한 상품페이지
20 캐릭터나 일러스트를 이용한 상품페이지
21 스케치북 위에 크레파스 느낌의 상품페이지
22 코르크 재질의 메모판 느낌의 상품페이지
23 채도가 떨어지는 색상의 빈티지 느낌의 상품페이지
24 리본, 하트를 이용한 귀여운 분위기의 상품페이지
25 옷걸이에 옷을 걸어둔 듯한 표현으로 상품을 나열한 상품페이지
26 패션 소품을 이용하여 멋지게 코디한 상품페이지
27 포스트잇을 붙인 듯한 표현의 상품페이지
28 돋보기를 이용한 상세 사진 표현의 상품페이지
29 나무 재질에 사진을 압정으로 꽂아 놓은 듯한 상품페이지
30 인물사진에 원근감을 주어 과장된 표현으로 귀여운 느낌을 준 상품페이지
31 물방울무늬 배경을 이용한 상품페이지
32 하트 무늬 배경을 이용한 상품페이지
33 파스텔 느낌으로 부드러운 이미지의 상품페이지
34 빛바랜 이미지로 오래된 듯한 느낌의 상품페이지
35 원색을 사용하여 발랄한 느낌을 준 상품페이지
36 선을 이용한 가볍고 경쾌한 느낌의 상품페이지
37 글씨의 크기를 변경하여 상품을 강조한 상품페이지
38 점선과 작은 가위로 귀여운 느낌을 준 상품페이지
39 봄 느낌을 살려 화사하게 꾸민 상품페이지
40 여름의 시원한 느낌을 표현한 상품페이지
41 가을 느낌을 멋스럽게 표현한 상품페이지
42 눈송이로 겨울 느낌을 연출한 상품페이지

Section 03 럭셔리
43 모델이 강조된 패션 광고 같은 느낌의 상품페이지
44 브랜드 광고를 삽입한 상품페이지
45 흑백 모노톤과 악센트 컬러를 이용한 세련된 상품페이지
46 곡선을 이용한 세련된 상품페이지
47 상품이 진열장에 진열된 듯한 상품페이지
48 유리 재질의 바닥에 투영된 상품을 표현한 상품페이지
49 보라색 계열의 패턴으로 몽환적 느낌을 표현한 상품페이지
50 고급스러운 무늬를 이용하여 럭셔리한 느낌을 표현한 상품페이지
51 어두운 곳에 있는 상품에 스포트라이트를 비춘 듯한 상품페이지
52 그라데이션 효과로 세련된 표현을 한 상품페이지
53 꽃무늬를 이용한 상품페이지

Chapter 03 상품 카테고리별로 보는 실무 레이아웃 스타일과 컬러 : [남성의류] 편

Section 01 브랜드 강조형
54 밝은 색상의 카탈로그 느낌의 상품페이지
55 어두운 색상의 카탈로그 느낌의 상품페이지
56 흑백 모노톤 표현에 컬러로 포인트를 준 상품페이지
57 사진을 수직 정렬로 나열하고 영어 문구로 포인트를 준 상품페이지
58 브랜드 로고를 이용하여 브랜드를 강조한 상품페이지

Section 02 캐주얼 일반형
59 상품을 패션 소품으로 코디하여 발랄한 느낌을 준 상품페이지
60 점선을 이용하여 귀여운 이미지를 표현한 상품페이지
61 상품 사진에 지시선을 이용하여 디테일 설명을 한 상품페이지
62 디테일 사진이 많을 때 한데 모아 블록 형식으로 나열한 상품페이지
63 한 모델을 중심으로 디테일한 이미지를 방사형으로 나열한 상품페이지
64 청바지의 경우 청바지 느낌으로 배경을 표현한 상품페이지
65 라운드 박스 처리하여 가지런히 나열한 상품페이지
66 희미한 색상의 상품 위에 또 다른 상품을 표현한 상품페이지

Chapter 04 상품 카테고리별로 보는 실무 레이아웃 스타일과 컬러 : [패션잡화] 편

Section 01 제품 위주의 표현
67 상품 사진에 박스 처리를 한 상품페이지
68 제품과 상세페이지를 이용한 상품페이지
69 지시선을 이용하여 디테일한 부분을 표현한 상품페이지

Section 02 브랜드 위주의 표현
70 로고와 선을 사용하여 세련된 표현을 한 상품페이지
71 테두리에 그라데이션 효과를 주어 고급스럽고 정돈된 느낌의 상품페이지
72 폰트에 그라데이션을 넣어 한층 더 고급스러운 느낌을 준 상품페이지
73 품질 보증서와 케이스 등을 상품과 함께 진열하여 신뢰도를 높인 상품페이지
74 상품 색상을 나열하여 고객의 상품 선택을 쉽게 한 상품페이지
75 한 개의 박스 안에 모든 상품을 나열한 상품페이지

Chapter 05 상품 카테고리별로 보는 실무 레이아웃 스타일과 컬러 : [컴퓨터·가전·인테리어] 편
76 그림자를 표현하여 고급스러운 느낌을 준 상품페이지
77 지시선을 이용하여 디테일 부분을 효과적으로 표현한 상품페이지
78 상품 색상은 어둡게, 글씨는 밝게 넣어 고급스럽게 표현한 상품페이지
79 상세 스펙을 표로 표현하여 기능을 효과적으로 표현한 상품페이지

Chapter 06 상품 카테고리별로 보는 실무 레이아웃 스타일과 컬러 : [아동의류] 편
80 눈에 띄는 색상으로 사각형의 테두리를 두른 상품페이지
81 코디 컷을 수직으로 나열한 카탈로그식 상품페이지
82 귀여운 서체와 강한 색상으로 귀여운 느낌을 준 상품페이지
83 이미지를 동그라미 안에 표현하여 아기자기한 느낌을 준 상품페이지
84 일러스트나 캐릭터를 이용하여 재미있는 느낌을 준 상품페이지

Chapter 07 상품 카테고리별로 보는 실무 레이아웃 스타일과 컬러 : [식품] 편
85 필수 정보 전달로 고객의 신뢰를 얻는 상품페이지
86 라운드 박스를 이용하여 여러 상품을 한 번에 소개한 상품페이지
87 손이 많이 가는 상품을 백과사전식 상세 설명으로 꾸민 상품페이지
88 상품이 가진 다양한 재료를 알기 쉽게 나열한 상품페이지