Adobe가 "피그마화"해야 하는 이유

Nov 24 2022
디지털 편집 도구에서 사용자 인터페이스의 진화.
(Leer la versión en Español) 몇 주 전에 라이노타이프에서 사진 구성에 이르기까지 그래픽 디자인의 역사에 대해 이야기하는 Briar Levit 다큐멘터리 "Graphic Means"와 마지막으로 아날로그 버전인 Pasteup을 보았습니다. 현재 디지털 그래픽 디자인. 위의 이미지는 최초의 디지털 편집 앱에서 사용된 은유를 이해하는 데 도움이 되었습니다.
Unsplash의 Shubham Dhage 사진

( Leer la versión en Español )

몇 주 전에 저는 라이노타이프에서 사진 구성에 이르기까지 그래픽 디자인의 역사와 마지막으로 현재 디지털 그래픽 디자인의 아날로그 버전인 Pasteup에 대해 이야기하는 " Graphic Means "라는 제목의 Briar Levit 다큐멘터리 를 보았습니다.

컴퓨터가 우주를 지배하기 이전의 디자인

위의 이미지는 최초의 디지털 편집 앱에서 사용된 은유를 이해하는 데 도움이 되었습니다. 브러시, 마커 및 레터 세트는 Adobe Photoshop 또는 Illustrator와 같은 소프트웨어의 도구 모음에서 참조되는 도구의 예입니다.

포토샵의 첫 번째 버전

약간의 역사

첫 번째 Illustrator, Photoshop 및 Pagemaker(최종적으로 InDesign이 됨)에서 이러한 첫 번째 앱은 컴퓨터 시대 이전에 페이지와 출판물이 디자인된 은유로 Paste-up Desk를 사용했습니다.

시간이 지남에 따라 컴퓨터는 업계의 표준이 되었습니다. 이러한 모든 앱 릴리스의 반복 및 개선 사항은 놀라울 정도였습니다. 예를 들어 Photoshop 3.0은 Gimp, Figma, Procreate, Affinity 및 Canva가 현재 상속한 레이어 개념을 도입했습니다.

Adobe는 이러한 앱을 Illustrator, Photoshop 및 InDesign에서 수행할 수 있는 작업 간에 겹치는 여러 목적을 가진 디지털 편집 허브로 보기 시작했습니다.

하나는 비트맵용으로, 다른 하나는 벡터 편집용으로, 또 다른 하나는 레이아웃 게시용으로 사용되었다는 것이 분명했지만 앱 간의 통합을 통해 대부분의 경우 모든 앱에서 유사한 작업을 수행할 수 있었습니다.

Photoshop은 사진작가와 디지털 일러스트레이터뿐만 아니라 컨셉을 역동적인 방식으로 채색하려는 3D 아티스트도 사용하고 있습니다. 프레임과 같은 레이어를 편집하고 GIF 및 비디오로 내보낼 수 있는 타임라인까지 있는 다용도였으며 오늘날에도 마찬가지입니다.

2008년에는 인터페이스 디자인 붐이 일었고, 애플이 앱과 아이폰을 선보이며 업계를 바꾼 뒤 웹 2.0은 스큐어모피즘 을 비롯한 보다 정교한 웹 디자인을 시작했습니다 . 동시에 처음부터 작가의 디자인으로 만든 웹사이트보다 표준화된 웹사이트에 훨씬 더 잘 반응하는 또 다른 웹 디자인 운동이 생기기 시작했습니다.

마이크로소프트의 메트로에서 시작하여 구글과 머티리얼 디자인으로 이어진 플랫 디자인은 깔끔한 시각적 스타일을 촉발시켰고 2013년에는 iOS7이 자체 버전의 플랫 디자인을 도입한 후 표준이 되었습니다. 디지털 일러스트레이터를 위한 기능이 필요하지 않은 플랫 UI의 개발 및 디자인에 중점을 둔 도구가 필요했습니다. Sketch App은 2010년에 출시되었으며 2016년에는 Figma가 공개 버전을 출시했습니다. 당시 그들은 Adobe의 작은 경쟁자였지만 UI 디자이너를 중심으로 한 접근 방식 이후 더 많은 관심을 받고 있었습니다.

Sketch는 Adobe Illustrator와 Photoshop의 흥미로운 혼합처럼 보였습니다. Adobe Apps에서 악몽이었던 자산을 내보내는 가장 효과적인 방법을 달성하는 데 우선순위를 두었습니다. Sketch가 필요하지 않은 모든 이미지 편집 기능을 제거한 후에는 인터페이스 디자인 중심의 도구만 남게 되었습니다.

Photoshop이 Layers 개념에 기여했다면 Sketch는 신화적인 Flash 라이브러리에서 Symbols에 생명을 불어넣었습니다. 그 결과 디자인 시스템은 디지털 제품 및 서비스 개발의 핵심이 되었습니다.

Adobe는 사용자가 필요에 따라 더 가볍고 범위가 더 넓은 것을 필요로 한다는 사실을 늦게 깨달았고, Sketch와 Figma가 제시한 시장 손실에 대한 대응으로 Adobe XD가 2015년까지 도입되었습니다. RAM을 많이 사용하는 무거운 "올인원" Photoshop이 아닌 더 간단한 앱을 만들었습니다.

틈새 앱: 새로운 패러다임

복잡한 디자인 앱에서는 인터페이스가 더 복잡한 경향이 있습니다. 이러한 이유로 Adobe는 앱에 작업 공간을 만들었습니다. 보다 구체적인 용도에 맞게 UI를 사용자 지정하는 방법이었습니다. 예를 들어 디지털 아티스트, 비디오 제작자 또는 사진 작가를 위한 작업 공간이 있습니다. 다양한 대상에 사용되는 인터페이스는 더 높은 수준의 사용자 정의가 필요합니다.

반면에 디자인 앱이 더 좁은 접근 방식을 가질 때 더 정확한 문제를 해결하고 필요하지 않은 기능에서 우리를 해방시킵니다. 인터페이스가 더 간단하고 학습 곡선이 미미합니다.

요즘 우리는 이 마지막 접근법을 볼 수 있습니다. Sketch, Figma, 심지어 Framer도 동일한 원칙을 공유합니다. 특정 용도의 앱입니다. 올바른 생각을 가진 사람은 이러한 앱을 사용하여 사진을 편집하지 않을 것입니다. 벡터 기반이지만 디지털 일러스트레이터가 사용할 것이라고는 생각하지 않습니다.

Procreate가 또 다른 예가 될 수 있습니다. 태블릿에만 집중하는 것 외에도 전문 디지털 일러스트레이터를 위한 솔루션인 동시에 아마추어 디지털 일러스트레이터를 위한 앱입니다.

소셜 미디어 포스트 디자인은 Canva , Desygner , Crello , Snappa , Stencyl 또는 Visme 와 같은 대체 앱이 차지한 또 다른 틈새 시장 이었습니다 . 사용자가 소셜 미디어 플랫폼 또는 디지털 전단지용 게시물을 디자인하기 위해 앱이 필요하지만 인쇄용으로는 거의 필요하지 않습니다. Adobe도 Canva와 같은 템플릿을 사용하는 간소화된 인터페이스를 통해 Photoshop과 일러스트레이터를 혼합한 Spark를 도입했습니다.

이 새로운 패러다임은 디자인과 엔트리 레벨을 대중화하여 사용자가 전문가일 뿐만 아니라 항상 전문 도구가 필요하지 않거나 비용을 지불하고 싶지 않은 보다 다양한 세그먼트를 만들었습니다.

그러나 Figma와 Sketch Enterprise는 저렴하지는 않지만 12달러부터 시작하는 버전이 있으며 일반 사용자를 위한 무료 버전도 제공합니다.

이런 이유로 Figma 에게 최악의 상황은 더 복잡한 앱이 되는 것이라고 생각합니다. 예를 들어 비디오를 지원하는 마지막 업데이트는 이 기능을 칭찬하는 일부 사람들과 실제 사용을 찾지 못하는 다른 사람들 사이에서 의견을 나눕니다.

고급 통합은 더 많은 잠재 고객에게 응답하고 다양한 틈새 시장을 포함합니다. 강력하고 다목적인 앱은 더 많은 사람들을 대상으로 할 수 있지만 인터페이스의 단순성은 떨어집니다. 아마도 미래에 우리는 Figma를 위한 작업 공간을 보게 될 것입니다. 또는 아마도 Adobe가 무언가를 배우고 일반 사용자에게 관심을 기울이기 시작하여 더 접근하기 쉬운 가격으로 더 단순한 제품을 디자인할 것입니다.