모던 웹사이트 디자인
2015년 01월 30일 출간
국내도서 : 2014년 03월 17일 출간
- eBook 상품 정보
- 파일 정보 pdf (18.66MB)
- ISBN 9788968485046
- 지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
-
교보eBook App
듣기(TTS) 불가능
TTS 란?텍스트를 음성으로 읽어주는 기술입니다.
- 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를 읽을 수 있습니다.
- 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.
PDF 필기가능 (Android, iOS)
쿠폰적용가 14,490원
10% 할인 | 5%P 적립이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.
카드&결제 혜택
- 5만원 이상 구매 시 추가 2,000P
- 3만원 이상 구매 시, 등급별 2~4% 추가 최대 416P
- 리뷰 작성 시, e교환권 추가 최대 200원
작품소개
이 상품이 속한 분야
포토샵 성능을 향상시키는 컴퓨터 하드웨어 설정
-. 포토샵의 성능을 좌우하는 강력한 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)
- - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
- - 리워드는 1,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다. (5,000원 이상 상품으로 변경 예정, 2024년 9월 30일부터 적용)
- - 리워드는 한 상품에 최초 1회만 제공됩니다.
- - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
- 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
- 도서와 무관한 내용의 리뷰
- 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
- 의성어나 의태어 등 내용의 의미가 없는 리뷰
구매 후 리뷰 작성 시, e교환권 100원 적립
문장수집
- 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
- e교환권은 적립일로부터 180일 동안 사용 가능합니다.
- 리워드는 1,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다. (5,000원 이상 eBook으로 변경 예정, 2024년 9월 30일부터 적용)
- 리워드는 한 상품에 최초 1회만 제공됩니다.
- sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.
구매 후 문장수집 작성 시, e교환권 100원 적립
신규가입 혜택 지급이 완료 되었습니다.
바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!
- 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
- 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
- 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
가장 와 닿는 하나의 키워드를 선택해주세요.
총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.
신고 사유를 선택해주세요.
신고 내용은 이용약관 및 정책에 의해 처리됩니다.
허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
있으니 유의하시어 신중하게 신고해주세요.
이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.
구매 후 90일 이내 작성 시, e교환권 100원 적립
eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.
차감하실 sam이용권을 선택하세요.
차감하실 sam이용권을 선택하세요.
선물하실 sam이용권을 선택하세요.
-
보유 권수 / 선물할 권수0권 / 1권
-
받는사람 이름받는사람 휴대전화
- 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
- 열람권은 1인당 1권씩 선물 가능합니다.
- 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
- 선물한 열람권의 등록유효기간은 14일 입니다.
(상대방이 기한내에 등록하지 않을 경우 소멸됩니다.) - 무제한 이용권일 경우 열람권 선물이 불가합니다.
첫 구매 시 교보e캐시 지급해 드립니다.
- 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
- 한 ID당 최초 1회 지급 / sam 이용권 제외
- 구글바이액션을 통해 교보eBook 구매 이력이 없는 회원 대상
- 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)