■ 책 소개

쇼핑몰을 운영한다는 것은 어떻게 보면 쉬운 일처럼 보입니다. 하지만 제품을 선별해 오는 것부터 상품 촬영, 촬영된 이미지를 보정하고 소비자의 구매를 유도할 수 있도록 예쁘게 꾸미는 방법 등 해야 할 일들이 참으로 많습니다. 이 책에서는 촬영된 이미지를 가지고 소비자의 마음을 사로잡을 수 있는 페이지 디자인에 대해 설명합니다.

이 책의 특징은
첫째, 상품 페이지 디자인에 관한 모든 내용을 수록하고 있다!
요즘 많이 사용하는 최신 디자인 기법을 수록하고 있으며 상품사진 보정에서 하나의 완벽한 상품 페이지 디자인까지 상세하게 다루고 있어 쇼핑몰을 시작하려는 초보자도 바로 따라하면서 디자인 할 수 있습니다.
둘째, 비용을 절감할 수 있다!
처음 쇼핑몰을 시작하는 독자라면 비용 부분도 무시하지 못합니다. 그리고 외주 제작을 하더라도 디자인에 대해 모른다면 적절한 수정 사항을 지시할 수 없습니다. 그렇기 때문에 어느 정도 알아두는 것이 좋습니다. 이 책에는 외주 제작을 하지 않아도 될 만큼 상품 페이지 디자인에 관한 모든 내용을 수록하고 있어 비용 절감 효과를 가져올 수 있습니다.

■ 특징 및 출판사 서평

이 책은 쇼핑몰이나 오픈마켓에서 상품을 판매하려고 하는 분이나 판매를 하고 있지만 페이지 디자인을 외부에서 작업하여 자체 진행하려는 분들에게 쇼핑몰 페이지 디자인에 사용되는 포토샵 기능과 감각적으로 페이지를 디자인 할 수 있는 노하우를 알려드립니다. 또한 누구라도 볼 수 있도록 각 작업에 대한 내용을 빠짐없이 다루고 있고 각 STEP으로 구성하여 단계별로 학습할 수 있습니다.

■ 저자 소개

- 김현미 -
2001년 'nalaree'쇼핑몰 오픈
백하우스 쇼핑몰 매니저
shoesemall 오픈마켓 웹디자이너
coolhani 온라인기획전 매니저

현 오픈마켓 이미지 대행 '이미지레시피' 대표
E-mail : mem0ry@naver.com

■ 목차

Part 01 샵 매니저를 위한 기초 상식
Chapter 01 쇼핑몰 사진의 기본 상식
STEP 1 쇼핑몰 사진 촬영에 필요한 장비
STEP 2 호스팅 알고 하자
STEP 3 이미지 호스팅 업체 비교

Chapter 02 포토샵 기본기 다지기
STEP 1 포토샵 기본 메뉴 살펴보기
STEP 2 웹 그래픽 파일형식 이해하기
STEP 3 이미지레디는 어디에 쓰나요?

Part 02 꼭 알아야 하는 상품수정 리터칭
Chapter 01 제품 기본 보정
STEP 1 내 상품 사진 포토샵으로 불러오기
STEP 2 웹용으로 사용할 이미지, 용량 줄이고 저장하기
STEP 3 불필요한 배경만 쓱싹 잘라버리기
STEP 4 촬영할 때는 몰랐던 잡티 제거하기
STEP 5 지저분해진 배경색, 깔끔하게 보정하기
STEP 6 빛으로 왜곡된 제품색상 바로잡기
STEP 7 정교하게 색상 보정하기
STEP 8 선명한 사진 만들기
STEP 9 사진에서 상품만 뽑아내기
STEP 10 이미지에 테두리 두르기

Chapter 02 모델사진 보정하기
STEP 1 초상권이 있거든요! 모델 얼굴 가리기
STEP 2 의류 모델 몸매 예쁘게 만들기
STEP 3 보기 싫은 살결을 부드러운 이미지로 만들기
STEP 4 어두웠던 야외 촬영, 화사하게 보정하기

Part 03 어렵고도 쉬운 레이아웃
Chapter 01 레이아웃이란?
STEP 1 상세 페이지 레이아웃이란?
STEP 2 레이아웃의 전체적인 구도 살펴보기

Part 04 뭐니 뭐니 해도 디자인의 생명력은 타이포그래피!
Chapter 01 폰트 사용법
STEP 1 폰트의 기본 상식
STEP 2 폰트의 다양한 변신
STEP 3 강조해야 할 타이틀
STEP 4 신뢰감을 주는 상품 정보

Chapter 02 일상 속의 타이포그래피
STEP 1 홈페이지에서 만나보는 타이포그래피
STEP 2 길에서 만나보는 타이포그래피

Chapter 03 쉽게 만들어 보는 로고
STEP 1 구멍 난 폰트 로고
STEP 2 깔끔한 상점이니셜을 이용한 로고
STEP 3 구름 모양의 귀여운 로고
STEP 4 글자의 배열을 이용한 감각적인 로고
STEP 5 꽃무늬가 있는 로고

Part 05 실전! 무작정 따라해 보는 상품편집
Chapter 01 야외 모델사진을 이용한 여성복 편집
STEP 1 로고에 화려한 왕관 넣기
STEP 2 고급스러운 테두리와 상품 설명 만들기
STEP 3 사진에 로고 넣기
STEP 4 통일감 있게 디테일 뷰 만들기
STEP 5 유화 같은 사이즈 뷰 만들기
STEP 6 따로따로 만들어진 이미지 하나로 만들기
STEP 7 깔끔하게 고객센터 만들기

Chapter 02 상품사진과 모델사진의 조화, 청바지 상품 페이지
STEP 1 아웃포커싱기법으로 광고사진 같은 메인 뷰
STEP 2 스냅사진과 코디 이미지를 이용하여 컬러 뷰 만들기
STEP 3 나무 간판 같은 바와 다양한 크기의 디테일 이미지
STEP 4 사이즈를 한눈에 볼 수 있도록 표를 이용하여 깔끔하게 정리
STEP 5 다이나믹한 느낌의 인포메이션

Chapter 03 경쾌하고 발랄한 분위기의 아이 옷 페이지 만들기
STEP 1 원색 커튼과 구름을 이용하여 경쾌한 메인 뷰 만들기
STEP 2 선물함 속의 아이 옷과 쪽지 느낌의 컬러 뷰
STEP 3 폴라로이드 사진처럼 귀여운 디테일 뷰
STEP 4 상세 페이지와 비슷한 느낌의 유아틱한 인포메이션

Part 06 패션잡화 & 가전제품 편집하기
Chapter 01 컬러와 디테일을 한 번에 명품 선글라스 페이지
STEP 1 널리 알려지지 않은 브랜드, 광고처럼 소개하기
STEP 2 컬러와 디테일을 한 번에 적용한 고급스러운 페이지
STEP 3 만들어진 PSD 파일에 다른 상품으로 교체 편집하기
STEP 4 어느 페이지에나 잘 어울리는 세련된 고객센터

Chapter 02 기획전처럼 자유분방하게 꾸미는 액세서리 페이지
STEP 1 다이어리 느낌의 메인 페이지
STEP 2 자유분방한 레이아웃의 컬러 뷰
STEP 3 선택하기 편하도록 만들어주는 초이스 뷰
STEP 4 귀여운 파스텔 톤의 인포메이션

Chapter 03 헐리웃 스타일 가방 페이지
STEP 1 스타를 이용하여 메인 만들기
STEP 2 상품사진과 함께 깔끔한 설명 만들기
STEP 3 고객의 눈을 한 번에 사로잡는 스타일 뷰
STEP 4 깔끔하면서도 멋스러운 디테일 뷰
STEP 5 다른 제품사진을 넣어 1석 2조의 효과를 얻는 공지사항

Chapter 04 감각적인 느낌의 카세트 플레이어
STEP 1 물결 무늬와 감각적인 카피로 만들어보는 메인
STEP 2 깔끔한 스펙정리와 그림자 효과가 있는 상품사진 삽입하기
STEP 3 이미지와 설명을 적절히 사용하여 한눈에 들어오는 기능 보기
STEP 4 지시선을 이용한 깔끔한 패널 소개
STEP 5 깔끔하고 간결한 주의사항

Part 07 응용할 수 있는 디자인
Chapter 01 알아두면 언젠가는 써먹을 수 있는 디자인!
STEP 1 브랜드 공식사이트에서 이미지 가져오기
STEP 2 잡지 스캔한 화보, 예쁘게 보정하기
STEP 3 자연스러운 필름지 만들기
STEP 4 내가 판매하는 옷을 헐리웃 스타가 입었다고?
STEP 5 내추럴 배경지와 압정을 이용한 감성적인 페이지

Chapter 02 계절을 이용한 메인 이미지
STEP 1 봄 느낌 물씬 나는 초원 위에 예쁜 구두
STEP 2 여름, 시원한 바다와 TV
STEP 3 패션의 계절 가을, 낙엽과 컬렉션
STEP 4 추운 겨울, 따뜻한 느낌의 담요로 판매 지수 UP!

Chapter 03 디자인의 꽃, 타이포그래피
STEP 1 보석 같은 문자
STEP 2 물결 모양으로 휘어진 글자
STEP 3 나무 질감 그대로인 글자
STEP 4 눈 내린 효과의 문자
STEP 5 달마시안 모양의 글자
STEP 6 아쿠아 모양의 글자
STEP 7 수묵 효과 글씨

Part 08 판매의 중심 움직이는 이미지 만들기
Chapter 01 애니메이션을 위한 기초지식
STEP 1 기본 화면 전환 애니메이션
STEP 2 서서히 나타나는 이미지 만들기
STEP 3 깜빡거리는 이미지 만들기
STEP 4 연결되는 이미지에 찰칵하는 효과
STEP 5 부드럽게 연결되는 장면전환 애니메이션
STEP 6 줌인 효과로 상품 부각하기
STEP 7 타이핑되는 글자 만들어보기
STEP 8 전광판 효과 애니메이션
STEP 9 글자 색상이 서로 바뀌는 로고 효과 만들기
STEP 10 반짝거리는 액세서리 이미지 만들기
STEP 11 상품을 강조하는 돌아가는 테두리 만들기

Part 09 나 혼자 해보는 간단 리뉴얼
Chapter 01 초보자도 할 수 있는 간단한 배너
STEP 1 앤틱한 고객센터 배너 만들기
STEP 2 깔끔한 계좌번호 배너 만들기
STEP 3 택배 배너 귀엽고 깔끔하게 꾸미기
STEP 4 싸이월드로 오세요～ 싸이 배너

Chapter 02 간단 메뉴와 팝업창
STEP 1 롤오버 버튼으로 메뉴판 만들기
STEP 2 웹진 같은 신상품 팝업창 만들기
STEP 3 세일 정보를 알리는 팝업창 만들기

Part 10 웹에 내 상품 올리기
Chapter 01 FTP로 이미지 올리기
STEP 1 계정과 FTP
STEP 2 이미지 호스팅 내장 FTP 사용하기
STEP 3 알FTP로 이미지 업로드

Chapter 02 코딩과 등록
STEP 1 HTML이란?
STEP 2 상품 페이지 코딩하기
STEP 3 G마켓, 옥션에 등록하기

■ 부문별 요약

Part 01 샵 매니저를 위한 기초 상식
쇼핑몰을 만들기 위해서는 준비 과정이 필요합니다. 이번 장에서는 기본적인 카메라 선택 방법부터 호스팅 선택과 포토샵의 기본적인 메뉴를 살펴보도록 합니다.

Part 02 꼭 알아야 하는 상품 수정 리터칭
상품을 촬영한 사진은 그 자체만으로 사용하기에는 부족한 점이 많습니다. 아무리 완벽한 상태에서 촬영을 하더라도 사이즈를 줄이는 것부터 색상 조정 등 여러 가지 보정을 통해 완벽한 상품사진으로 만들어주어야 합니다. 리터칭은 실제 상품과 차이가 나면 반품이 많아지므로 최대한 상품과 가까운 색상으로 리터칭하는 방법을 배워봅니다.

Part 03 어렵고도 쉬운 레이아웃
레이아웃(Lay-Out)이란 사전적인 의미로 제한된 공간에 각 구성요소를 효과적으로 배열하는 일을 말합니다. 레이아웃의 개념은 어떤 것이며, 어떻게 구성되고 효율적으로 사용하는 지를 배워보고 예제를 통하여 레이아웃 잡는 방법을 이해합니다.

Part 04 뭐니 뭐니 해도 디자인의 생명력은 타이포그래피!
컴퓨터에서 TYPE이란 “글자”를 이야기하며 폰트는 글자의 크기와 서체를 이야기하는 것입니다. 그리고 서체와 크기 배치를 통합하여 타이포그래피라고 말합니다. 이번 장에서는 폰트의 활용 방법을 알아보겠습니다.

Part 05 실전! 무작정 따라해 보는 상품 편집
‘백문이불여일견’이라는 말이 있듯이 몇 번을 보는 것보다 한번 해보는 것이 더 좋습니다. 이번 장에서는 상품별로 상세 페이지를 만들어보면서 포토샵 프로그램의 사용법을 알아보고 상품 페이지 구성에 대해 알아보겠습니다.

Part 06 패션잡화 & 가전제품 편집하기
의류와 잡화는 조금 다른 방식으로 제작됩니다. 선글라스, 쥬얼리, 가방, 전자제품 등 각각 상품에 맞는 작업을 따라해 보고 차이점을 인식하고 다음 작업에 응용하도록 합니다.

Part 07 응용할 수 있는 디자인
온라인으로 판매를 하다 보면 상품 상세 페이지 외에도 여러 가지 배너나 이벤트 페이지 같은 것들이 필요할 때가 있습니다. 이번 장에서는 여러 가지 페이지 디자인에 응용 가능한 디자인을 배워보도록 합니다.

Part 08 판매의 중심 움직이는 이미지 만들기
상품 등록을 할 때 상품 목록에 나올 이미지가 필요합니다. 이 이미지는 소비자가 제일 처음 보게 되는 것으로 구매가 이루어지는 중요한 역할을 합니다. 이번 장에서는 한 번에 많은 것을 보여 줄 수 있는 움직이는 이미지 만드는 것을 배워보고 응용해보도록 하겠습니다.

Part 09 나 혼자 해보는 간단 리뉴얼
비싼 돈을 주고 멋진 홈페이지를 만들었지만 가끔 배너와 팝업창 같은 것들이 필요할 때가 있습니다. 일일이 돈을 주고 만들자니 부담스러울 수 있습니다. 이번 장은 이럴 때 간단히 만들어 볼 수 있는 작업들로 구성되어 있습니다.

Part 10 웹에 내 상품 올리기
웹에 이미지를 올리기 위해 알아야 하는 정보와 이미지가 보이기 위한 과정을 알아봅니다. 그리고 이미지를 올리기 위해 기본적으로 알아야 하는 HTML에 대해 알아보고 대표적인 오픈마켓에 상품을 등록하는 방법까지 배워보겠습니다.