쇼핑몰 디자인 무작정 따라하기 (포토샵으로 완성하는 쇼핑몰 운영에 필요한 모든 디자인)

쇼핑몰 디자인 무작정 따라하기 (포토샵으로 완성하는 쇼핑몰 운영에 필요한 모든 디자인)

$26.48
Description
생계형 쇼핑몰 운영에 필요한
실전 포토샵 디자인부터 솔루션 세팅 및 코딩 노하우
보통 1인 창업으로 시작하는 쇼핑몰은 혼자서 소소한 관리부터 로고, 아이콘, 배너, 팝업 창, 상세페이지 디자인 및 간단한 코딩까지 담당합니다. 쇼핑몰 디자인은 포토샵에서 고객이 상품 이미지를 쉽게 알아볼 수 있도록 보기 좋게 디자인하고, 쇼핑몰 운영 툴에 이미지 파일을 업로드하는 과정으로 진행됩니다.

이 책은 당장 디자인을 배워서 바로 써먹어야 하는 분들, 즉 ‘생계형 쇼핑몰 디자인’이 필요한 쇼핑몰 운영자를 위한 실전 매뉴얼입니다. 스스로 쇼핑몰을 운영하기 위한 디자인 전략을 짚어주고, 꼭 필요한 ‘포토샵’ 핵심 기능을 알려줍니다. 또한 쇼핑몰의 기본 요소(BI 디자인, 배너, 멀티 팝업)와 더불어 지갑을 여는 상세페이지와 바이럴 마케팅 디자인을 따라 하며 실전에 활용할 수 있도록 도와줍니다. 쇼핑몰 호스팅(네이버 스마트스토어, 카페24, 고도몰 등) 운영 툴 사용 방법과 HTML, CSS와 같은 웹 퍼블리싱 언어의 기본을 소개하여 웹과 모바일에서 표현할 수 있는 폭을 넓혀 이 책 한 권이면 쉽게 쇼핑몰 디자인을 완성할 수 있습니다.

북 트레일러

  • 출판사의 사정에 따라 서비스가 변경 또는 중지될 수 있습니다.
  • Window7의 경우 사운드 연결이 없을 시, 동영상 재생에 오류가 발생할 수 있습니다. 이어폰, 스피커 등이 연결되어 있는지 확인 하시고 재생하시기 바랍니다.
저자

신승희

경력18년차웹사이트디자이너
㈜더블에스텍대표
엄마손초마늘쇼핑몰경영책임
(전)한양여자대학교정보경영과겸임교수
한양여자대학교정보경영과숙명여자대학교e커머스창업
열린사이버대학교창업연구소
소상공인진흥원(서울교육센터,안산교육센터)
북부여성발전센터G마켓옥션강남교육센터출강
숙명여자대학교미술대학시각디자인과전공
서강대학교경영전문대학원MBA경영학(마케팅)석사

:주요프로젝트:
IBK기업은행F?emore웹사이트및쇼핑몰런칭
파파이스,네네치킨등다수프랜차이즈웹사이트및홈서비스런칭
㈜SK브로드밴드FUSE프랜차이즈통합서비스모바일앱런칭및리뉴얼
평창동계올림픽프레젠테이션그래픽자료제작
보건복지부콜센터웹사이트구축
㈜LG텔레콤뮤직온리뉴얼
상명대학교그린에너지센터웹사이트런칭
대종상영화제KAF웹사이트구축
경기신용보증재단웹사이트구축
㈜에스콰이어영에이지웹사이트구축
KB국민은행웹진구축
㈜한국기상웹사이트구축
대림중앙시장웹사이트구축

목차

PART1매출을올리는쇼핑몰디자인전략
01보물같은아이디어-메타포찾기
1괜찮은아이디어를흥미진진하게만드는기술
2어떤메시지를전달할것인가
3아이디어찾기
48단계디자인메서드
02나만의컬러찾기
1메인컬러와포인트컬러선정
2사진에서색추출하기
3컬러리스트가추천하는배색살펴보기
4나에게꼭맞는배색선택법
03비주얼스토리텔링의힘
1흥미로운이야기의조건과디자인
2스토리텔링마케팅
04시선을사로잡는레이아웃
1레이아웃과그리드시스템
2전체레이아웃과모듈레이아웃
3콘텐츠에계급매기기
05디자인트렌드를통한차별화
1디자인차별화방법
2디자인을보정하는방법
06그래서하고싶은말은무엇인가?-설문조사
07쇼핑몰콘텐츠는무조건읽기쉽게

PART2쇼핑몰운영에꼭필요한포토샵핵심기능
01상품을돋보이는촬영기술
1포토그래퍼처럼스튜디오를꾸미는노하우
2상품을돋보이게하는빛과배경
3상품사진촬영을위해알아두어야할여덟가지
4좋은상품사진을얻기위한노하우
5상품을배경과분리하기(누끼따기)위한사진촬영방법
02쇼핑몰디자인을위한포토샵핵심기능
1배경을밝고하얗게만들기-Select
2배경과분리하고배경색바꾸기-마술봉도구
3머리카락을자연스럽게배경과분리하기-GlobalRefinements
4불필요한부분자르기-Crop
5웹용으로사진크기줄이기-ImageSize
6날씬한모델만들기-Liquify
7깨끗한피부표현을위한잡티지우기-SpotHealingBrush
8배경늘리기-Content-AwareScale
9불필요한부분지우고자동으로채우기-Content-Aware
10밝고화사한이미지만들기-Levels
11어두운사진노출조절하기-Shadow/Highlights
12특정부분의색상바꾸기-ReplaceColor
03상세정보표시를위한타이포그래피기능
1글꼴설치와입력하기
2단락을나누고,행간과자간,장평조절하기
3제목만들기
4소제목만들기
5대제목강조하기
6색상적용하여강조하기
04인쇄용파일제작을위한포토샵기본설정

PART3쇼핑몰의기본요소디자인
01모던한느낌으로패션의류쇼핑몰로고디자인하기
02아기자기한느낌으로쇼핑몰로고디자인하기
03빈티지느낌의라벨디자인하기
1라벨레이아웃디자인하기
2라벨정보입력하기
04브랜드홍보를위한택배상자라벨디자인하기
1택배상자라벨앞면디자인하기
2택배상자라벨옆면디자인하기
05고객만족을위한교환/반품안내디자인하기
1교환/반품안내페이지상단디자인하기
2교환/반품안내페이지상세정보디자인하기
06쇼핑몰을소개하는메인슬라이드디자인하기
1슬라이드배경디자인하기
2슬라이드에문자디자인추가하기
07혜택을한눈에보여주는멀티팝업창디자인하기
1첫번째페이지만들기
2두번째페이지만들기
08팝업으로보여지는공지사항디자인하기
1전통적인배경디자인하기
2공지사항입력하고달력만들기
09상단풀배너광고디자인하기
1도트형식의풀배너디자인하기
2배너에광고정보추가하기
10고객참여를유도하는이벤트페이지디자인하기
1참여하는것같은화면으로디자인하기
2이벤트정보디자인하기
11고급스러운쿠폰디자인하기
1쿠폰모양디자인하기
2감각적인타이포그래피디자인하기
12인포그래픽형식으로회원등급별혜택안내디자인하기
1인포그래픽형식의등급데이터제작하기
2등급별혜택정보디자인하기
13베스트셀러뱃지아이콘디자인하기
1계급장스타일의뱃지아이콘만들기
2베스트셀러모양디자인하기

PART4지갑을여는상세페이지와바이럴마케팅디자인
01GIF동영상으로상품목록이미지만들기
1상품목록페이지디자인하기
2GIF동영상만들기
02공감대를형성하는인트로디자인하기
1인트로타이포그래피디자인하기
2일러스트레이션추가하기
03호소력있는스토리텔링디자인하기
1스토리를강조하는배경디자인하기
2스토리텔링추가하기
04한마디로설명하는헤드카피디자인하기
1배경과설명글디자인하기
2상품정보추가하기
05상품의이념을담아헤드카피디자인하기
1호감이가는헤드카피디자인하기
2이미지합성하기
06사실적인상품설명디자인하기
1시선을끄는상세페이지상단디자인하기
2상품정보디자인하기
3상품상세사진감각있게디자인하기
07꼼꼼한설명의상품소개디자인하기
1상품소개페이지디자인하기
2정보가잘보이는상품설명디자인하기
08경쟁상품과의차별점부각시키기
1상품을돋보이게보정하기
2차별화된상품정보추가하기
09같은듯다른5가지선택옵션디자인하기
1첫번째상품목록디자인하기
2두번째상품목록디자인하기
3세번째상품목록디자인하기
4네번째상품목록디자인하기
5자세히보기디자인하기
10생생한고객후기디자인하기
1심플한배경디자인하기
2후기디자인하기
11상품을보증하는추천글디자인하기
1배경디자인하기
2추천글디자인하기
12상품활용제안디자인하기
1기본배경디자인하기
2활용제안디자인하기
13친절한쇼핑가이드디자인하기
1상품관련가이드디자인하기
2배송관련가이드디자인하기
14상품정보제공고시디자인하기
1상품상세사이즈디자인하기
2사이즈표디자인하기
3세탁방법디자인하기
4상품정보디자인하기

PART5쇼핑몰디자인세팅과홈페이지형블로그제작
01쇼핑몰솔루션기본세팅하기1-카페24
1무료디자인스킨세팅하기
2로고세팅하기
3뱃지디자인세팅하기
4버튼세팅하기
5팝업이미지세팅하기
6메인슬라이드세팅하기
7배너세팅하기
8상품상세페이지의이벤트세팅하기
02쇼핑몰솔루션기본세팅하기2-고도몰
1무료디자인스킨세팅하기
2로고세팅하기
3뱃지세팅하기
4버튼세팅하기
5단일팝업세팅하기
6멀티팝업세팅하기
7메인슬라이드세팅하기
8배너세팅하기
9따라다니는배너세팅하기
03쇼핑몰솔루션기본세팅하기3-네이버스마트스토어
1테마세팅하기
2로고세팅하기
3상점컬러변경하기
4팝업이벤트세팅하기
5메인슬라이드세팅하기
6배너세팅하기
7상품상세페이지에공지사항세팅하기
04상세페이지디자인을쇼핑몰에서사용하기
1웹용이미지포맷알아보기
2상세페이지디자인을하나의파일로저장하기
3상세페이지이미지를여러파일로저장하기
4카페24에서상품상세페이지이미지세팅하기
5고도몰에서상품상세페이지세팅하기
6스마트스토어에서상품상세페이지세팅하기
05홈페이지형블로그디자인하기
1홈페이지형블로그스킨디자인하기
2블로그스킨세부디자인하기
3이미지파일저장하기
4네이버블로그의기본세팅변경하기
5투명위젯으로홈페이지형블로그세팅하기

[부록]쇼핑몰운영에꼭필요한HTML5+CSS3코딩의기본알아보기
쇼핑몰디자인수정문제해결하기
01쇼핑몰디자인수정하기
02실수로날린파일해결하기
03깨지는한글해결하기
쇼핑몰디자인에필요한기본코딩알아보기
01Alt와Title속성으로상품정보최적화하기
02마우스오버하면흑백으로바뀌는상품이미지만들기
03마우스오버하면반투명해지는상품이미지만들기
04마우스오버하면설명이나타나는상품이미지만들기
05화면크기에딱맞춘(Hero)이미지만들기
06상품명을돋보이게굵게,밑줄,색상으로강조하기
07판매가에취소선표시하기
08상품리스트이미지에센스있는테두리만들기
09상품리스트이미지가돋보이는그림자추가하기
10상품리스트에서아이콘과상품명간격조정하기
11상품명높이맞추기
12모바일쇼핑몰에서상세화면확대하기

출판사 서평

매출이오르는쇼핑몰디자인은따로있다!

눈에띄는매력적인쇼핑몰디자인을위해운영에서유용하게사용할수있는기능을익히고포토샵으로로고,배너,팝업,상세페이지,바이럴마케팅디자인등을완성합니다.더불어쇼핑몰운영에필요한디자인솔루션세팅부터문제해결을위한HTML5+CSS코딩까지소개합니다.이책을통해쇼핑몰디자인전략부터간단한코딩노하우까지의과정을익히면서쇼핑몰디자인의전반적인흐름과최신트렌드를익힐수있습니다.

이책이필요한독자유형
-쇼핑몰창업에관심이있거나1년안에쇼핑몰을오픈할계획이있는분
-쇼핑몰운영에어떤디자인요소가필요한지몰라막막한분
-쇼핑몰솔루션세팅만으로도눈에띄는디자인을만들고싶은분
-혼자서쇼핑몰디자인을해결해야하는분