추가 적립 안내

『쇼핑몰 디자인 실무』는 저자의 다년간 창업 컨설팅과 디자인 제작을 해오면서 느낀 다양한 노하우들을 통해 개성있는 쇼핑몰 제작 및 구성에 대한 올바른 가이드라인을 제시하고 있다.
또한, 쇼핑몰 디자인 시 꼭 필요한 포토샵, 플래시, 드림위버 등의 프로그램을 다루는 방법과 더불어 디자인 기획과 솔루션 세팅 방법에 대한 내용까지 실무에서 바로 사용할 수 있는 알찬 알맹이들만 담았기 때문에 예비 창업자 그리고 현업에서 뛰고 있는 디자이너들에게 막막함과 답답함을 해소시켜주는 디자인 마스터북이 될 것이다.

많은 사람들이 쇼핑몰 시장에 뛰어들고 경쟁하고 있는 지금 쇼핑몰들은 각기 다른 콘셉트로 고객들에게 좋은 첫인상을 주고자 노력하고 있다. 쇼핑몰의 디자인은 고객에게 처음 보여주는 얼굴과도 같아 판매에 큰 영향을 미치기 때문이다.
이 책은 저자의 다년간 창업 컨설팅과 디자인 제작을 해오면서 느낀 다양한 노하우들을 통해 개성있는 쇼핑몰 제작 및 구성에 대한 올바른 가이드라인을 제시하고 있다.
또한, 쇼핑몰 디자인 시 꼭 필요한 포토샵, 플래시, 드림위버 등의 프로그램을 다루는 방법과 더불어 디자인 기획과 솔루션 세팅 방법에 대한 내용까지 실무에서 바로 사용할 수 있는 알찬 알맹이들만 담았기 때문에 예비 창업자 그리고 현업에서 뛰고 있는 디자이너들에게 막막함과 답답함을 해소시켜주는 디자인 마스터북이 될 것이다.

사람마다 생김새가 다르고 성격이 다르듯이 쇼핑몰도 마찬가지로 각기 다른 성격과 개성을 가지고 있다. 첫 만남에서 3초만에 상대의 첫 인상이 결정되듯이 쇼핑몰 사이트도 마찬가지이다.
고객을 불러오는 쇼핑몰 디자인을 제작하기 위해서는 뚜렷한 방향 감각, 즉 콘셉트가 중요한데
그러기 위해서는 경쟁 쇼핑몰들의 컨셉이나 구성을 파악하여 판매를 위한 디자인을 이끌어 내도록 해야 한다.
이 책은 디자인부터 제작까지 직접 따라하면서 실무적인 능력을 길러주는 디자인 마스터북으로

PART 01 쇼핑몰 디자인을 위한 포토샵 활용
PART 02 쇼핑몰에 생명을 불어넣는 플래시
PART 03 쇼핑몰 제작을 위한 HTML+드림위버
PART 04 대박 쇼핑몰 디자인 기획
PART 05 내 쇼핑몰은 내가 디자인한다

총 5개의 파트로 구성되어있으며, 해당 파트를 알기 쉽게 예제와 함께 구성하여 자기손으로 직접 쇼핑몰을 디자인하고 구축할 수 있게 도와주고 있다.
가장 어려운 단계는 ‘시작’이라는 말이 있듯이 이 책은 쇼핑몰을 구축하고 운영할 계획을 세우려는 많은 이들과 이미 운영을 하고 있으나 독특한 디자인을 원하는 이들에게 가뭄에 단비와 같은 도서가 될 것임을 확신한다.

PART 01 쇼핑몰 디자인을 위한 포토샵 활용

Chapter 01 포토샵 CS6 시작하기

01 포토샵 CS6 인터페이스 살펴보기
1. 포토샵 CS6 화면구성
2. 툴 박스 (Tool box)
3. 자주 사용하는 작업 영역 패널(팔레트)
4. 작업 영역 및 환경설정

Chapter 02 포토샵 기본 기능 알고가기

01 이미지 불러오기
1. File 메뉴에서 불러오기
2. Mini Bridge에서 불러오고 관리하기
3. 열려 있는 작업창 정렬하기
4. 작업창 분리하기
5. 여러 장의 이미지를 레이어로 불러오기
6. 이미지 확대/축소하기
7. 눈금자와 가이드라인으로 작업 기준 설정하기

02 새로운 캔버스 만들고 저장하기
1. 새로운 캔버스 만들기
2. 이미지 저장하기

03 원하는 영역을 선택하고 편집하기
1. 선택 툴과 이동 툴 살펴보기
2. 전체 이미지를 새 컨버스에 이동하기
3. 선택한 영역을 새 컨버스에 이동하기
4. 선택한 영역의 가장자리를 부드럽게 처리하기
5. 올가미 툴을 이용하여 상품이미지에서 필요한 부분만 선택하기
6. 빠른 선택 툴을 이용하여 상품 배경에 색상 채우기
7. 선택한 영역에 패턴 채우고 선 그리기

04 이미지와 캔버스 사이즈 조절하고 회전하기
1. 이미지 사이즈 조절하기
2. 캔버스 사이즈 조절하기
3. 이미지 회전하기

05 이미지 자르기
1. 자르기 툴 옵션 바 살펴보기
2. 불필요한 이미지 자르기
3. 기울어진 이미지 회전하며 자르기
4. 원하는 폭과 높이로 자르기

06 이미지 변형하기
1. Transform으로 이미지 변형하기
2. 자유변형 Free Transform

07 브러시와 그라디언트 툴 살펴보기
1. 전경색과 배경색 설정하기
2. 브러시로 이미지 꾸미기
3. 그라디언트로 채색하기
4. 그라디언트 활용하기

08 이미지를 복제하고 복구하기
1. 스탬프 툴과 힐링 툴 살펴보기
2. 스탬프 툴로 배경에서 필요 없는 부분 지우기
3. 힐링 툴로 원하는 부분을 원본 이미지와 자연스럽게 섞이도록 복사하기
4. 힐링 툴로 상품 얼룩 지우기

09 이미지 선명도 조정하기
1. 이미지 선명도 보정하기

10 Type 툴과 벡터 이미지
1. Type 툴 알기
2. Character 패널과 Paragraph 패널 살펴보기
3. 다양한 모양의 셰이프 툴 다루기

11 펜 툴
1. 펜 툴 다루기
2. 펜 툴로 말풍선 그리기
3. 펜 툴로 패스 만들어 상품 이미지와 외곽 깔끔하게 오리기

Chapter 03 쇼핑몰 디자인 관리에 필요한 필수기능 살펴보기

01 스마트 오브젝트 활용하기
1. 일반 이미지를 스마트 오브젝트로 변환하기
2. 스마트 오브젝트로 이미지를 불러온 후 비트맵 방식으로 변환하기;
3. 스마트 오브젝트로 불러온 이미지 분리하기

02 포토샵의 핵심! 레이어 알아보기
1. 레이어 살펴보기
2. 레이어 스타일 활용하기

03 이미지 보정기능 활용하기
1. 필터(Filter)로 보정하기
2. 조정(Adjustment)메뉴로 이미지의 밝기 보정하기
3. 조정(Adjustment)메뉴로 이미지의 색상 보정하기
4. Liquify(픽셀 유동화)로 이미지 성형하기

04 원하지 않는 부분을 가려주는 마스크
1. 레이어 마스크
2. 클리핑 마스크

05 이미지 슬라이스/웹용으로 저장하기
1. 슬라이스 툴 다루기

Chapter 04 알아두면 유용한 포토샵 기능

01 Gif 애니메이션 만들기
1. 움직이는 상품 이미지 만들기
2. 움직이는 메인 이미지 만들기

02 반복 작업 한 번에 끝내기
1. Action으로 이미지 사이즈 한 번에 실행하기
2. Batch기능을 이용하여 여러 이미지에 일괄적으로 Action 적용하기

Chapter 05 쇼핑몰에 바로 적용하는 포토샵 활용

01 상품이 반사되어 비치는 느낌의 이미지 만들기

02 상품 상세 페이지 폼 만들기
1. 상품 페이지 폼 만들기
2. 상품 페이지 폼에 이미지 적용하기

03 텍스트 디자인하기
1. 럭셔리한 골드 문자 만들기

04 다양하게 쓰이는 배경 만들기
1. 실크 배경 만들기
2. 구겨진 종이질감 만들기
3. 중앙으로 집중되어 보이는 배경 만들기

05 자주 쓰이는 리본, 아이콘 등 디자인 소스 만들기
1. 책갈피 리본띠 만들기
2. 골드 마크 만들기

PART 02 쇼핑몰에 생명을 불어넣는 플래시

Chapter 01 플래시 CS6 시작하기

01 플래시 CS6 살펴보기
1. 시작 페이지 살펴보기
2. 플래시 CS6 인터페이스 (화면구성)
3. 툴 박스(Tool box)
4. Properties / Library 패널&문서 초기 환경설정
5. 작업 환경설정하기

Chapter 02 플래시 CS6 기본 기능 알고가기

01 플래시 문서 다루기
1. 새 파일 만들기
2. 플래시 파일 열고 저장하기
3. Test Movie로 플래시 파일 미리 보기와 SWF 확장자 파일 생성
4. 플래시 파일의 이미지만 교체하기

02 드로잉/채색하기
1. 드로잉 툴 살펴보기
2. 그라디언트 채색 툴

03 문자 툴 알기
1. 문자 툴 Properties (Classic Text)
2. 문자 입력하기
3. 문자를 벡터 도형으로 변환하기
4. 레이어에 나누어 분배하기

04 타임라인과 Scene 패널 살펴보기
1. 타임라인(Timeline)
2. Scene 패널
3. 레이어 다루기

05 프레임과 키프레임 알기
1. 프레임의 종류
2. 애니메이션 이해하기(글자 깜빡이는 애니메이션 만들기)

06 심벌 속성 알기
1. 심벌의 특징
2. 심벌의 종류
3. 심벌 등록 및 편집하기

07 이미지와 이미지를 연결해주는 트윈 알기
1. 셰이프 트윈으로 이미지가 커튼처럼 서서히 나타나는 애니메이션 만들기
2. 클래식 트윈으로 글자가 날아왔다가 사라지는 애니메이션 만들기
3. 모션 트윈으로 위에서 차례대로 나타나는 이벤트 배너 만들기

08 특정 부분을 가리는 마스크 알기
1. 마스크 이해하기
2. 마스크로 메인 노출 애니메이션 만들기

09 간단한 액션 스크립트 알기
1. Action 패널 살펴보기
2. 액션 스크립트 시작하기
3. 반복되는 애니메이션을 멈추는 Stop 액션 추가하기
4. URLRequest로 URL 링크걸기(액션 스크립트 3.0)

PART 03 쇼핑몰 제작을 위한 HTML+드림위버

Chapter 01 HTML 살펴보기

01 HTML 태그 기초 익히기
1. HTML 기본 구조 알기
2. 텍스트의 속성을 지정하는 폰트태그 알기
3. 태그로 이미지 삽입하기
4. 태그로 하이퍼링크 만들기
5.