디자인뱅크를 활용한 쇼핑몰 디자인하기(Cafe24)

카페24 디자인뱅크를 효과적으로 쉽게 간편하게 사용하기 위한 지침서!

- 일러스트, 포토샵, 편집이미지, 웹 템플릿 소스 제공

- 쇼핑몰 운영에 필요한 뉴스레터 분야별 디자인

- HTML 디자인과 사용자가 고민하는 모듈과 유닛 해결

- 카페24 HTML 모드로 쇼핑몰 디자인 완성



신간인"cafe24 디자인뱅크를 활용한 쇼핑몰 디자인하기"는 카페24에서 호스팅 회원에게 제공되는 디자인 요소를 활용하여 자신만의 쇼핑몰을 디자인하기 위한 손쉬운 방법을 설명하는 도서입니다.

Chapter_1 쇼핑몰 디자인을 위한 디자인뱅크 살펴보기

1 디자인 뱅크란?

2 디자인 콘텐츠의 종류

3 디자인 뱅크 무료 사용 방법

4 디자인 소스 다운받기



Chapter_2 디자인뱅크 일러스트 소스 사용법 알아보기

1 일러스트 파일 불러오기와 파일 닫기

2 새로운 작업창을 만들고 Place 명령으로

파일 불러오기

3 일러스트에서 원하는 이미지만 추출하기

4 오브젝트에 색상 및 패턴 적용하기

5 디자인뱅크 일러스트 소스의 핵심

레이어 분석하기

6 쇼핑 아이콘을 활용하여 쇼핑몰 안내

페이지 제작하기

7 인터넷 지도 활용하여 회사 약도 만들기

8 손 글씨 느낌의 회사 로고 만들기

9 아이폰 속에 쇼핑몰 도우미

10 디자인뱅크 소스를 패턴으로 등록하고

사용하기



Chapter_3 디자인뱅크 사진 편집 이미지 및 템플릿 사용법 알아보기

1 편집 디자인 소스의 레이어 활용하기

2 빈티지 태그를 활용하여 콜센터 안내

페이지 완성하기

3 편집이미지를 활용한 메인 페이지 디자인

4 Gif 애니메이션 만들기

5 웹템플릿으로 HTML 소스 만들기

6 뉴스레터 만들기



Chapter_4 디자인을 위한 카페24 솔루션 이해하기

1 카페24 무료 쇼핑몰 호스팅 신청하기

2 쇼핑몰에 상품등록 하는 방법

3 부분별 디자인 소스 삽입하기



Chapter_5 실전! 템플릿 디자인으로 쇼핑몰 만들기

1 템플릿 디자인 쇼핑몰 신청하기

2 쇼핑몰에 로고 등록하기

3 쇼핑몰 화면 상단메뉴 로그인 영역

꾸미기

4 상단 메뉴바 꾸미기

5 쇼핑몰 메인 디자인 꾸미기

6 쇼핑몰 좌우 디자인

7 하단 회사정보 수정

8 디자인을 위한 대분류 등록하기

9 롤오버 메뉴 만들기



Chapter_6 실전! HTML 디자인으로 쇼핑몰 수정하기

1 HTML 디자인으로 모드 변경 및

디자인 신청

2 자주 사용하는 HTML 명령어

3 상단 이미지 옆 게시판 삭제

4 상품 진열 구조 변경하기

5 쇼핑몰 하단 회사정보 수정하기



Chapter_7 응용! cafe24 솔루션 모듈의 움직임 이해하기

1 cafe24 기본 솔루션과 '스타일난다'

메인 화면 비교해 보기

2 cafe24 기본 솔루션의 모듈을

'스타일난다'처럼 이동해 보기

이시환