청구할인 안내(인터파크 제휴카드) | 안내
삼성카드 5% (3만원 이상 결제/최대 1만원 할인)
북피니언 롯데카드 30% (최대할인 3만원 / 3만원 이상 결제)
하나SK 북&카드 30% (최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (최대할인 3만원 / 3만원 이상 결제)
Close

2013년 9월 9일 이후 누적수치입니다.

반응형 웹디자인

원제 : Responsive Web Design
판매지수 87
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
정가

18,000원

  • 16,200 (10%할인)

    900P (5%적립)

  • (1건)

    16,200원 ~(10%할인)

    [특급]

  • 중고판매

    이 책을 인터파크에
    판매하세요

배송정보
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서(10)

  • 사은품(2)

출판사 서평

[POD] 급변하는 모바일 시대를 위한 웹의 새로운 접근 방식
이단 마콧이 제안하는 반응형 웹디자인


사용자는 모바일 브라우저뿐만 아니라 넷북, 태블릿에 이르기까지 다양한 기기와 브라우저를 통해 웹사이트를 방문한다. 그러나 다양한 기기와 해상도, 급변하는 웹의 환경을 따라가기에 기존의 접근 방식은 어려움이 따른다. 2011년 'An Event Apart' 컨퍼런스에서 이단 마콧이 소개한 반응형 웹디자인은, 웹의 새로운 접근 방식이자 대안으로 각광받고 있다.

이 책에서는 데스크톱을 뛰어넘는 상상력, 사용자의 필요를 예측하여 반응하고, 아름답게 디자인하는 방법을 익힐 수 있다. 이단 마콧이 가변 그리드, 가변 이미지, 미디어 쿼리 등 다양한 CSS 기술과 디자인 원리를 바탕으로 화면 크기에 상관없이 어떻게 사용자에게 고품격 경험을 제공할 수 있는지 보여줄 것이다.

이 책은 '반응형 웹디자인'에 관심 있고 도전하고픈 모든 분들에게 좋은 지침서가 될 것이다. 마크업 개발자, 디자이너, 프로젝트에 참여하는 사람이라면 반드시 읽어보기 바란다. 이단 마콧이 제안하는 실질적 협업 방식은 이전에 없던 새로운 방식으로 작업해야 하는 상황에서 난감해할 여러분에게 큰 도움이 될 것이다.

[반응형 웹디자인]은 웹표준 기술의 세계적인 선구자이자 글로벌 웹디자인계의 진정한 그루인 제프리 젤드먼이 설립한 어 북 어파트에서 출간한 책으로, 이 책에서 소개하는 '반응형 웹디자인'은 웹의 가변성을 활용한 기술들을 유감없이 보여줍니다.

빠르게 성장하는 모바일 시장과 웹디자인 영역에서 사용자의 편의성을 위해 시장에 진입하고 있는 각기 다른 기기와 그에 따른 해상도를 따라잡는 것은 점점 어려워지고 있습니다. 이 시점에서 하나의 가능성으로 떠오르고 있는 것이 바로 이 책에서 이야기하고 있는 '반응형 웹디자인'입니다.

이 책의 저자인 이단 마콧은 가변 그리드, 가변 이미지, 미디어 쿼리의 기술을 결합해 웹디자인에 대한 우리의 사고방식을 변화시켰으며, '모바일 우선주의'의 철학을 적용해 좀 더 책임감 있는 반응형 웹디자인을 제안하고 있습니다.

2011년 애틀란타에서 열린 'An Event Apart' 컨퍼런스에서 이단 마콧은 '반응형 웹디자이너의 작업 흐름(The Responsive Designer's Workflow)'이라는 강연을 통해 이 책의 5장에서 소개한 '보스톤 글로브' 사이트의 프로토타입을 공개했습니다. 브라우저의 크기에 따라 레이아웃이 유연하게 바뀌는 것을 보고 관객들의 반응은 무척 뜨거웠습니다.

또한 그는 방대한 콘텐츠를 다루는 이 사이트를 반응형 웹사이트로 리뉴얼하는 과정을 소개하고, 반응형 웹사이트를 작업할 때 바뀌어야 할 우리의 웹디자인 작업 과정에 대해 자세히 설명했습니다. 반응형 웹 프로젝트를 성공적으로 이끄는 방법은, 디자이너와 개발자 두 팀이 고도로 협력하여 디자인, 개발, 검토 과정을 반복하는 방식으로 바뀌어야 한다는 것이었습니다.

지금까지 웹사이트를 만드는 방식이 철저히 분업화된 선형적 워크플로우 방식이라면, 반응형 웹디자인의 작업 방식은 서로 협력하여 이루어지는 원형 방식이라고 할 수 있습니다. '디자이놉먼트(디자인design+개발development)'라는 새로운 단어를 통해 디자인과 개발 과정의 반복과 협업 방식의 중요성을 강조하고 있습니다. 그만큼 디자인과 개발을 따로 떼어 독립적으로 생각할 수 없다는 말입니다. 이 책을 통해 어떻게(how) 그리고 왜(why) 이러한 방법으로 웹사이트를 제작해야 하는지 분명한 이유를 알 수 있을 것입니다.

반응형 웹디자인은 이제 시작 단계입니다. 새로운 개발 툴과 좀 더 쉬운 접근법이 계속 소개되고 있습니다. 사이트에 접속하는 브라우저와 기기가 늘어날수록, 데스크톱 그 이상의 사이트 제작에 관심을 갖는 사용자가 많을수록 웹의 제작 방법과 웹디자인 과정, 웹디자인에 대한 질문과 적용 가능한 해결 방안 등이 수없이 검토되어야 합니다. 이 책을 통해 많은 웹디자인 관련 종사자가 멋진 '반응형 웹사이트'를 만들 수 있기를 기대해봅니다.

추천사

"사이트에 맞게 작동하는 기기와 플랫폼, 브라우저의 수가 날로 늘고 있다. 이러한 복잡하고 다양한 필요 속에서 이단의 솔직담백한 디자인 접근법은 사이트 제작의 근본적인 변화가 불가피함을 의미한다."
- 제프리 빈 / Typekit CEO 및 창립자

"때때로 웹디자인계에는 제프리 젤드먼의 [제프리 젤드만의 웹표준 가이드]나 도우 보우먼의 'Wired.com redesign'과 같이 시대를 풍미하는 새로운 바람이 불곤 한다. 이 책 역시 새로운 바람이다. 통찰력, 재치, 실용성을 모두 갖춘 [반응형 웹디자인]은 웹의 새로운 지평을 열 것이다."
- 마크 볼튼 / Five Simple Steps 창립자

디킨스, 헤밍웨이, 스타인벡 그리고 호머 도 이 새로운 고전을 쓴 마콧에 비할 수 없을 것이다. 마콧의 사인이 적힌 초판본을 사라. 그리고 한 권을 더 사도록 하라(저자가 사인한 책은 잘 보관해야 하니까 말이다)."
- 제러드 스풀 / User Interface Engineering CEO 및 창립자

목차

출간에 앞서
저자 인사말
번역 감수
서문

1장 반응형 웹
안전벨트 채우기
반응형 아키텍쳐
성공으로 가는 길

2장 가변 그리드
가변적인 타입세팅
가변 그리드 제작하기
가변 margin과 padding

3장 가변 이미지
마크업, 마크업으로 돌아가기
가변 이미지
결코 쉽지 않은 작업이기에
가변적으로 깔린 배경 이미지
overflow를 사랑하는 법 배우기
콘텐츠와 타협하기
아직 실체적 효과가 없는 가변 그리드와 가변 이미지

4장 미디어 쿼리
치료 시작하기
직면한 문제
반응형을 향해 떠밀려 가다
보다 반응적인 로봇
미디어 쿼리 실행하기
호환성에 관한 이야기
왜 가변적이어야 하는가?

5장 반응형으로 변형하기
컨텍스트의 문제
모바일 우선주의
반응형 워크플로우를 향하여
책임감 있는 반응형 디자인
점진적 향상 적용하기
전진하며 반응형 유지하기

감사의 말
사례집
참조
인덱스
A BOOK APART 소개
저자 소개

본문중에서

제가 느낀 흥미로운 사실은, 건축가는 건축이라는 매체가 주는 태생적인 제약을 극복하고자 애쓴다는 것입니다. 반면 웹디자이너는 새로운 기기와 새로운 변화를 맞이하면서 스스로 부여한 제약을 극복하도록 강요받고 있습니다. 우리는 태생적으로 가변적이던 웹을 제한했지만 이제 다시 풀어줄 때가 되었습니다.

특정 기기나 브라우저에 맞춰 서로 단절된 디자인 설계를 하기보다는 동일한 경험 측면에서 디자인을 다루어야 합니다. 다시 말해 가변적이면서도 기기에 적절하게 맞추어지는 사이트를 만들 수 있다는 것입니다.
즉, 반응형 웹디자인responsive web design을 사용해야 합니다. 디자이너로서 우리가 원하는 통제권을 포기하지 않으면서도 웹에 내재된 가변성을 살릴 수 있습니다. 단지 표준기술을 적용하고, 온라인 디자인에 대한 우리의 철학을 조금만 변경하는 것으로도 말이죠.
(/ '성공으로 가는 길' 중에서)

여전히 저에게는 루크의 '모바일 우선주의' 철학이 기능성과 관련된 문제를 만났을 때 도움이 됩니다. 모바일 사용자를 위해 만든 인터페이스를 비활성화시키면 과연 그 밖의 다른 고객에게 가치가 있을까요? 유도 질문처럼 들리겠지만 대답하기는 쉽지 않을 것입니다.

왜냐하면 무엇보다 웹디자인이란 올바른 질문을 할 수 있느냐의 문제이기 때문입니다. 바로 반응형 웹디자인이 그렇습니다. 반응형 웹디자인은 웹의 내재된 가변성에 맞추어 더욱 완벽한 사이트를 제작하는 해법입니다. 첫 장에서 반응형 디자인의 속성은 가변 그리드, 가변 이미지, 미디어 쿼리라고 했습니다. 그러나 실제로 이러한 것은 사용자가 직면하고 있는 문제, 즉 끊임없이 증가하는 다양한 기기와 브라우저 안에서 콘텐츠를 배열하는 프레임 워크에 대한 해결책을 명확히 표현하기 위한 어휘에 불과합니다.

우리가 사용자의 요구에 대해 기꺼이 조사하고, 이러한 속성을 신중하게 적용한다면 반응형 웹디자인은 실로 강력한 접근 방법이 될 것입니다.

여러분의 반응형 웹디자인 경험담이 어떨지 기대가 되는군요!
(/ '전진하며 반응형 유지하기' 중에서)

저자소개

이단 마콧(Ethan Marcotte) [저] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

이단 마콧은 다재 다능한 디자이너이자 개발자. 그의 작업을 통해 수준 높은 코드 작성과 뛰어난 디자인 간의 상호작용에 대한 그의 열정을 볼 수 있다. 이단은 A List Apart라는 웹사이트를 만드는 사람들을 위한 매거진의 작가이자 기술 편집자다. 인기 강사이자 An Event Apart, the SXSW Interactive Festival, Future of WebDesign, AIGA's In Control conference 등의 중요 연설가이기도 하다. 경험이 풍부한 작가로서, 디자이너들의 책장마다 꽂혀 있는 클래식 타이틀인 [Designing With Web Standard](New Riders, 2009)의 세 번째 출판을 이 책의 창시자인 Happ

펼쳐보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

마이크로소프트 코리아에서 프로덕트 매니저로 일했다.

웹액츄얼리팀 [역] 신작알림 SMS신청 작가DB보기
생년월일 -
출생지 -
출간도서 0종
판매수 0권

웹액츄얼리코리아(주)는 2008년 4월 설립한 워드프레스 전문 웹디자인 에이전시이자 인터넷PR미디어 회사다. 웹디자인 분야와 관련된 출판 업무도 하고 있다. 5년여 동안 워드프레스(WordPress) 연구·개발이라는 한길을 걸어왔으며, 이를 바탕으로 콘텐츠 제작에서부터 트위터, 페이스북과 연동한 SNS 홍보 마케팅 등 토털 웹서비스를 하고 있다.

[웹디자이너를 위한 CSS3]는 [웹디자이너를 위한 HTML5]에 이은 '아름다운 웹사이트 만들기' 시리즈의 2번째 책이다. '아름다운 웹사이트 만들기' 시리즈는 웹액츄얼리코리아가 어 북 어파트와의 파트너십으로 판권계약을

펼쳐보기
윤원진 [감수]
생년월일 -
출생지 -
출간도서 0종
판매수 0권

SK커뮤니케이션즈에서 UI 개발자로 근무 중이며, 10K Apart Contest 2011에서 기술부문 우수상(Best Technical Achievement) 수상하였다.

리뷰

6.0 (총 0건)

기대평

작성시 유의사항

평점
0/200자
등록하기

기대평

0.0

교환/환불

교환/환불 방법

‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

교환/환불 가능 기간

고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

교환/환불 비용

고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

교환/환불 불가사유

반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

소비자 피해보상

소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

기타

도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

배송안내

  • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

  • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

  • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

  • 배송비

도서(중고도서 포함) 구매

2,000원 (1만원이상 구매 시 무료배송)

음반/DVD/잡지/만화 구매

2,000원 (2만원이상 구매 시 무료배송)

도서와 음반/DVD/잡지/만화/
중고직배송상품을 함께 구매

2,000원 (1만원이상 구매 시 무료배송)

업체직접배송상품 구매

업체별 상이한 배송비 적용