반디앤루니스 인터넷서점
전체

로고이미지

검색

  • ▼
HOT ISSUE

네비게이션 실시간 인기 책

    만들면서 배우는 모던 웹사이트 디자인

    만들면서 배우는 모던 웹사이트 디자인 웹 디자인을 위한 모던 테크닉

    시리즈 : 만들면서 배우는 시리즈 [17]

    • 야무 저
    • 한빛미디어
    • 2014년 03월 17일
    • 정가
      23,000원
    • 판매가
      20,700원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,150원 적립 [5%P]

      NAVER Pay 결제 시 네이버페이 포인트 5% 적립 ?

    판매가 종료된 상품입니다.

    위시리스트
    회원리뷰
    - [0]
    ISBN: 9788968480904 392쪽 188 x 245 (㎜)

    지금 이책은

    이 분야의 베스트셀러

    이 책과 함께 구매한 책

    이 책이 속한 분야

    이 책의 시리즈

    전체 선택 쇼핑카트 담기
    시리즈 만들면서 배우는 시리즈 (17)

    책 소개

    상품문의 / 정보수정 요청 >

    출판사 리뷰

    출판사 서평
    ⓞ 웹 디자인을 위한 실전 테크닉 위주의 실전 활용서!!
    현업에서 활동하고 있는 많은 웹 디자이너들의 현실을 들여다보면 주먹구구식으로 웹사이트를 디자인하고 있는 경우가 많다. 그러다 보니 더 나?은 방법, 더 효율적인 방법이 있음에도 오랜 시간을 낭비하면서 비효율적으로 디자인하고 있는 상황이다. 이 책은 웹 디자이너들이 현장에서 부딪치는 문제에 대해 오프라인 강의를 통해 검증받은 야무 저자가 자신의 경험을 바탕으로 한 디자인 테크닉과 노하우를 중심으로 구성함으로써 웹 디자이너들의 작업 환경을 개선하고, 업무의 효율성을 높이기 위해 ...
    ⓞ 웹 디자인을 위한 실전 테크닉 위주의 실전 활용서!!
    현업에서 활동하고 있는 많은 웹 디자이너들의 현실을 들여다보면 주먹구구식으로 웹사이트를 디자인하고 있는 경우가 많다. 그러다 보니 더 나은 방법, 더 효율적인 방법이 있음에도 오랜 시간을 낭비하면서 비효율적으로 디자인하고 있는 상황이다. 이 책은 웹 디자이너들이 현장에서 부딪치는 문제에 대해 오프라인 강의를 통해 검증받은 야무 저자가 자신의 경험을 바탕으로 한 디자인 테크닉과 노하우를 중심으로 구성함으로써 웹 디자이너들의 작업 환경을 개선하고, 업무의 효율성을 높이기 위해 쓰여졌다.
    이 책은 웹사이트 디자인을 위한 단순한 이론적 지식이나, 단순하게 배워 대충 써먹을 수 있는 디자인 기술을 설명하고 있는 책이 아니다. 웹 디자이너가 기본적으로 갖추어야 할 소양은 물론, 현장에서 지향하는 지식과 기술을 바탕으로 플러스 알파가 되는 실전 테크닉을 배울 수 있다. 거기에 그치지 않고 가상의 웹사이트를 프로토타입부터, 실제 디자인을 거쳐 반응형 웹사이트로 변환하는 과정을 실습해 보면서 책에서 다룬 웹사이트 디자인 소양과 테크닉이 어떤 과정에서 어떻게 활용되는지 확인할 수 있다.
    ⓞ 이 책의 특징
    ① 웹 디자이너의 현장 밀착형 실전 테크닉을 배운다
    웹 타이포그래피, 웹 컬러 매니지먼트, 이미지 슬라이싱, 웹 그리드 시스템은 웹사이트 디자인을 위해 반드시 알아야 할 필수 소양이다. 웹사이트 디자인 시 활용 방안과 사용자에 따라 선택해서 활용할 수 있는 다양한 테크닉을 전수한다.
    ② 프로토타입부터 반응형 웹사이트까지 실습으로 배운다
    무엇인가 새로운 것을 배울 때 가장 쉽고, 재미있게, 그리고 확실히 배울 수 있는 방법은 직접 손을 움직여 몸으로 체득하는 것이다. 세 개의 장에 걸쳐 moqups를 이용한 프로토타입부터 포토샵을 이용한 실제 디자인 작업, 마지막으로 다양한 뷰포트에 따른 반응형 웹사이트를 제작해 본다.
    ③ 디자인 작업 환경을 개선하고 차세대 웹 디자인을 위한 기본 소양을 다진다
    웹 디자인 작업의 대부분은 포토샵에서 이루어진다. 그럼에도 많은 웹 디자이너들이 포토샵 성능 향상에는 무덤덤하다. 포토샵의 성능을 최대로 끌어내면 작업 시간을 단축할 수 있음에도 말이다. 이 책에서는 웹 디자이너가 컴퓨터와 포토샵의 궁합을 최적으로 끌어내어 작업 속도를 단축할 수 있는 작업 환경 개선 방법은 물론 차세대 웹 디자인을 위한 벡터 그래픽에 대해서도 알려 준다. 이로써 새로운 영역을 바라보는 안목을 기를 수 있다.
    ⓞ 이 책을 먼저 본 사람들의 반응
    -. 실무자도 몰랐던 진짜 실무 노하우를 엿볼 수 있는 책입니다. 다른 사람에게 쉽게 공개하기 힘든 알토란 같은 노하우를 공유받는 기분이었습니다. (어비팩토리 대표 송태민 님)
    -. 컴퓨터 사양과 포토샵 버전의 궁합을 속속들이 알고 나니 속이 시원한 것 같습니다. (김수빈 님)
    -. 타이포그래피의 CSS 구현 설명은 작업의 효율성을 올려 다른 팀과의 협업에 큰 도움이 될 것 같습니다. (도나영 님)
    -. 습관처럼 굳어 불편한 작업 방식을 고칠 수 있는 좋은 계기가 될 것 같습니다. (최대일 님)
    -. 웹 접근성에 맞는 컬러들의 다양한 비교 분석과 새로운 정보들로 더 나은 디자인 환경을 제시해줘서 좋았습니다. (문효진 님)
    -. 실무에서 절대적으로 필요한 작업 방법들을 자세하게 설명하고 있습니다. (이제명 님)
    -. 웹 사이트 제작과 관련된 전체 프로세스를 유추해 볼 수 있는 좋은 실습이 될 듯합니다. (황희진 님)
    -. HTML과 CSS 스타일링까지 고려해서 효율성을 높였다는 점이 인상적입니다. (이현숙 님)
    -. 중단점이라는 디버깅 용어로 기준을 잡아 뷰포트 크기를 고민할 수 있어 시간을 절약할 수 있었습니다. (박재성 님)
    -. UI 개발자에서 그래픽 디자이너까지 함께 보면 좋을 것 같습니다. (김보형 님)
    어떤 독자를 위한 책인가?
    -. 처음부터 제대로 된 웹사이트 디자인 방법을 배우고 싶은 웹 디자이너
    -. 웹사이트 디자인에 필요한 모던 테크닉을 배우려는 웹 디자이너
    -. 웹사이트 디자인 과정이 궁금한 웹 기획자나 퍼블리셔

    저자 소개

    야무(지훈)
    • 구분 : 저서
    • 국적 : 대한민국
    • 분류 : 과학/공학 저자
    • 인기지수 : 1,003
    최근저서

    월드 와이드 웹(World Wide Web)을 사랑하는 비주얼 디자이너로 웹 표준과 접근성, 웹 그래픽 디자인 강사로 활동하고 있습니다. 전공인 비주얼 디자인뿐만 아니라, 프론트-엔드 프로그래밍에도 관심이 많습니다. 웹 표준 플랫폼 테크닉을 활용한 UI 구현을 즐기며, 새롭고 멋진 일들에 쉽게 매료됩니다. 현재 모노디 아트센터(monod.co.kr), (사)한국인터넷전문가협회(kipfa.or.kr)에서 주로 강의를 진행합니다. 지은 책으로는 《만들면서 배우는 HTML5+CSS3+jQuery》(한빛미디어, 2012)가 있으며, 현재 이 책의 후속으로 《만들면서 배우는 모던 웹사이트 제작》(한빛미디어, 2014년 하반기 예정)을 집필 중입니다.
    •홈페이지_yamoo9.net
    •커뮤니티_cafe.naver.com/webstandardproject
    •메일_yamoo9@naver.com
    •SNS_facebook.com/yamoo9

    책 속에서

    목차

    목차
    [1장 웹 디자인을 위한 준비]
    포토샵 성능을 향상시키는 컴퓨터 하드웨어 설정
    -. 포토샵의 성능을 좌우하는 강력한 CPU 준비하기
    -. 이미지를 빠르게 처리하는 메모리 준비하기
    -. 부족한 부분을 채워 주는 고속/대용량 저장 드라이브 준비하기
    포토샵 성능을 더욱 높여 주는 환경 설정
    -. 포토샵 메모리 사용량 최적화하기
    -. 스크래치 디스크 설정하기
    -. 히스토리/캐시 최적화하기
    -. GPU 활성화하여 렌더링 속도 향상하기
    안전하게 파일을 저장/복구하는 포토샵 설정
    포토샵 성능을 최적화하는 알찬 팁(Tip)
    -. 사용하지 않는 프리셋 지우기
    -. Layers 패널의 이미지 썸네일 기능 끄기
    -. 이미지 프리뷰를 제외하고 저장하기
    -. 폰트 미리 보기 기능 끄기
    -. 퍼지로 메모리 쾌적하게 관리하기
    -. 포토샵에서 복사한 내용은 포토샵에서만 사용하기
    mission 01 : 포토샵 성능 최적화 복습하기
    효율적인 웹 디자인을 위한 포토샵 작업공간 설정
    -. 툴바 오른쪽으로 이동하기
    -. Color 패널의 컬러 모드를 RGB에서 HSB로 변경하기
    -. 웹 디자인에 필요한 패널 중심으로 작업공간 조정하기
    -. Info 패널 설정 값을 웹 디자인에 최적화하기
    -. 나만의 작업공간 저장하기
    -. 웹 디자인에 적합한 단위로 변경하기
    -. 사용자 편의에 따라 가이드 색상 및 그리드 설정하기
    효율적인 웹 디자인을 위한 일러스트레이터 작업공간 설정
    [2장 이미지가 아닌 웹 타이포그래피]
    웹 디자인의 기본은 웹 타이포그래피
    -. 보는 것만이 아닌 읽는 것
    -. 웹 디자인을 구성하는 95%는 타이포그래피
    읽기 쉬운 본문 타이포그래피 디자인
    -. 디자인용 스타일 가이드 문서 만들기
    -. 본문 텍스트 입력하고 정렬하기
    -. Anti?Aliasing 설정하기
    읽기 쉬운 하이퍼링크 타이포그래피 디자인
    읽기 쉬운 제목 타이포그래피 디자인
    mission 02 : 웹 타이포그래피 스타일 가이드 문서 만들기
    이미지 텍스트 작업에서 고려할 레티나 디스플레이
    [3장 웹 그리드 시스템]
    정교한 디자인의 필수 조건, 그리드 시스템
    짜임새 있게 웹 디자인을 쌓는 기초 공사, 그리드
    -. 가이드라인으로 그리드 그리기
    -. 그리드 시스템 용어 알고 넘어가기
    웹 사이트 디자인을 위한 그리드 시스템 설계
    -. 그리드 시스템 설계를 위한 사용자 정보 분석
    -. 960 그리드 시스템 설계하기
    -. 960 그리드 시스템을 활용한 웹 디자인 데모 작성하기
    단축키를 활용한 그리드 토글
    -. 액션을 활용하여 그리드 토글하기
    -. 포토샵 스크립트(JSX)를 활용하여 그리드 토글하기
    mission 03 : 한글 웹 그리드 시스템 디자인하기
    [4장 차이를 줄이는 웹 컬러 매니지먼트]
    보는 사람에 따라 천차만별로 바뀌는 색
    -. 색을 결정하는 주체는 빛
    -. 정확한 색 작업을 위한 주변 환경
    -. 모니터의 색 표현 능력을 담고 있는 컬러 프로파일
    웹 브라우저마다 컬러가 다르게 보이는 이유
    -. 같은 컬러지만 다르게 보이는 Windows와 Mac OS
    -. 색 표현 능력에 차이가 나는 웹 브라우저
    -. 색 표현 능력에 차이가 나는 모바일 기기(스마트폰 & 태블릿PC)
    웹 컬러 작업을 위한 포토샵 설정 및 컬러 스워치 활용
    -. 웹 디자인 작업을 위한 포토샵 컬러 설정하기
    -. 포토샵 컬러 프루핑
    -. 웹 이미지를 최적화하여 저장하기
    -. 컬러 스워치 초기화하고 컬러 샘플링하기
    mission 04 : 이미지 컬러 샘플링 액션 만들기
    [5장 업무 생산성을 높이는 이미지 슬라이싱]
    이미지 자르기의 기초, Slice Tool
    -. 배경 그룹/레이어 감추고, 슬라이스 설정하기
    -. 슬라이스 결과를 웹용 이미지로 저장하기
    가이드라인을 활용한 이미지 자르기
    -. 가이드라인에서 슬라이스 생성하기
    다이싱 기법으로 이미지 자르기
    복제 그룹/레이어, 트리밍 이미지 자르기
    단축키 한 번으로 이미지가 잘리는 액션 등록
    레티나 디스플레이를 고려한 이미지 자르기 액션 등록
    -. 스마트 오브젝트를 적극 활용하여 크기가 큰 원본 파일 보존하기
    -. 이미지 자르기 액션을 복제하여 레티나 디스플레이용 액션 만들기
    플러그인을 활용한 이미지 자르기
    -. Cut & Slice Me 플러그인 설치하기
    -. Cut & Slice Me 플러그인 활용하기
    포토샵 CC의 놀라운 Image Assets 기능
    -. [Generate > Image Assets] 활성화하기
    -. 자동 이미지 슬라이싱의 기본 규칙
    -. Image Assets의 다양한 옵션 활용하기
    [6장 큰 그림을 그려 보는 빠른 프로토타이핑]
    HTML5 기반의 웹 프로토타이핑 도구 - moqups
    -. moqups 서비스 가입 및 설정하기
    -. moqups 프로젝트 생성 및 관리하기
    랜딩 페이지 프로토타이핑 실습
    -. 콘텐츠 선정 및 구성하기
    -. 모던 웹, 맨투맨 클래스 C 강의 랜딩 페이지 - 프로토타이핑
    -. 헤더(Header) 영역 작업하기
    -. 비디오(Video) 영역 작업하기
    -. 헤드라인(Headline), 소개 문구, CTA 작업하기
    -. 강의에서 다루는 내용(Features) 영역 작업하기
    -. 강의 후기(Testimonials) 영역 작업하기
    -. 저작권 정보(Copyright) 영역 작업하기
    -. 프로토타이핑 결과물을 PDF/PNG로 출력하기
    멀티 페이지 프로토타이핑 실습 1 ? 홈페이지
    -. 프로젝트 생성하고 로고 불러오기
    -. 메뉴 작업하기
    -. 캘리그라피 프로젝트, 모집 강좌, 배너 영역 작업하기
    -. 공지사항, 수강생 작품 영역 작업하기
    -. 푸터 영역 작업 및 홈페이지 완료하기
    멀티 페이지 프로토타이핑 실습 2 ? About MonoD 페이지
    -. 기존 페이지 복사하기
    -. 활성 페이지 변경 및 타이틀 변경하기
    -. 브레드크럼(Breadcrumb) 내비게이션 그리기
    -. 슬로건(Slogan) 및 소개 영역 작업하기
    -. 사이드 바 영역 작업 및 마무리하기
    멀티 페이지 프로토타이핑 실습 3 ? 업무진행과정 페이지
    -. 페이지 복사 후 활성 페이지 변경하기
    -. 타이틀/브레드크럼 변경하기
    -. 프로세스 소개, 제작의뢰 바로 가기 버튼 작업하기
    -. 프로세스 테이블 작업 및 마무리하기
    멀티 페이지 프로토타이핑 실습 4 ? 제작의뢰 페이지
    -. 페이지 복사 후 활성 페이지 변경하기
    -. 타이틀/브레드크럼/버튼 내용 변경하기
    -. 의뢰 폼 영역 작업하기
    -. 의뢰 요청 버튼 작업 및 마무리하기
    프로토타이핑 페이지 인터랙션 설정
    [7장 NEXT STEP! 웹 그래픽 디자인]
    만들 웹 그래픽 디자인 미리 보기
    프로토타이핑을 기반으로 한 웹 그래픽 디자인
    -. 프로젝트 Preparing
    -. 헤더(Header) 영역 디자인하기
    -. 비디오(VIDEO) 영역 디자인하기
    -. CTA(Call To Action) 영역 디자인하기
    -. 기능(Features) 영역 디자인하기
    -. 추천(Testimonials) 영역 디자인하기
    -. 푸터(Footer) 영역 디자인하기
    -. 활성화 상태(Active State) 디자인하기
    [8장 BUILD UP! 반응형 웹 그래픽 디자인]
    다양한 모바일 기기를 고려한 중단점 설정
    -. 모바일 기기의 뷰포트 집계
    -. 중단점 설정하기
    반응형 웹 디자인 중단점 1 ? 1000px
    반응형 웹 디자인 중단점 2 ? 760px
    반응형 웹 디자인 중단점 3 ? 480px
    반응형 웹 디자인 중단점 4 ? 320px
    [9장 차세대 웹 벡터 그래픽 시대 개막]
    벡터 그래픽과 관련된 웹 디자인 역사
    -. 벡터 그래픽 포맷 표준화 전쟁
    -. HTML5 벡터 그래픽 표준 포맷 ? SVG
    -. SVG 벡터 그래픽 포맷의 웹 브라우저 지원율 체크하기
    -. 웹 사이트 디자인에 SVG 적용 사례와 미적용 사례
    -. SVG 사용에서 고려할 점
    SVG를 편집할 수 없는 포토샵, 편집할 수 있는 일러스트레이터
    포토샵 Vector Path를 SVG로 내보내는 방법
    -. 포토샵에서 작업하고 일러스트레이터에

    배송 시 유의사항

    - 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
     (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)

    - 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.

    - 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.

    - 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)

    - 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.

    반품/교환

    상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판
    반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능
    반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)
    반품/교환 불가 사유
    • 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
    • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    • 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
    • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    • 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    • 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
    소비자 피해보상
    환불지연에 따른 배상
    • 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
      소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨
    • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
      소비자 보호에 관한 법률에 따라 처리함
    반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
    • 회사명 : (주)서울문고
    • 대표이사 : 김홍구
    • 개인정보 보호책임자 : 김홍구
    • E-mail : bandi_cs@bnl.co.kr
    • 소재지 : (06168) 서울 강남구 삼성로 96길 6
    • 사업자 등록번호 : 120-81-02543
    • 통신판매업 신고번호 : 제2023-서울강남-03728호
    • 물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved