오픈마켓, 쇼핑몰 상품 페이지 디자인 by 포토샵

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마켓, 옥션에 등록하기