한빛출판네트워크

없어서 못 팔고! 안 사고 못 배기는 상품페이지 디자인 테크닉 대공개
적(敵)들의 상품페이지 디자인 노하우를 이 한 권에서 완벽하게 마스터할 수 있습니다.

시시각각 변하는 온라인 트렌드에도 원칙은 있다!
반드시 알아야 될 기본적인 상품페이지 디자인의 핵심 노하우만을 알기 쉽게 설명하였습니다. 원칙도 모르면서 트렌드만 쫓는 것이 아니라 이 책을 통해 상품페이지 디자인의 트렌드를 이끄는 진정한 파워셀러가 될 수 있습니다.

같은 상품도 어떻게 디자인했느냐에 따라 판매량이 달라진다?
무조건 많은 상품을 예쁘게 배치하는 것이 아니라 상품의 특성에 맞게 디자인하는 현장 디자인 실무 테크닉들이 자세하게 설명되어 있습니다. 카테고리별로 구분하여 상품별 페이지 디자인 테크닉과 노하우를 공개하였으므로 판매를 원하는 상품을 더욱 럭셔리하게 디자인할 수 있습니다.

이 책은 온라인 쇼핑몰을 운영하거나 준비하는 분들을 위해 상품페이지 디자인 테크닉을 초보자의 눈높이 맞춰 설명한 책입니다. 포토샵에서 어려운 기능들을 과감하게 배제하고 누구나 쉽게 따라하기 할 수 있는 기능 중심으로 페이지를 디자인할 수 있도록 구성하였으며, PSD 파일을 제공하여 상품 이미지만 변경하여 약간의 수정으로도 멋진 페이지 디자인을 뚝딱! 작업할 수 있습니다.

Chapter 01 상품 소개 페이지에 대한 이해 
Section 01 오픈마켓과 상품 페이지
1. 오픈마켓 상품 소개 페이지란? 
2. 매출이 잘 나오는 상품 소개 페이지는 이렇게 다르다! 
3. 상품을 어떻게 부각시킬 것인가? 
4. 경쟁 판매자 분석을 통한 오픈마켓별 판매 전략 
5. 온라인 판매를 할 때 잊지 말아야 될 13가지 
Section 02 상품 페이지를 만들기 위한 준비 
1. 상품 페이지를 만들기 위한 포토샵 CS2 설치하기 
2. 포토샵 CS2 실행 및 종료하기 
3. 상품 소개 페이지 작성을 위해 알아야 될 포토샵 관련 파일들 
4. 내 상품 페이지 제작에 필요한 레이아웃 구성 이해하기 

Chapter 02 상품 소개 페이지 구성 요소 만들기 
Section 01 촬영한 사진에서 필요한 부분만 가져오기 
1. 펜 툴을 이용하여 사진 배경에서 상품 분리하기 
2. 올가미 툴을 이용하여 자유롭게 상품 분리하기 
3. 마술봉 툴로 비슷한 색상 부분만 빠르게 분리하기 
4. 자르기 툴을 이용하여 필요한 상품 이미지만 잘라내기 
Section 2 상품 사진 사이즈 조절하기
1. [Image Size]로 선택한 사진 자유롭게 크기 변경하기 
2. 이미지는 그대로 두고 캔버스 사이즈 넓히기 
3. 사이즈가 큰 사진 이미지 한번에 크기 조절하기 
Section 03 상품 사진 깔끔하게 보정하기 
1. 도장 툴로 상품 이미지의 잡티 없애기
2. 힐링 브러시로 인물 사진의 잡티 없애기 
3. Levels를 이용해 이미지를 선명하게 조절하자 
4. Sharpen으로 이미지를 더 뚜렷하게 조절하자 
5. Brightness/Contrast로 이미지를 밝게 조절하기 
Section 04 상품 페이지의 기본 틀! 페이지 배경 만들기! 
1. 상품과 어울리는 배경색 넣기 
2. 상품 배경에 멋진 그러데이션 효과내기 
3. 상품이 돋보이는 박스 처리 효과 
4. 원과 사각형 모양으로 상품 배경 꾸미기 
5. 명품 가방으로 보이게 하는 럭셔리한 배경 만들기 
6. 모던 스타일 운동화 배경 이미지 만들기 
7. 심플하면서도 세련된 도시적인 분위기의 배경 이미지 만들기 
Section 05 상품 설명을 위한 문자 입력 및 효과 주기 
1. 상품에 대한 주요 카피 및 설명 글 삽입하기 
2. 글자 안에 그러데이션 효과 내기 
3. 딱딱한 텍스트를 디자인으로 연출하기 
4. 글자에 테두리를 둘러 제목 강조하기 
5. 없어서 못 파는 상품 품절 표시하기 
6. 워터 마크로 상품 이미지 도용 방지하기 
7. 감각적인 회사 로고 만들기 

Chapter 03 상품 소개 페이지 구성하기 
Section 01 감각적인 상품 소개 페이지 만들기 
1. 세련된 사진으로 상단 이미지 만들기 
2. 소개 페이지 상단에 주요 설명 글 및 상품 이미지 삽입하기 
3. 상품의 구성 요소 하나하나를 제대로 표현하자 
4. 상품 특징을 확대하여 디자인적으로 표현하기 
5. 배송·반품·교환 정보 페이지 깔끔하게 만들기 
Section 02 상품의 특징에 따라 구성하는 상품 소개 페이지 
1. 상품 이미지 수직으로 정렬하여 진열하기 
2. 상품 이미지를 수평으로 정렬하여 진열하기 
3. 겹쳐진 이미지로 구성하기 
4. 입체적으로 상품 사이즈 표현하기 
5. 효과적인 색상 표현 방법 - 원 모양으로 색상 표현하기 
6. 효과적인 색상 표현 방법 - 가로 배열로 색상 표현하기 
Section 03 상품 페이지를 세련되게 만드는 여러 가지 효과 
1. 이미지 특정 부분 모자이크 처리하기 
2. 컬러 사진을 흑백 사진으로 만들기 
3. 상품 사진 투명 그림자로 분위기 연출하기 
4. 상품 이미지를 투명하게 만들어 배경으로 사용하기 
5. 상품 이미지에 뿌옇게 테두리 효과주기 
6. 아쿠아 버튼 만들기 
7. 동일 상품 이미지를 다양한 색상으로 표현하기 
Section 04 상품을 돋보이게 하는 배경 합성 테크닉 
1. 사진에서 원하는 상품 이미지만 오려두기 
2. 배경 사진과 상품 이미지 사진 자연스럽게 합성하기 
3. 촬영된 이미지에서 배경을 죽이고 상품 이미지를 더 돋보이게 만들기 
Section 05 고객 평가 및 구매 결정 편집하여 홍보하기 
1. 고객의 상품 평 편집하여 상품 페이지에 삽입하기 
2. 구매 결정 안내 문구 상품 페이지에 삽입하기 
Special 상품 페이지 광고를 위한 여러 가지 디자인 

Chapter 04 상품 광고 애니메이션 만들기 
Section 01 상품 사진으로 움직이는 애니메이션 광고 만들기 
1. 동일한 디자인 상품의 다양한 색상을 애니메이션으로 한눈에 보여주기 
2. 상품 사진이 상하좌우로 밀려나는 듯한 애니메이션 효과 만들기 
3. 상품 이미지가 서서히 사라지면서 다른 상품 이미지로 대체되게 만들기 
Section 02 텍스트만으로 꾸미는 애니메이션 광고 만들기 
1. 텍스트가 변하면서 깜박이는 배너 만들기 
2. 텍스트를 순서대로 나열하듯이 움직이는 애니메이션 만들기 
Section 03 상품 이미지와 텍스트를 혼용한 애니메이션 광고 만들기 
1. 텍스트로 상품을 설명한 후 상품 이미지가 나타나도록 만들기 
2. 상품을 확실하게 각인시키는 배경 애니메이션 만들기 

Chapter 05 실무에서 바로 사용할 수 있는 상품 페이지 만들기 
Section 01 상품을 돋보이게 하는 News Paper형 상품 페이지 
1. 상단 이미지 만들기 
2. 상세 페이지 만들기 
3. 세부 확대 이미지 삽입하기 
4. 사이즈 표 삽입하기 
Section 02 제품을 세련되게 표현하는 잡지형 상품 페이지 
1. 상단 이미지 만들기 
2. 상세 페이지 만들기 
3. 세부 확대 이미지 삽입하기 
4. 사이즈 표 삽입하기 
Section 03 아기자기하고 귀엽고 깜찍한 '아동 티셔츠'상품 페이지 만들기
1. 상단 이미지 만들기 
2. 상세 페이지 만들기 
3. 세부 확대 이미지 만들기 
4. 배송 및 반품 정보 페이지 만들기 
Section 04 세련되고 모던한 느낌의 IT 상품 페이지 만들기 
1. 상단 이미지 만들기 
2. 상세 페이지 만들기 
3. 제품 상세 설명 및 사용 방법 페이지 만들기 
4. 공지사항 및 배송 안내 페이지 만들기 

Chapter 06 오픈마켓의 종류와 상품 소개 페이지 등록하기 
Section 01 오픈마켓의 종류와 특징 
1. 온라인 마켓 플레이스의 종류에는 어떤 것들이 있나? 
2. 오픈마켓에 판매자 계정을 만들어 보자! 
Section 02 상품 소개 페이지 등록의 핵심, 이미지 호스팅! 
1. 호스팅과 이미지 호스팅 
2. 이미지 호스팅 업체와 서비스의 종류 
3. 이미지 호스팅을 위한 등록 절차 
Section 03 이미지 호스팅을 이용한 상품 소개 페이지 만들기 
1. 이미지 호스팅을 이용한 이미지 태그 만들기 
2. 이미지 태그를 사용해 상품 소개 페이지 만들기 
3. 이미지 관련 태그 알아보기 
Section 04 마켓 플레이스별 상품 소개 페이지 등록하기 
1. 옥션에 상품 등록하기 
2. G마켓에 상품 등록하기 
3. 다음온켓에 상품 등록하기
4. 샵카페24로 오픈마켓 통합관리하기
Section 05 플래시와 동영상 파일 활용하기 
1. 플래시 파일(.swf)을 상품 소개 페이지에 보여주기 
2. 오픈마켓 판매를 위한 전략!!