본문 바로가기

추천 검색어

실시간 인기 검색어

모던 웹사이트 디자인

한빛미디어

2015년 01월 30일 출간

종이책 : 2014년 03월 17일 출간

(개의 리뷰)
( 0% 의 구매자)
eBook 상품 정보
파일 정보 pdf (18.66MB)
ISBN 9788968485046
지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
교보eBook App 듣기(TTS) 불가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를​ 읽을 수 있습니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.

PDF 필기가능 (Android, iOS)
소득공제
소장
정가 : 16,100원

쿠폰적용가 14,490

10% 할인 | 5%P 적립

이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.

카드&결제 혜택

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 416P
  • 리뷰 작성 시, e교환권 추가 최대 300원

작품소개

이 상품이 속한 분야

현장 밀착형 웹 디자인 실전 테크닉!
『만들면서 배우는 모던 웹사이트 디자인』은 웹 디자이너들이 현장에서 부딪치는 문제에 대해 저자의 경험을 바탕으로 디자인 테크닉과 노하우를 중심으로 구성한 책이다. 가상의 웹 사이트를 프로토타입부터 실제 디자인을 거쳐 반응형 웹사이트로 변환하는 과정을 실습해 볼 수 있다. 이러한 내용을 통해 디자인 작업 환경을 개선하고 차세대 웹 디자인을 위한 소양을 다질 수 있도록 안내한다.
[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
-. 배경 그룹/레이어 감추고, 슬라이스 설정하기
-. 슬라이스 결과를 웹용 이미지로 저장하기
가이드라인을 활용한 이미지 자르기
-. 가이드라인에서 슬라이스 생성하기
다이싱 기법으로 이미지 자르기
복제 그룹/레이어, 트리밍 이미지 자르기
단축키 한 번으로 이미지가 잘리는 액션 등록
레티나 디스플레이를 고려한 이미지 자르기 액션 등록
-. 스마트 오브젝트를 적극 활용하여 크기가 큰 원본 파일 보존하기
-. 이미지 자르기 액션을 복제하여 레티나 디스플레이용 액션 만들

ⓞ 웹 디자인을 위한 실전 테크닉 위주의 실전 활용서!!
현업에서 활동하고 있는 많은 웹 디자이너들의 현실을 들여다보면 주먹구구식으로 웹사이트를 디자인하고 있는 경우가 많다. 그러다 보니 더 나은 방법, 더 효율적인 방법이 있음에도 오랜 시간을 낭비하면서 비효율적으로 디자인하고 있는 상황이다. 이 책은 웹 디자이너들이 현장에서 부딪치는 문제에 대해 오프라인 강의를 통해 검증받은 야무 저자가 자신의 경험을 바탕으로 한 디자인 테크닉과 노하우를 중심으로 구성함으로써 웹 디자이너들의 작업 환경을 개선하고, 업무의 효율성을 높이기 위해 쓰여졌다.

이 책은 웹사이트 디자인을 위한 단순한 이론적 지식이나, 단순하게 배워 대충 써먹을 수 있는 디자인 기술을 설명하고 있는 책이 아니다. 웹 디자이너가 기본적으로 갖추어야 할 소양은 물론, 현장에서 지향하는 지식과 기술을 바탕으로 플러스 알파가 되는 실전 테크닉을 배울 수 있다. 거기에 그치지 않고 가상의 웹사이트를 프로토타입부터, 실제 디자인을 거쳐 반응형 웹사이트로 변환하는 과정을 실습해 보면서 책에서 다룬 웹사이트 디자인 소양과 테크닉이 어떤 과정에서 어떻게 활용되는지 확인할 수 있다.

ⓞ 이 책의 특징
① 웹 디자이너의 현장 밀착형 실전 테크닉을 배운다
웹 타이포그래피, 웹 컬러 매니지먼트, 이미지 슬라이싱, 웹 그리드 시스템은 웹사이트 디자인을 위해 반드시 알아야 할 필수 소양이다. 웹사이트 디자인 시 활용 방안과 사용자에 따라 선택해서 활용할 수 있는 다양한 테크닉을 전수한다.

② 프로토타입부터 반응형 웹사이트까지 실습으로 배운다
무엇인가 새로운 것을 배울 때 가장 쉽고, 재미있게, 그리고 확실히 배울 수 있는 방법은 직접 손을 움직여 몸으로 체득하는 것이다. 세 개의 장에 걸쳐 moqups를 이용한 프로토타입부터 포토샵을 이용한 실제 디자인 작업, 마지막으로 다양한 뷰포트에 따른 반응형 웹사이트를 제작해 본다.

③ 디자인 작업 환경을 개선하고 차세대 웹 디자인을 위한 기본 소양을 다진다
웹 디자인 작업의 대부분은 포토샵에서 이루어진다. 그럼에도 많은 웹 디자이너들이 포토샵 성능 향상에는 무덤덤하다. 포토샵의 성능을 최대로 끌어내면 작업 시간을 단축할 수 있음에도 말이다. 이 책에서는 웹 디자이너가 컴퓨터와 포토샵의 궁합을 최적으로 끌어내어 작업 속도를 단축할 수 있는 작업 환경 개선 방법은 물론 차세대 웹 디자인을 위한 벡터 그래픽에 대해서도 알려 준다. 이로써 새로운 영역을 바라보는 안목을 기를 수 있다.

ⓞ 이 책을 먼저 본 사람들의 반응
-. 실무자도 몰랐던 진짜 실무 노하우를 엿볼 수 있는 책입니다. 다른 사람에게 쉽게 공개하기 힘든 알토란 같은 노하우를 공유받는 기분이었습니다. (어비팩토리 대표 송태민 님)
-. 컴퓨터 사양과 포토샵 버전의 궁합을 속속들이 알고 나니 속이 시원한 것 같습니다. (김수빈 님)
-. 타이포그래피의 CSS 구현 설명은 작업의 효율성을 올려 다른 팀과의 협업에 큰 도움이 될 것 같습니다. (도나영 님)
-. 습관처럼 굳어 불편한 작업 방식을 고칠 수 있는 좋은 계기가 될 것 같습니다. (최대일 님)
-. 웹 접근성에 맞는 컬러들의 다양한 비교 분석과 새로운 정보들로 더 나은 디자인 환경을 제시해줘서 좋았습니다. (문효진 님)
-. 실무에서 절대적으로 필요한 작업 방법들을 자세하게 설명하고 있습니다. (이제명 님)
-. 웹 사이트 제작과 관련된 전체 프로세스를 유추해 볼 수 있는 좋은 실습이 될 듯합니다. (황희진 님)
-. HTML과 CSS 스타일링까지 고려해서 효율성을 높였다는 점이 인상적입니다. (이현숙 님)
-. 중단점이라는 디버깅 용어로 기준을 잡아 뷰포트 크기를 고민할 수 있어 시간을 절약할 수 있었습니다. (박재성 님)
-. UI 개발자에서 그래픽 디자이너까지 함께 보면 좋을 것 같습니다. (김보형 님)

어떤 독자를 위한 책인가?
-. 처음부터 제대로 된 웹사이트 디자인 방법을 배우고 싶은 웹 디자이너
-. 웹사이트 디자인에 필요한 모던 테크닉을 배우려는 웹 디자이너
-. 웹사이트 디자인 과정이 궁금한 웹 기획자나 퍼블리셔

작가정보

저자(글) 야무(지훈)

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

이 상품의 총서

Klover리뷰 (0)

Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
  • - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • - 리워드는 1,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다.
  • - 리워드는 한 상품에 최초 1회만 제공됩니다.
  • - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

구매 후 리뷰 작성 시, e교환권 100원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
  • 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
  • e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • 리워드는 1,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다.
  • 리워드는 한 상품에 최초 1회만 제공됩니다.
  • sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.

구매 후 문장수집 작성 시, e교환권 100원 적립

    교보eBook 첫 방문을 환영 합니다!

    신규가입 혜택 지급이 완료 되었습니다.

    바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
    지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!

    교보e캐시 1,000원
    TOP
    신간 알림 안내
    모던 웹사이트 디자인 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    모던 웹사이트 디자인 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

    가장 와 닿는 하나의 키워드를 선택해주세요.

    사진 첨부(선택) 0 / 5

    총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.

    신고/차단

    신고 사유를 선택해주세요.
    신고 내용은 이용약관 및 정책에 의해 처리됩니다.

    허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
    있으니 유의하시어 신중하게 신고해주세요.


    이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.

    문장수집 작성

    구매 후 90일 이내 작성 시, e교환권 100원 적립

    eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.

    P.
    모던 웹사이트 디자인
    저자 모두보기
    저자(글)
    낭독자 모두보기
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 프리미엄 이용권입니다.
    선물하실 sam이용권을 선택하세요.
    결제완료
    e캐시 원 결제 계속 하시겠습니까?
    교보 e캐시 간편 결제
    sam 열람권 선물하기
    • 보유 권수 / 선물할 권수
      0권 / 1
    • 받는사람 이름
      받는사람 휴대전화
    • 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
    • 열람권은 1인당 1권씩 선물 가능합니다.
    • 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
    • 선물한 열람권의 등록유효기간은 14일 입니다.
      (상대방이 기한내에 등록하지 않을 경우 소멸됩니다.)
    • 무제한 이용권일 경우 열람권 선물이 불가합니다.
    이 상품의 총서 전체보기
    네이버 책을 통해서 교보eBook 첫 구매 시
    교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 네이버 책을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)
    구글북액션을 통해서 교보eBook
    첫 구매 시 교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 구글북액션을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)