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

괜찮다고 말하지만 괜찮지 않은 너와 나, 우리가 안고 사는 우울. 그리고 그 감정이 가져온 마음의 병 우울증. 화제의 채널



웹 디자인을 위한 실전 테크닉 위주의 실전 활용서!!



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



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



이 책의 특징



① 웹 디자이너의 현장 밀착형 실전 테크닉을 배운다

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



② 프로토타입부터 반응형 웹사이트까지 실습으로 배운다

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



③ 디자인 작업 환경을 개선하고 차세대 웹 디자인을 위한 기본 소양을 다진다

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



ⓞ 이 책을 먼저 본 사람들의 반응

-. 실무자도 몰랐던 진짜 실무 노하우를 엿볼 수 있는 책입니다. 다른 사람에게 쉽게 공개하기 힘든 알토란 같은 노하우를 공유받는 기분이었습니다. (어비팩토리 대표 송태민 님)

-. 컴퓨터 사양과 포토샵 버전의 궁합을 속속들이 알고 나니 속이 시원한 것 같습니다. (김수빈 님)

-. 타이포그래피의 CSS 구현 설명은 작업의 효율성을 올려 다른 팀과의 협업에 큰 도움이 될 것 같습니다. (도나영 님)

-. 습관처럼 굳어 불편한 작업 방식을 고칠 수 있는 좋은 계기가 될 것 같습니다. (최대일 님)

-. 웹 접근성에 맞는 컬러들의 다양한 비교 분석과 새로운 정보들로 더 나은 디자인 환경을 제시해줘서 좋았습니다. (문효진 님)

-. 실무에서 절대적으로 필요한 작업 방법들을 자세하게 설명하고 있습니다. (이제명 님)

-. 웹 사이트 제작과 관련된 전체 프로세스를 유추해 볼 수 있는 좋은 실습이 될 듯합니다. (황희진 님)

-. HTML과 CSS 스타일링까지 고려해서 효율성을 높였다는 점이 인상적입니다. (이현숙 님)

-. 중단점이라는 디버깅 용어로 기준을 잡아 뷰포트 크기를 고민할 수 있어 시간을 절약할 수 있었습니다. (박재성 님)

-. UI 개발자에서 그래픽 디자이너까지 함께 보면 좋을 것 같습니다. (김보형 님)



ⓞ 어떤 독자를 위한 책인가?

-. 처음부터 제대로 된 웹사이트 디자인 방법을 배우고 싶은 웹 디자이너

-. 웹사이트 디자인에 필요한 모던 테크닉을 배우려는 웹 디자이너

-. 웹사이트 디자인 과정이 궁금한 웹 기획자나 퍼블리셔