모바일을 위한 웹디자인

프롤로그 - 제레미 키스 Jeremy Keith
편집자 프롤로그
Part1 반응형 웹디자인
Chapter 1 반응형 디자인 전략 - 트렌트 월튼 Trent Walton
Chapter 2 반응형 디자인 패턴 - 브래드 프로스트 Brad Frost
Chapter 3 모바일을 위한 최적화 - 데이브 올슨 Dave Olson
Part2 모바일을 위한 사용자 경험 디자인
Chapter 4 모바일을 위한 실전 디자인 - 데니스 칼디스 Dennis Kardys
Chapter 5 터치를 위한 디자인 - 조시 클락 Josh Clark
찾아보기

Chapter 1. ‘ 반응형 디자인 전략’ 中에서
우리는 다양한 브라우저 지원, 폰트 렌더링, 모니터 크기, 화면 색상 설정, 연결 속도에 맞추기 위해 노력하면서 이것을 경험한다. 무엇보다 사용자들은 손바닥만한 크기의 화면부터 TV만한 화 면까지 다양한 크기의 화면에서 웹사이트를 방문한다. 웹디자인은 데스크톱에 최적화된 레이아 웃 그 이상이라는 것을 인정해야 한다. 나는 우리가 포토샵에서 소유했던 통제력을 새로운 유형 의 통제력인 유연한 그리드, 유연한 이미지, 미디어 쿼리로 바꾸어야 한다는 것을 깨달았다. 또 한 새로운 통제력으로 하나의 웹페이지가 아닌 어떤 화면 크기에서도 메시지를 가장 잘 전달할 수 있는 형태로 재배열되는 콘텐츠 네트워크network of content를 구축해야 한다.

Chapter 2 . ‘반응형 디자인 패턴’ 中에서
우리는 디자인을 좀 더 모듈화해 바라보아야 한다. 웹 인터페이스를 본격적으로 하나하나 분 석해보고 최근 떠오르는 반응형 패턴을 살펴보자. 이번 장에서 우리는 레이아웃, 내비게이션, 상호작용 컴포넌트를 다루는 일반적인 방법들을 살펴보고자 한다. 이 반응형 패턴을 검토하 면 업계에서 어떤 방법을 쓰고 있는지 확인할 수 있다. 또한 이것을 발전과 혁신을 위한 디딤 돌로 삼을 수 있다. (중략) 각자 프로젝트를 위한 멋진 시작점으로 생각하길 바란다. 기존 패 턴을 개선할 뿐만 아니라 어쩌면 새로운 기술까지 만들어낼 기회가 온 것이다. 자, 흥미진진 한 시간이 되길 바란다!

Chapter 3 . ‘모바일을 위한 최적화’ 中에서
모바일에서 웹 페이지 성능을 향상시키는 것은 로켓 과학처럼 매우 어려운 작업이 아니다. 코드 축 소와 파일 압축처럼 과거에 이미 검증된 최적화 기술은 그 어느 때보다 중요하다. 이미지 최적화가 다시 떠오르고 다행히 이것을 해결하기 위한 훌륭한 도구들이 있다. (중략) 반응형 웹디자인과 같 은 기술을 채택하는 개발자들이 입증한 것처럼 모바일 우선주의에 따른 디자인이 대유행이지만, 우리는 모바일 성능을 최우선으로 최적화하는 것에 대해서도 생각할 필요가 있다. 성능 최적화를 하지 않은 채 디자인해선 안 된다.