한빛미디어에서 출간 된 <쇼핑몰 디자인 제작북>의 매력은
쇼핑몰 디자인부터 디자인 코딩, 솔루션 세팅까지 한 권으로 끝낸다는 점입니다.
쇼핑몰 디자인의 가장 기본은 웹디자인에 대한 기본 이해와 쇼핑몰과 홈페이지 디자인의 차이점을 알고 시작하는 것입니다.
그리고 프로그램 사용법에 대해 알고 있어야 합니다.
가장 기본적으로는 사진 편집 관련은 포토샵을 사용할 줄 알아야 하고 로고 작업과 CI, BI 등은 일러스트레이터를 사용해야 합니다.
그 다음은 내가 원하는 레이아웃으로 코딩을 해야 하는데 이 책에서는 HTML5와 CSS3를 메모장에 코딩하지 않고 드림위버 프로그램을 사용하여 사용자가 좀 더 쉽게 코딩할 수 있게 도와줍니다.
그리고 나면 쇼핑몰 세팅에 많이 사용하는 cafe 24나 고도몰에 어떻게 적용하는지 보여줍니다.
전반적으로 어떻게 디자인을 하고 코딩을 해서 쇼핑몰에 적용하는지 전체적인 흐름을 알 수 있게 해
줘서 정확한 아웃풋이 잡히지 않은 사용자라면 꼭 활용해 볼 책 입니다.
각 SECTION마다 설명이 잘되어 있습니다.
가장 기본적으로 알아야 될 부분에 대한 설명이라 읽어보고 이해하고 디지인 할 때 참고하면 좋을 것 같습니다.
SECTION 01 쇼핑몰과 홈페이지 디자인
웹디자인(Web Design)은 인터넷에세 표현되는 웹사이트의 각 페이지를 디자인하는 작업입니다.
대표적인 웹디자인으로 쇼핑몰과 홈페이지 디자인을 들 수 있습니다. 이 두가지 모두 상업적인 목적
으로 쓰이는데, 사용자의 행동 패턴을 어떻게 유도하는가에 따라 다르게 활용됩니다.
쇼핑몰 디자인의 특징과 홈페이지 디자인의 특징에 대해 설명하고 있고 두 개의 다른 점을 비교해서
설명해 주고 있습니다.
웹페이지 디자인이라고 하면 쇼핑몰 디자인과 홈페이지 디자인이 같다라고 생각하고 있는 사람들이
대부분인데 그 점에 대해 쉽게 설명해 주고 있습니다.
SECTION 02 웹그리드 시스템과 레이아웃
레이아웃은 건물을 지을 때 설계와 기초 공사에 해당하는 것으로 내용을 배치하는 기본 구조를 정하
는 작업입니다. 고객의 시선 흐름에 따라서 어떻게 배치해야 콘텐츠를 제대로 전달할 수 있을지에 대
한 고민부터 시작합니다. 웹그리드 시스템은 이러한 레이아웃을 구성하는 수단으로 시각적인 질서와
일관성을 유지하는 장치입니다.
상단 메뉴 고정형 레이아웃, 카드형 레이아웃, 긴 스크롤 레이아웃, 전체 배경 레이아웃, 그리드 파괴
레이아웃 중 우리가 많이 보는 웹페이지 레이아웃의 경우는 상단 메뉴 고형 레이아웃입니다.
카드형 레이아웃의 경우 모바일 환경에 맞춰서 요즘 많이 사용하고 있습니다.
SECTION 03 전체 분위기를 좌우하는 컬러
컬러는 전체적인 웹사이트으 느낌과 분위기를 전달하는 역할을 하기 때문에 디자인 콘셉트를 정할
때 우선적으로 결정해야 하는 요소 중 하나입니다. 같은 컬러라도 채도에 따라서 선호하는 고객층이
달라지므로 중요하면서도 가장 어려운 부분이기도 합니다.
SECTION 04 다양한 용도의 타이포그래피
타이포그래피의 가장 큰 역할은 메시지 전달입니다. 사용하는 폰트 종류, 사이 간격, 크기, 색상 등의
속성을 어떻게 설정하는가는 가독성에 큰 영향을 미칩니다. 타이포그래피는 단순히 정보를 전달하는
용도가 아니라 디자인 요소로 활용되어 강력한 메시지를 전달하기도 하고, 디자인의 일부가 되어 그
자체로 아름다움을 표현하기도 합니다.
SECTION 05 쇼핑몰 업종에 따른 트렌드
기업 홈페이지는 브랜드 신뢰성을 부각해야 하기 때문에 레이아웃이나 색상 선택에서 제한이 많습니
다. 그에 비해 쇼핑몰 디자인은 판매하는 상품이나 고객에 따라 독특한 스타일을 연출할 수 있으며,
종합몰이나 전문몰 등 쇼핑몰 종류에 따라서 다양한 스타일을 연출할 수 있습니다.
SECTION 06 쇼핑몰 제작 및 오픈
쇼핑몰을 포함하여 웹사이트를 제작할 때는 전체 제작 과정을 이해하고, 각 과정에서 작업 효율을 극
대화할 수 있는 방안을 고민해야 합니다. 일반적으로 고객 미팅, 벤치마킹, 자료 수집, 콘셉트 회의,
기획, 스토리보드, 디자인 목업, 디자인, 퍼블리싱, 쇼핑몰 오픈 과정으로 진행됩니다.
이 책에서는 일러스트레이터 부분에 관한 로고 작업은 없지만 포토샵에서 설명하고 있습니다.
로고, 배너, 아이콘, 메인 배너, 팝업, 쿠폰 등 하나의 쇼핑몰 디자인을 완성하는 데는 여러 가지 디자인 요소가 필요하며 그 부분에 대한 자세한 설명이 나와 있고 전체적인 레이아웃을 잡고 디자인을 분할해서 저장하는 방법까지 책에 설명한 대로 만들어 보면 좋은 공부가 될 것 같습니다.
<네이버 블로그 홈페이지처럼 꾸미기>는 우선 책 내용을 전체적으로 따라하기가 어렵다면 먼저 시도해 보기 좋은 예제입니다. 개인 블로그를 먼저 꾸며보면 자신감이 생길 것입니다.
이 책은 쇼핑몰 제작에 필요한 핵심 내용만 있기 때문에 초급자들이 보기에는 여러번 반복해야 하고 어느 정도 프로그램을 다룰 수 있는 사람들이 보기에 좋은 책입니다.
한빛미디어 <나는 리뷰어다> 이벤트에 당첨되서 작성한 글입니다.