웹 디자인에서 아이소메트릭 일러스트레이션의 영감을 주는 8가지 예

게시 됨: 2021-03-29

웹 디자인의 일러스트레이션은 결코 레이더에서 벗어나지 않습니다. 창작자들은 다양한 장르를 가지고 노는 것을 좋아합니다. 그들은 심지어 때때로 새로운 트렌드를 설정합니다.

최근에야 우리는 프로젝트에 "따뜻한" 개인적인 느낌을 주는 휴먼 일러스트레이션에 대해 논의했습니다. 오늘 우리는 요즘 "뉴 블랙"이라는 타이틀을 주장하는 아이소메트릭 일러스트레이션을 만났습니다. 실제로, 그것은 예술적이고 기하학에서 영감을 받은 자연으로 눈을 즐겁게 하는 작지만 유망한 추세입니다.

등각투영은 평평한 구성을 3D로 변환하는 데 탁월한 도구입니다. 커뮤니티가 모든 스큐어모픽으로 돌아갈 준비가 되어 있지는 않지만 차원을 추가하고 일반 주류에 머물 수 있는 방법 중 하나입니다. 그럴수록 30도 각도의 예술은 거부하기 힘든 묘한 매력이 있다. 그런 작품은 언제나 단정하고 깔끔해 보인다. 그들은 세부 사항이 풍부하여 청중에게 쉽게 어필합니다.

흥미롭게 들립니까? 이 관심을 끄는 예를 살펴보십시오.

사이코 X86

본질적으로 이것은 일반적인 솔루션입니다. 환영 섹션은 두 부분으로 나뉩니다. 왼쪽에는 태그라인, 소개 및 클릭 유도문안 버튼이 있습니다. 반면 오른쪽에는 삽화가 포함되어 있습니다. 우리는 이것을 백만 번 보았습니다. 그러나 등각 투영법은 섹션에 특정 향신료를 제공하여 구분합니다.

헤드라인을 지원하거나 디자인을 풍부하게 하는 것과 같은 모든 표준 목적을 수행할 뿐만 아니라 에이전시의 전문 영역을 나타냅니다. 30도 각도 덕분에 팀은 장치의 모든 아름다움을 보여주고 모든 것을 말해주는 구성을 만들 수 있습니다. 또한 웹사이트의 기술적인 분위기와 완벽하게 조화를 이루며 중요한 역할을 합니다.

사이코 X86

카모

CAMO는 경이롭고 비즈니스적인 매력과 테크니컬한 분위기로 당신을 매료시킬 케이스의 또 다른 포인트입니다.

3D 일러스트레이션이 전체적인 주제와 잘 어울립니다. 파스텔 색상, 부드러운 모양, 조심스럽게 만들어진 인간 캐릭터: 모든 것이 세련되었습니다. 팀은 뛰어난 작업을 수행했습니다. 앞의 예와 마찬가지로 기관의 전문 영역을 환상적으로 보여줍니다.

그게 다가 아닙니다. 이 일러스트레이션을 더욱 인상적이고 눈길을 끌기 위해 부분적으로 설정했습니다. 여기 아래에는 많은 활동이 있지만 모든 것이 눈에 거슬리지 않습니다. 솔루션은 확실히 회사에 대한 신뢰와 확신을 불러일으킵니다.

카모

옵티마 닌자

Optima Ninja의 팀은 인간 캐릭터와 아이소메트릭 접근이라는 두 가지 최신 기능을 능숙하게 결합하여 멋진 풍경을 만들어냅니다. 작품은 역동적이지 않지만 프로젝트의 철학을 명확하게 나타냅니다.

뿐만 아니라 전반적인 경험을 풍부하게 하고 사용자를 끌어들이기 위해 고군분투하는 것은 아닙니다. 공통된 스레드를 공유하는 모든 범위의 일러스트레이션이 있습니다. 랜딩 페이지 전체에 조심스럽게 흩어져 있는 웹 프로젝트는 화려하고 재미있고 개인적이며 온라인 청중과 더 가깝게 느껴집니다.

옵티마 닌자

코드 크루

Optima Ninja와 마찬가지로 Code Crew의 크리에이티브는 아이소메트릭 일러스트레이션을 최대한 활용합니다. 일반적으로 항상 간과되는 내부 섹션을 지원하는 데 사용합니다.

각 예술 작품은 모든 것을 올바르게 만듭니다. 색상, 위치 지정, 개체 및 캐릭터가 함께 진정한 공생을 만들어 올바른 메시지를 전달합니다. 영웅 섹션은 또한 아이소메트리의 강력한 카리스마를 가지고 있습니다. 그러나 작은 예외를 제외하고 벡터 드로잉 대신 유리한 각도로 제공되는 포트폴리오의 웹 사이트 및 응용 프로그램의 실제 스크린샷이 있습니다. 이것은 웹사이트 탐색을 다양한 수준에서 일관되게 만듭니다.

코드 크루

연대기

Chronicled는 웹사이트를 채우는 디지털 렌더링 덕분에 앞서 언급한 예와 차별화됩니다. 사용자 경험의 일관성을 강화하기 위해 동일한 스타일로 제작되었습니다.

이전 일러스트레이션이 벡터처럼 보이고 사실적으로 보이지만, 이 일러스트레이션은 확실히 믿을 수 없을 정도로 컴퓨터화되고 인공적인 느낌이 듭니다. 그들은 매우 상세한 라이벌에게 약간 잃을 수 있지만 블록 체인 생태계와 관련된 플랫폼에 이상적입니다. 거의 중립적으로 보이는 이러한 3D 구성은 인터페이스를 향상시킬 뿐만 아니라 청중에게 명확하게 전달합니다.

연대기

시스코인 플랫폼

Syscoin Platform은 암호화 세계에서 온 우리 컬렉션의 또 다른 웹사이트입니다. 주제에 맞게 이 팀은 일반 사용자를 교육하고 복잡한 개념을 명확히 하기 위해 많은 시각적 자료를 사용합니다. 모든 조각이 요점에 있습니다. 인간 캐릭터의 창의적 사용은 단순히 이야기를 전달하는 것 이상으로 프로젝트를 친숙하고 친근하게 보이게 합니다.

시스코인 플랫폼

라슈추크

Laszczuk의 크리에이티브 팀은 아이소메트리를 기반으로 전체 미학을 구축했습니다. 배경을 풍부하게 하는 기본 도구로 이를 사용하여 광고 소재는 방문자를 위에서 아래로 눈에 거슬리지 않게 안내하는 초점을 만들었습니다.

그들은 또한 수행원을 완성하기 위해 4면이 있는 평평한 직선 모양을 추가했습니다. 또한 일러스트레이션 스타일에 유의하십시오. 그런지 텍스처가 거친 그라디언트와 혼합되어 많은 캐릭터를 추가합니다.

라슈추크

코덱스 아틀란티쿠스

Codex Atlanticus는 무대를 매우 효율적으로 설정하는 고전적인 매력을 추구합니다. 웹 사이트는 전면에 전통적인 흰색 텍스트가 있는 깨끗하고 어두운 배경을 가지고 있습니다. 그럼에도 불구하고 지루하지 않습니다. 매력적인 외관의 핵심은 아이소메트릭 일러스트레이션이 중심적인 역할을 하는 여러 애니메이션에 있습니다. 웹사이트는 단순함과 명확성 덕분에 청중에게 어필하는 원시적인 3D 장면을 사용하여 이야기를 전합니다.

코덱스 아틀란티쿠스

다른 각도에서 보기

스타일 선택 중에서 아이소메트릭은 단순함과 복잡함을 능숙하게 결합한 것 중 하나입니다. 한편으로는 디자인에 3D 느낌을 주기 위해 그림자, 빛 및 그라디언트를 사용할 필요가 없기 때문에 접근 방식은 원시적이고 간단합니다. 반면 구도의 여러 면을 보여줄 수 있어 실험의 여지를 줄 수 있어 정교하다. 이 독특한 조합이 특별한 이유입니다.

실용적인 측면에서도 접근 방식은 보편적이고 다재다능합니다. 아이소메트리는 자연스러운 테크노 분위기를 가지고 있지만 완전히 다른 프로젝트와 쉽게 협업할 수 있습니다. 로펌을 위한 기업 웹사이트(예: Laszczuk의 경우)를 만들든 암호화 서비스를 제공하는 기관의 웹사이트를 만들든(예: Syscoin Platform), 그것은 그 의무를 잘 수행할 것입니다.

게다가 예술가들은 직교 투영과 같은 기하학적 원리를 다루어야 하므로 두뇌의 양쪽이 모두 작동하도록 해야 합니다. 이것은 놀라운 결과로 이어질 수 있습니다. 우리 컬렉션이 그 증거입니다.