이미 소장하고 있다면 판매해 보세요.
|
Chapter 1. 웹 디자인 기초
1. 홈페이지 구축을 위한 사전 지식 - 상식에서 벗어나지 않는 사이트를 디자인하자. 1-1. 홈페이지의 구성(HTML / 텍스트 / 그래픽 / 멀티미디어 / 프로그램) 1-2. 웹 그래픽 포맷(GIF / JPEG / PNG) 1-3. HTML 코딩(기본적인 HTML 규칙 / 알아두어야 할 HTML 태그 3가지 / HTML 작성 프로그램의 사용) 2. 웹 아이덴티티(Web Identity) - 일관성은 곧 홈페이지의 힘! 2-1. 웹 아이덴티티 개요(인식 측면 / 정보 측면 / 적용 측면 / 방어 측면의 웹 아이덴티티) 2-2. 웹 아이덴티티의 구축 (비전과 CI & BI / 로고와 색상의 사용 / 테마의 사용 / 그래픽의 적극적 이용) 2-3. 웹 아이덴티티 가이드의 구축 (CI & BI 가이드 / 인포메이션 아키텍쳐 가이드 / 디자인 스타일 가이드 / 테크니컬 레퍼런스 / 서포트 아카이브) 3. 홈페이지 레이아웃 - 레이아웃이 나오면 모든 디자인이 끝났다? 3-1. 홈페이지 레이아웃은?(레이아웃의 활용 예 / 복합 레이아웃을 사용한 예) 3-2. 기본 레이아웃 1(Header / Navigation / Contents / Footer / 3-3. 기본 레이아웃 2(Logo / Header / Footer / Global Navigation / Local Navigation /Contents) 3-4. 기본 레이아웃 3(Header / Contents / Footer / Navigation Or Additional Contents) 4. 홈페이지 내비게이션 - 내비게이션을 생각한 홈페이지는 달라도 다르다? 4-1. 내비게이션이란 무엇인가? 4-2. 내비게이션 디자인을 위한 기초 작업 4-3. 내비게이션의 종류 (중심 / 글로벌 / 로컬 / 중점 / 순서 / 관계 / 컨텐츠 / 위치 추적 / 언어 내비게이션) 5. 홈페이지 아이템 - 웹 디자이너는 만능 엔터테이너? 5-1. 아이콘 5-2. 그래픽 5-3. 플래시 Chapter 2. 쇼핑몰의 개념 전자상거래와 디자이너? 1. 전자상거래 1-1. 전자상거래의 일반적 정의 1-2. 전자상거래란 어떤 것인가? 1-3. 왜 전자상거래가 사업 방식을 바꾸는가? 2. 인터넷 쇼핑몰 2-1. 판매 주체와 구매 주체에 따른 쇼핑몰의 분류(B2B / B2C / B2G / C2G / C2C / G2G) 2-2. 소비자의 구매 형태에 따른 쇼핑몰의 분류(순수구매 / 공동구매 / 일반경매 / 역경매) 2-3. 운영 방식에 따른 쇼핑몰의 분류(일반 쇼핑몰 / 몰앤몰) 2-4. 상품에 따른 쇼핑몰의 분류(종합 쇼핑몰 / 전문 쇼핑몰 / 컨텐츠 쇼핑몰) Chapter 3. 쇼핑몰 레이아웃 특별한 쇼핑몰 디자인? 1. 주 내비게이션의 결정 1-1. 카테고리형 내비게이션 1-2. 검색형 내비게이션 1-3. 진열형 내비게이션 2. 상품의 배치 2-1. 상품 나열형 배치 2-2. 대표 상품형 배치 2-3. 기획전 중심형 배치 Chapter 4. 쇼핑몰 아이템 개념과 디자인 1. 상세 페이지 1-1. 상품 이미지 1-2. 상품 구매 정보 1-3. 배송 및 결제 정보 1-4. 상품 상세 정보 1-5. 고객 선호도 (고객 평가) 1-6. 상품 리뷰 1-7. 관련 상품 및 유사 상품 2. 상품 이미지 2-1. 상품 이미지 처리 원칙 3. 구매 프로세스 3-1. 장바구니 담기 3-2. 즉시 구매하기 4. 주문 관리 Chapter 5. 국내외 유명 쇼핑몰 디자인 엿보기 레퍼런스로서의 국내외 홈페이지 1. 국내 유명 쇼핑몰 1. 인터파크 (http://www.interpark.com/) 2. 옥션 (http://www.auction.co.kr/) 3. 와와 (http://www.waawaa.com/) 4. LGeshop (http://www.lgeshop.co.kr/) 5. SK디투디 (http://www.skdtod.com/) 6. 삼성몰 (http://www.samsungmall.co.kr/) 7. 한솔CS클럽 (http://www.csclub.co.kr/) 8. 롯데닷컴 (http://www.lotte.com/) 9. 두루넷 쇼핑 (http://www.thrunetshopping.com/) 10. 바이챌 (http://www.buychal.com/) 11. 예스24 (http://www.yes24.com/) 12. 와우북 (http://www.wowbook.com/) 13. 프라이스퀴즈 (http://www.pricequiz.com/) 14. WIZWID (http://www.wizwid.com/) 2. 해외 유명 쇼핑몰 1. Amazon (http://www.amazon.com/) 2. eBay (http://www.ebay.com/) 3. Barnes&Noble (http://www.barnesandnoble.com/) 4. Gloss.com (http://www.gloss.com/) 5. The Sports Authority (http://www.thesportsauthority.com/) 6. bluelight.com (http://www.bluelight.com/) 7. Eddie Bauer (http://www.eddiebauer.com/) 8. Dell (http://www.dell.com/) 9. eToys.com (http://www.etoys.com/) 10. proflowers.com (http://www.proflowers.com/) 11. Godiva (http://www.godiva.com/) 12. Starbucks (http://www.starbucks.com/) 13. CDNow (http://www.cdnow.com/) 14. The Apple Store (http://store.apple.com/) |
|
Chapter 1. 웹 디자인 기초
1. 홈페이지 구축을 위한 사전 지식 - 상식에서 벗어나지 않는 사이트를 디자인하자. 1-1. 홈페이지의 구성(HTML / 텍스트 / 그래픽 / 멀티미디어 / 프로그램) 1-2. 웹 그래픽 포맷(GIF / JPEG / PNG) 1-3. HTML 코딩(기본적인 HTML 규칙 / 알아두어야 할 HTML 태그 3가지 / HTML 작성 프로그램의 사용) 2. 웹 아이덴티티(Web Identity) - 일관성은 곧 홈페이지의 힘! 2-1. 웹 아이덴티티 개요(인식 측면 / 정보 측면 / 적용 측면 / 방어 측면의 웹 아이덴티티) 2-2. 웹 아이덴티티의 구축 (비전과 CI & BI / 로고와 색상의 사용 / 테마의 사용 / 그래픽의 적극적 이용) 2-3. 웹 아이덴티티 가이드의 구축 (CI & BI 가이드 / 인포메이션 아키텍쳐 가이드 / 디자인 스타일 가이드 / 테크니컬 레퍼런스 / 서포트 아카이브) 3. 홈페이지 레이아웃 - 레이아웃이 나오면 모든 디자인이 끝났다? 3-1. 홈페이지 레이아웃은?(레이아웃의 활용 예 / 복합 레이아웃을 사용한 예) 3-2. 기본 레이아웃 1(Header / Navigation / Contents / Footer / 3-3. 기본 레이아웃 2(Logo / Header / Footer / Global Navigation / Local Navigation /Contents) 3-4. 기본 레이아웃 3(Header / Contents / Footer / Navigation Or Additional Contents) 4. 홈페이지 내비게이션 - 내비게이션을 생각한 홈페이지는 달라도 다르다? 4-1. 내비게이션이란 무엇인가? 4-2. 내비게이션 디자인을 위한 기초 작업 4-3. 내비게이션의 종류 (중심 / 글로벌 / 로컬 / 중점 / 순서 / 관계 / 컨텐츠 / 위치 추적 / 언어 내비게이션) 5. 홈페이지 아이템 - 웹 디자이너는 만능 엔터테이너? 5-1. 아이콘 5-2. 그래픽 5-3. 플래시 Chapter 2. 쇼핑몰의 개념 전자상거래와 디자이너? 1. 전자상거래 1-1. 전자상거래의 일반적 정의 1-2. 전자상거래란 어떤 것인가? 1-3. 왜 전자상거래가 사업 방식을 바꾸는가? 2. 인터넷 쇼핑몰 2-1. 판매 주체와 구매 주체에 따른 쇼핑몰의 분류(B2B / B2C / B2G / C2G / C2C / G2G) 2-2. 소비자의 구매 형태에 따른 쇼핑몰의 분류(순수구매 / 공동구매 / 일반경매 / 역경매) 2-3. 운영 방식에 따른 쇼핑몰의 분류(일반 쇼핑몰 / 몰앤몰) 2-4. 상품에 따른 쇼핑몰의 분류(종합 쇼핑몰 / 전문 쇼핑몰 / 컨텐츠 쇼핑몰) Chapter 3. 쇼핑몰 레이아웃 특별한 쇼핑몰 디자인? 1. 주 내비게이션의 결정 1-1. 카테고리형 내비게이션 1-2. 검색형 내비게이션 1-3. 진열형 내비게이션 2. 상품의 배치 2-1. 상품 나열형 배치 2-2. 대표 상품형 배치 2-3. 기획전 중심형 배치 Chapter 4. 쇼핑몰 아이템 개념과 디자인 1. 상세 페이지 1-1. 상품 이미지 1-2. 상품 구매 정보 1-3. 배송 및 결제 정보 1-4. 상품 상세 정보 1-5. 고객 선호도 (고객 평가) 1-6. 상품 리뷰 1-7. 관련 상품 및 유사 상품 2. 상품 이미지 2-1. 상품 이미지 처리 원칙 3. 구매 프로세스 3-1. 장바구니 담기 3-2. 즉시 구매하기 4. 주문 관리 Chapter 5. 국내외 유명 쇼핑몰 디자인 엿보기 레퍼런스로서의 국내외 홈페이지 1. 국내 유명 쇼핑몰 1. 인터파크 (http://www.interpark.com/) 2. 옥션 (http://www.auction.co.kr/) 3. 와와 (http://www.waawaa.com/) 4. LGeshop (http://www.lgeshop.co.kr/) 5. SK디투디 (http://www.skdtod.com/) 6. 삼성몰 (http://www.samsungmall.co.kr/) 7. 한솔CS클럽 (http://www.csclub.co.kr/) 8. 롯데닷컴 (http://www.lotte.com/) 9. 두루넷 쇼핑 (http://www.thrunetshopping.com/) 10. 바이챌 (http://www.buychal.com/) 11. 예스24 (http://www.yes24.com/) 12. 와우북 (http://www.wowbook.com/) 13. 프라이스퀴즈 (http://www.pricequiz.com/) 14. WIZWID (http://www.wizwid.com/) 2. 해외 유명 쇼핑몰 1. Amazon (http://www.amazon.com/) 2. eBay (http://www.ebay.com/) 3. Barnes&Noble (http://www.barnesandnoble.com/) 4. Gloss.com (http://www.gloss.com/) 5. The Sports Authority (http://www.thesportsauthority.com/) 6. bluelight.com (http://www.bluelight.com/) 7. Eddie Bauer (http://www.eddiebauer.com/) 8. Dell (http://www.dell.com/) 9. eToys.com (http://www.etoys.com/) 10. proflowers.com (http://www.proflowers.com/) 11. Godiva (http://www.godiva.com/) 12. Starbucks (http://www.starbucks.com/) 13. CDNow (http://www.cdnow.com/) 14. The Apple Store (http://store.apple.com/) |
|
CI가 기업 전체의 이미지를 통일하는 것이라면 BI는 기업 내의 상품이나 서비스 등의 이미지를 창출하는 것이다. 즉, 의미나 음성, 시각적 요소들을 통일하여 해당 제품이나 서비스의 차별화를 목적으로 하며 경영전략의 중요한 요소로 인정받고 있다.
BI는 기업에서 새로운 상품이나 서비스를 개발하는 시기에 도입하는 것이 일반적이지만, 기존의 상품이나 서비스가 성공적이지 못했을 경우 그리고 기존의 것보다 진보된 경우에 새로 도입할 수 있다. 특히 기업 자체라는 브랜드가 그 기업의 무형 재산일 수도 있지만(ex.코카콜라, Sony 등), 이 보다는 그 기업 내의 다양한 브랜드가 더욱 강력한 무형 재산권으로 인식되기도 한다는(ex. 마쓰시다의 파나소닉이나 내쇼널 브랜드, 디즈니의 미키마우스나 도널드덕 등) 점에서 BI의 중요성은 더욱 부각된다. 인터넷과 CI/BI의 관계는 약간 복합적이다. 즉, 인터넷 비즈니스만으로 사업을 진행하는 경우에는 CI 자체가 홈페이지의 여러 요소들에 영향을 줄 수 있는 반면, 그 하부에서 진행하는 여러 사업들은 개별 BI 요소를 가미하여 진행된다. 이에 비해 오프라인 기업에서 진행하는 온라인 비즈니스의 경우에는 당연히 홈페이지 자체가 하나의 상품, 혹은 서비스로 인식디어 BI 작업이 되는 것이다. --- p.43 |
|
국내에는 이미 1,800여 개에 이르는 쇼핑몰이 존재하고 있다. 이러한 쇼핑몰들은 쇼핑몰 자체에 대한 컨셉과 유저 인터페이스 디자인을 숙지한 후, 경험이 풍부한 디렉터 디자이너에 의해 디자인되어야 한다. 실제로 대부분의 성공적인 쇼핑몰에서는 프로그래머와 기획자, 디자이너에 의해 쇼핑몰의 전체 그림이 그려지게 된다. 이에 비해 영세한 쇼핑몰에서는 비전문적인 디자이너 1명에 의해 쇼핑몰 전체의 기획과 디자인 등이 일괄적으로 진행되는 일들이 비일비재하다.
적어도 국내에서는 앞으로 수년 간 수백 개이 쇼핑몰들이 끊임없이 생겨나고 리뉴얼될 것으로 전망된다. 이 책은 이러한 쇼핑몰들을 디자이너들이 감각에만 의존하지 않고 보다 전문적인 입장에서 여러 가지 요소들을 고려하여 디자인할 수 있도록 도움을 주고자 한다. |