시각적 유효 기간 – 웹 디자인 일러스트레이션이 오래된 이유

일러스트레이션은 활기차고 다양한 형태의 시각적 커뮤니케이션입니다. 디자인 분야로서 그래픽 디자인의 메시지 명료성과 순수 예술의 표현 능력을 결합합니다. 일러스트레이션은 사진이 할 수 없는 일을 가장 잘 수행합니다. 인간의 눈으로 볼 수 없는 관점에서 친숙한 것을 묘사합니다.

최근 온라인에서 일러스트레이션을 사용하는 브랜드의 유입은 웹에 오랜만에 일어날 일 중 하나입니다. 이를 통해 다양한 비즈니스 제안에 활기, 유머, 명확성을 부여하고 기업이 자신의 이야기를 보다 명확하게 전달할 수 있게 되었습니다.

긍정적인 측면에도 불구하고 문제가 있습니다. 일러스트레이션은 본질적으로 스토리텔링 도구이지만 인기가 높아짐에 따라 의무적으로 방향이 바뀝니다. 웹사이트가 있으므로 삽화가 있어야 합니다 .

전략적 비전이 결여된 일러스트레이션은 독창성의 정반대인 장식에 불과합니다. 이야기는 버려지고 상상은 버려집니다. 개별 웹 사이트는 구별을 잃고 그림에 표시된 모든 제품과 서비스가 함께 혼합됩니다.

멋지게 차려입은 직원이 깔끔한 책상에 앉아 문자와 이메일이 현실 세계와 합쳐지는 추상 인터페이스를 운영하고 있습니다. 종이 비행기는 고양이 위에 착륙하고 나뭇잎이 무성한 식물 옆에 착륙하여 콤부차를 마시고 브라우징하는 동안 요가를 하는 사람의 틀을 잡아줍니다. 초대형 만년필과 계약하는 거대한 손이 등장하는 앱 .

분명히 당신은 그것을 본 적이 있습니다.

웹에서 일러스트레이션의 장기적 생존 가능성을 위협하는 네 가지 범인이 있습니다.

범인 1: 영리함이 부족한 이미지

기원

삽화는 선동의 풍부한 역사를 가지고 있습니다. 수백 년 동안 사회 논평의 한 형태로 사용되었습니다. 왜요? 그것은 인간사의 복잡한 본성을 신랄하게 해명하기 때문입니다. 사람들이 모순적일 때, 경험이 혼란스러울 때, 삽화는 순식간에 그것을 분명히 합니다.

일러스트레이션의 목적은 논쟁 자체가 아닙니다. 오히려 목표는 사람들이 자신의 관점과 상충하더라도 잠시 멈추고 숙고하도록 하는 것입니다. 최고의 일러스트는 최고의 순간입니다.

문제

시각적 콘텐츠에 대한 오늘날의 요구는 현대 웹 일러스트레이션의 설명 능력을 많이 빼앗아 왔습니다. 온라인, 일러스트레이션은 거의 선동하지 않습니다. 대부분 지시하거나 꾸밉니다.

많은 웹사이트에서 일러스트레이션은 짝을 이루는 텍스트를 1:1로 시각적으로 표현한 것입니다. 독특한 일정 기능을 사용해 보세요! [캘린더 모노라인 일러스트 삽입]

또는 구매한 제품 및 서비스 덕분에 "최고의 삶" 시나리오를 사는 사람들을 묘사합니다. 독특한 일정 기능을 사용해 보세요! [커피 마시는 노트북 아저씨 하이파이브 웃는 얼굴 캘린더 일러스트 삽입]

어떤 접근 방식도 웹사이트 일러스트레이션이 스토리텔링의 허세를 잃지 않도록 충분히 강력하지 않습니다.

구제

일부 개념은 설명하기 어렵습니다. 흥미롭지 않거나 인간의 경험과 쉽게 연결되지 않는 제품과 서비스가 있습니다. 여기서 일러스트레이터는 개념을 만드는 동안 더 깊이 파고들어야 합니다. 주제의 가장 매력적인 각도를 밝히려면 주제의 어두운 면을 탐색하십시오.

• 큰 고통점은 무엇이며 왜 존재합니까?
• 재정적으로, 직업적으로 또는 감정적으로 가장 영향을 받는 사람은 누구입니까?
• 회사, 고객 또는 전문가 사이에 상충되거나 논란의 여지가 있는 견해가 있습니까?

이와 같은 질문은 온라인으로 판매되는 대부분의 상품에 적용됩니다. 일러스트레이터로서 우리는 종종 좋은 점을 보여주어야 하지만 나쁜 점을 이해하지 못하면 피곤한 비유에 도달하게 됩니다. 사실, 이 긍정적/부정적 균형은 스토리텔링의 핵심 측면입니다. 저점이 없으면 예시적인 고점은 영향력을 잃습니다.

잘 된 일: 큰 카르텔

범인 2: 만연한 모방 폐허 참신함

기원

모방과 창조는 정반대되는 것이 아니다. 세계 최초의 문명 이후 예술가와 디자이너는 모방을 통해 창의성을 키워왔습니다. 강렬한 스타일이 시선을 사로잡는다. 우리는 그것을 조사하고, 그것을 분해하고, 우리 자신의 작업을 향상시키기 위해 그 기술을 습득합니다. 이것이 성장입니다.

완벽한 세상에서 모방은 학습과 논평에 국한될 것입니다. 복사된 스타일은 시각적으로나 개념적으로 모두 변형됩니다. 이 방법은 거의 작동하지 않습니다.

문제

모방은 진화를 거부합니다. 우리가 인기 있는 스타일을 만나고 그 궤도에 집착할 때, 우리는 불길한 비틀림을 가진 구세계 견습생과 같습니다. 우리는 우리가 "따르는" 일러스트레이터의 문체 속성을 남용하고 결과물을 우리 자신의 것으로 홍보합니다.

브랜드는 공범입니다. X사는 Y사의 일러스트 스타일을 원해서 모조품을 의뢰합니다. 사이트마다 반복해서 발생하며 각 반복은 엔트로피의 새로운 레이어를 도입합니다. 결국, 전체 산업은 다중성( Multiplicity )의 마이클 키튼(Michael Keaton)과 같은 퇴화 클론 퍼레이드를 사용합니다.

SaaS 랜드스케이프의 지배적인 일러스트레이션 스타일보다 더 이상 보지 마십시오. 부끄럽게도 동질적입니다.

구제

모방을 넘어서는 무수한 길이 있다. 창의적인 천재성이나 외부 영감의 배제를 요구하는 것은 없습니다. 정반대; 일러스트레이터는 참고 자료에 대한 충분한 노출이 필요합니다. 더 많이 보고 저장할수록 더 많이 재해석할 수 있습니다. 여러 가지 탐색 연습이 가능합니다.

• 히스토리 매시업 . 뛰어난 예술가의 눈을 통해 영감을 주는 일러스트레이션 스타일을 재창조하십시오.
• 빠른 다시 그리기 . 다른 일러스트레이터의 스타일을 참고하면서 조심스럽게 오브젝트를 그립니다. 그런 다음 참조 스타일 없이 동일한 개체를 빠르게 7-10번 다시 그리고 나타나는 단점을 수용합니다.
• 규칙을 추가합니다 . 일러스트레이션 프로세스에 영향을 주는 제약 조건을 만듭니다. 예: 나는 직선만 그릴 수 있습니다. 길이나 각도에 관계없이 직선이어야 합니다.
• 도구 스위치 . 작업에 적합하지 않은 그리기 도구로 일러스트레이션 스타일을 모방합니다. 예를 들어 스타일이 정확한 선 작업에 의존하는 경우 잉크와 부드러운 강모 브러시로 복제합니다.
• 블라인드 해석 . 3-4개의 매력적인 일러스트레이션 스타일 모음을 편집하고 동료에게 서면으로 설명하도록 요청하십시오. 원래 참조 스타일을 모두 버리고 서면 설명을 사용하여 창의적인 선택을 알립니다.

작업 잘 완료: 토글

범인 3: 일러스트레이션 시스템이 오래되고 딱딱해짐

기원

우리 시대는 다양한 브랜드 접점에서 일관된 경험을 유지해야 하는 필요성에서 비롯된 디자인 시스템 집착의 시대입니다. 디자인 시스템이 새로운 것은 아닙니다. 편집 시스템은 100년 이상 존재해 왔지만 현재 브랜드가 활용하는 디지털 채널의 수를 고려할 때 시스템 사고는 시급합니다.

마찬가지로 브랜드는 수십 년 동안 독특한 일러스트레이션 스타일을 사용했지만 현대의 디자인 시스템은 새로운 고려 사항을 도입했습니다. 일러스트레이션 스타일을 체계적으로 만드는 방법은 무엇입니까?

색상, 질감, 종횡비 및 신체 유형이 신중하게 정의됩니다. 결과는 많은 팡파르에 표시됩니다. 시간은 결점을 드러냈다.

문제

일러스트레이션과 인터페이스 디자인은 동일하지 않습니다. 디자인 시스템이 인터페이스의 스타일을 알려줄 때 결과는 디지털 환경 내에서 사용자를 지향하는 행복한 응집력입니다. 정보 아키텍처는 랜드마크입니다. 탐색은 습관입니다. 그러나 시스템 주도의 일러스트레이션 스타일은 미친 듯이 포착되고 정제된 새로운 아이디어의 갑작스러운 점화라는 창조적 충동을 질식시킵니다.

시스템이 본질적으로 나쁘다는 것은 아닙니다. 시스템이 이미지 개념을 지원 하도록 작동할 때 일러스트레이터는 실제로 제약이 완화되는 것을 발견할 수 있습니다. 그러나 이미지가 시스템의 렌즈를 통해 생각될 때 일러스트레이터가 응집력에 대한 잘못된 확신에 안주하기 때문에 아이디어가 약해집니다 . 시스템에 적합하므로 작동합니다!

점차적으로 시스템 유지 관리에 더 많은 노력을 기울입니다. 선가중치와 의류 품목은 매력적인 개념보다 우선합니다. 마지막으로 일러스트레이션의 스타일과 스토리텔링 능력은 시들고 죽는다.

구제

일러스트레이션은 인간의 독창성과 감정의 복잡성을 번역합니다. 외부인이 익숙하지 않은 경험에 감사하도록 초대합니다. 브랜드 아이덴티티의 매개체가 되는 일러스트레이션의 능력은 부차적입니다. 이것들은 뒤집혀서는 안됩니다.

이미지가 뻣뻣해지는 것을 방지하려면 주제 원칙에 따라 일러스트레이션 시스템을 구축하십시오. 브랜드의 목소리와 가치는 스타일 결정의 유일한 원천이 아닙니다. 고객, 회사, 경쟁자의 다양한 관점에서 보고, 해석하고, 다시 말할 수 있는 스토리텔링 전략입니다.

일러스트레이션 시스템의 개발 및 장기적 관련성을 안내하는 실용적인 단계가 있습니다.

• 일반 시청자가 알아차리지 못하는 규칙과 세부 사항에 집착하지 마십시오.
• 창의적 직관을 저해하는 방식으로 시스템 지침을 시행하지 마십시오.
• 시스템을 나타내는 브랜드와 동일한 색상 팔레트에 시스템을 고정하지 마십시오.
• 때때로 시스템을 깨고 외부 일러스트레이터를 초대하여 고유한 스타일을 제공하도록 하여 시청자에게 도전합니다.
• 시스템이 발전할 수 있도록 계획하고 현재 스타일이 호평을 받는 경우에도 점진적인 실험을 허용합니다.

잘 된 일: Notion.so

범인 4: 스톡 일러스트레이션의 남용

기원

많은 회사에서 웹 사이트에 방대한 양의 시각적 콘텐츠를 필요로 하지만 시간과 예산 제약으로 인해 커미셔닝할 수 있는 사용자 지정 그래픽의 수가 제한됩니다. 필요를 채우기 위해 회사는 테마가 있는 일러스트레이션 세트를 구매하는 재고 사이트를 찾습니다.

불행히도 독창적이고 고품질이며 덜 사용된 스톡 일러스트레이션을 찾는 것은 드뭅니다.

문제

스톡 일러스트레이션의 세계에서 문제가 되는 추세가 나타났습니다. 클립아트 시대에 대한 잘못된 찬사라고만 설명될 수 있는 이 시대에는 사용자가 성별, 피부색, 의복과 같은 변수를 정의할 수 있도록 하여 즉시 "맞춤형" 이미지를 생성하는 믹스 앤 매치 일러스트레이션 사이트가 있습니다. 결과물인 일러스트레이션은 이를 사용하는 회사의 창의적 신뢰성에 대한 오점입니다.

구제

리소스가 제한된 회사의 경우 스톡 이미지와 관련된 가짜 분위기를 우회하는 두 가지 방법이 있습니다. 첫 번째는 놀라움으로 올 수 있습니다. 스톡 일러스트레이션을 진심으로 받아들입니다. 모두 들어가십시오. 예약 없이 스톡 이미지를 사용하되 맞춤화할 수 있는 방법을 찾으십시오. 어떻게?

• 디지털 콜라주로 서로 다른 스톡 스타일을 믹스 앤 매치합니다.
• 스톡 일러스트레이션을 사진(심지어 스톡)과 결합합니다.
• Sharpie 표시 또는 페인트 선과 같은 손으로 그린 ​​요소를 오버레이합니다.
• 디지털 방식으로 뒤틀리고 왜곡된 스톡 샘플을 추적합니다.
• 스톡을 그레이스케일로 변환하고 디지털로 그린 그래픽에 브랜드 색상을 불어넣습니다.

예산으로 작업하면서 재고를 피하는 두 번째 방법은 가장 필요한 일러스트레이션의 우선 순위를 지정하고 작은 세트를 주문하는 것입니다. 5개의 홈페이지 삽화를 의뢰한다는 의미일 수도 있습니다. 단기적으로는 시각적 효과를 제공하고 나중에는 다른 채널에 대한 더 많은 삽화 세트를 알리는 데 사용할 수 있습니다.

잘 된 일: 블룸버그 비즈니스위크

목적이 있는 웹 디자인 일러스트레이션 만들기

웹에서 일러스트레이션은 서비스를 더 친근하게 만들고 제품을 더 선호하게 만듭니다. 브랜드 스토리텔링을 강화하고 웹사이트 방문자가 매일 접하는 끝없는 정보 흐름을 이해하도록 돕습니다. 그러나 웹사이트에 삽화가 있는 것만으로는 충분하지 않습니다.

해당 텍스트의 1:1 표현을 넘어서지 못하는 일러스트레이션은 참여 기회를 낭비하는 것입니다. 마찬가지로 수백 개의 다른 브랜드 중 하나로 오인될 수 있는 일러스트레이션의 가치는 거의 없습니다.

일러스트레이션은 스타일과 개념적으로 독특한 관점으로 보는 사람을 사로잡아야 합니다. 복잡하거나 사진처럼 사실적이거나 눈에 띄는 색상으로 가득 차 있을 필요는 없지만 단어, 사진 및 다이어그램이 할 수 없는 방식으로 주제에 대해 흥미로운 것을 밝혀야 합니다.

일러스트레이션은 여기에 있습니다. 그것의 의사 소통 능력은 폐기하기에는 너무 설득력이 있습니다. 그러나 일러스트레이션의 표현 가능성을 탐색하지 못하는 회사와 일러스트레이터에게는 그 가치가 잠시뿐입니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 브랜드 일러스트레이션 101: 내러티브 시각화하기
• 드로잉 기술 없이 맞춤형 일러스트레이션을 디자인하는 단계별 가이드
• 디자인의 게슈탈트 원리 탐구
• 2019년 UX 디자인 트렌드 회고전
• 디자인 원칙과 중요성