Andy Clarke의 새로운 스매싱 북 "Art Direction for Web"을 만나보십시오.

웹상의 페이지는 인쇄된 페이지와 다릅니다. 우리 중 많은 사람들이 고정 너비 레이아웃을 포기하고 웹의 고유한 유연성과 응답성을 받아들였을 때 어려운 방법을 배웠습니다. 발췌 부분을 읽으십시오.

CSS Grid, Flexbox 및 Shapes와 같은 최신 웹 기술을 통해 인쇄물의 독특한 디자인을 구현할 수 있었고 웹은 이제 사용 방법에 대한 자습서로 가득 차 있습니다. 그러나 가장 중요한 질문은 아트 디렉션 기술을 사용하여 웹 디자인을 개선할 수 있는 "방법"이 아니라 "언제"와 "왜"입니다.

이것이 Andy Clark이 그의 새 책 Art Direction for Web을 쓴 이유입니다. 아트 디렉션이 중요한 이유와 디바이스와 플랫폼 전반에 걸쳐 매력적이고 효과적인 경험을 아트 디렉팅하는 방법에 대한 책입니다.

Andy는 Alexey Brodovitch, Bea Feitler 및 Neville Brody와 같은 가장 영향력 있는 예술 감독의 작품을 탐구합니다. 그는 우리에게 이전 시대와 매체의 작업을 모방하는 것이 아니라 그들의 생각을 이해하고 그 지식을 웹의 아트 디렉션에 적용하는 방법을 배우도록 권장합니다.

앤디는 이렇게 쓴다.

“제가 가르치는 원리를 배우고 적용하기 위해 미술 학교에 다닐 필요는 없습니다. 아트 디렉션 자체와 마찬가지로 배경과 현재 전문 분야에 관계없이 모든 사람이 제품이나 웹 사이트 디자인의 효율성을 향상시키기 위해 매일 사용할 수 있는 것입니다.”

Andy의 목표는 웹에서 아트 디렉션의 중요성에 대해 사람들에게 가르치고 디자인을 사용하여 사람들이 스토리를 전달하는 데 아트 디렉션이 어떻게 도움이 되는지 설명하는 것입니다. 그렇게 하면 제품과 웹사이트가 청중과 연결되고 그들의 참여를 유지할 수 있습니다. 아트 디렉션의 방법론을 철저히 조사한 후 Andy는 현대 CSS를 사용하여 웹을 수용하여 이를 달성하는 방법을 가르칩니다.

웹용 아트 디렉션은 귀하의 사이트가 의사 소통, 설득 및 판매에 있어 보다 효과적으로 만드는 데 도움이 될 것입니다. 만약 당신이 제품을 개발한다면 이 책은 그것들을 더욱 매력적으로 만들고 사용하기 좋게 만들 것입니다. 발췌 부분 읽기 →

목차

파트 1: 아트 디렉션 설명

• 아트 디렉션의 의미
  아트 디렉션이 개발자에게 의미하는 바가 무엇인지 물어보면 다음과 같이 대답할 수 있습니다. 반응형 이미지에 HTML의 <picture> 요소 또는 sizes 속성 사용; 다양한 화면 크기에서 대안적인 자르기, 방향 또는 크기를 제시합니다. 하지만 더 많은 것이 있습니다.
• 백년의 아트 디렉션
  Bradley, Brodovitch, Brody 및 Feitler는 함께 이름이 Mad Men 시대의 광고 대행사처럼 들립니다. 이 장에서는 1930년대부터 1980년대까지 그들의 상징적인 작품을 살펴보겠습니다.
• 아트 디렉팅 경험
  우리가 사실을 쓰든 허구를 쓰든, 제품을 팔든 만들든, 사람들을 참여시키고, 욕망을 만들고, 행복하게 만들고, 그 상태를 유지하도록 격려하는 방법은 내러티브를 만드는 것입니다. 그렇다면 우리는 그렇게 할 때 무엇을 고려해야 합니까?
• 아트 디렉션 및 크리에이티브 팀
  공동 목표를 중심으로 구축된 전략을 따르는 공동 작업을 수용하고 팀을 구성하는 방법을 살펴보겠습니다.

파트 2: 아트 디렉션을 위한 디자인

• 디자인 원칙
  여러 세대에 걸쳐 다른 미디어에서 디자인을 이끌어온 원칙이 디지털 제품 및 웹사이트 세계와 관련이 있습니까? 물론! 이 장에서는 대칭, 비대칭, 비율 및 규모의 원리를 탐구합니다.
• 그리드 연출
  그리드는 초기 책에서 구성주의와 같은 움직임을 통해 부트스트랩 및 머티리얼 디자인과 같은 프레임워크에서 그리드의 현재 인기에 이르기까지 길고 다양한 디자인 역사를 가지고 있습니다. 이 장에서는 그리드 해부 및 용어와 모듈식 및 복합 그리드를 사용하는 방법에 대해 설명합니다.
• 연출형
  이 장의 초점은 여백, 활자 크기, 창의적 활자 사용입니다.
• 사진 연출
  이미지와 이미지를 표시하는 방법은 상업용 웹사이트나 편집 웹사이트 또는 제품 내부에서 사람들이 우리 디자인을 인식하는 방식에 막대한 영향을 미칩니다. 이 장에서는 시선을 유도하기 위해 이미지를 배치하고 정렬하는 방법을 배웁니다.

파트 3: 아트 디렉션을 위한 개발

• CSS 그리드로 레이아웃 개발하기
  CSS 그리드와 사려 깊은 예술 지향 콘텐츠는 청중과 더 잘 소통할 수 있는 웹사이트를 만들 수 있는 최고의 기회를 제공합니다. 이 장에서 Andy는 아트 디렉션에 가장 적합한 속성과 기법에 대해 설명합니다.
• Flexbox로 구성 요소 개발
  Grid는 예술 지향적인 레이아웃을 구현하는 데 이상적이지만 Flexbox는 탐색 링크, 이미지, 캡션, 검색 입력 및 버튼과 같은 분자 및 유기체를 개발하는 데 더 적합합니다. 이 장에서는 이를 사용하는 방법에 대해 설명합니다.
• 타이포그래피 개발
  다중 열 레이아웃 및 쓰기 모드가 있는 정렬 형식에서 텍스트 방향 및 장식적인 타이포그래피에 이르기까지 이 장에서는 문자의 코드 측면에 대해 자세히 설명합니다.
• 이미지로 개발하기
  예술 연출 이미지를 사용자의 뷰포트에 어떻게 맞추나요? 그리고 CSS 모양과 경로는 디자인을 위해 무엇을 저장합니까? 이 마지막 장에서 알아보자.

스매싱 TV 웨비나

이 책과 함께 Andy는 Smashing TV에서 웹 세미나 시리즈도 제공합니다. 웹 세미나는 한 달에 두 잔의 커피 비용이 드는 Smashing Membership을 사용하면 무료입니다(언제든지 취소 가능).

저자 소개

Andy Clark은 잘 알려진 디자이너, 디자인 컨설턴트 및 멘토입니다. 그는 웹 작업을 시작한 이후로 많은 일을 했습니다. 그의 자존심은 "CSS 대사", "업계 예언자", "영감을 주는" 같은 용어를 좋아하지만 Jeffrey Zeldman이 한때 그를 "세 가지 재능을 가진 놈"이라고 불렀던 것을 가장 자랑스럽게 생각합니다.

Andy는 아내 Sue와 함께 1998년 Stuff & Nonsense를 설립했습니다. 그들은 컨설팅 및 디자인 전문 지식을 제공하여 전 세계 기업이 디자인을 개선하도록 도왔습니다.

Andy는 Hardboiled Web Design: Fifth Anniversary Edition , Hardboiled Web Design 및 Transcending CSS: Fine Art Of Web Design 을 포함하여 웹 사이트 디자인 및 개발에 관한 여러 인기 있는 책을 저술했습니다. 그는 인기 있는 연사로 전 세계에서 아트 디렉션과 디자인 관련 주제에 대해 이야기합니다.

사용후기

이 책을 가능한 한 영감을 주고 실용적이며 유용하게 만드는 것이 우리의 목표였으며 이미 그러한 긍정적인 평가를 받은 것을 영광으로 생각합니다.

“'웹을 위한 아트 디렉션'을 통해 Andy는 웹의 잠재력을 활용하기 위한 프레임워크를 제공합니다. Andy는 역사적 맥락과 실제 사례를 통해 우리 각자에게 우리가 내리는 선택에 대해 더 목적을 두도록 영감을 줍니다. 그리고 형식에 따라 그는 우리의 아이디어가 온라인에서 실현되는 것을 보는 데 필요한 데모와 실용적인 지식으로 영감을 이어갑니다.”

— Trent Walton, Paravel Inc.의 공동 설립자

이 책이 당신을 위한 이유

이 책의 내용은 Andy가 20년 동안 클라이언트와 작업한 경험과 그가 인터뷰한 아트 디렉터 및 디자이너의 전문 지식을 기반으로 합니다. 당신은 배울 것입니다 :

1. 아트 디렉션이 의미하는 바, 왜 중요한지 , 누가 할 수 있는지.
2. 디지털 제품 및 웹사이트에서 아트 디렉션을 작동 시키는 방법.
3. 전환율을 높이고 고객의 여정에 생명을 불어넣는 방법.
4. 마케팅, 제품 디자인, 웹사이트 전반에 걸친 접점을 연결하여 브랜드 가치와 디자인 원칙을 유지 하는 방법.
5. 레이아웃, 타이포그래피, 비율, 비율 및 격자와 같은 아트 디렉션 원칙 을 보다 창의적인 방식으로 사용하여 훨씬 더 잘하려는 것을 전달하는 방법.
6. 최신 HTML 및 CSS를 사용하여 모든 플랫폼에서 디자인을 구현 하는 방법.
7. …게다가, 100년 간의 미디어 및 인쇄 출판의 뛰어난 디자인을 탐색하여 추가 아트 디렉션 영감을 얻을 것입니다.

기술적 세부 사항

• 344 페이지, 14 × 21cm ( 5.5 × 8.25 인치)
• ISBN: 978-3-945749-76-0 (인쇄물)
• 스티칭 바인딩 및 리본 페이지 마커가 있는 고급 양장본.
• eBook 은 PDF, ePUB 및 Amazon Kindle로 제공됩니다.
• 독일에서 무료 전 세계 항공 우편 배송. 4월 중순 시작 . (배송 시간을 참조하십시오.)
• 인쇄된 고품질 하드커버 및 eBook으로 제공됩니다.