アドビが「フィグマタイズ」する必要があり、その逆ではない理由

Nov 24 2022
デジタル編集ツールのユーザー インターフェイスの進化。
(Leer la versión en Español) 数週間前、私は「Graphic Means」というタイトルのブライアー レヴィットのドキュメンタリーを見ました。これは、ライノタイプから写真構成まで、グラフィック デザインの歴史について語っています。現在のデジタル グラフィック デザイン。上の画像は、最初のデジタル編集アプリで使用されていた比喩を理解するのに役立ちました。
Foto de Shubham Dhage en Unsplash

( Leer la versión en Español )

数週間前、ライノタイプから写真構成までのグラフィック デザインの歴史、そして最後に、現在のデジタル グラフィック デザインのアナログ バージョンである Pasteup について語っている、 「 Graphic Means 」というタイトルのBriar Levitのドキュメンタリーを見ました。

コンピュータが宇宙を支配する前のデザイン

上の画像は、最初のデジタル編集アプリで使用されていた比喩を理解するのに役立ちました。ブラシ、マーカー、レター セットは、Adobe Photoshop や Illustrator などのソフトウェアのツールバーで参照されるツールの例です。

Photoshop の最初のバージョン

ちょっとした歴史

最初の Illustrator、次に Photoshop と Pagemaker (最終的に InDesign になった) であるこれらの最初のアプリは、ページや出版物がコンピューター時代の前にデザインされたメタファーとして Paste-up Desk を使用しました。

時が経つにつれ、コンピューターは業界の標準になりつつありました。これらの Apps リリースのすべての反復と改善は、驚くべきものではありませんでした。たとえば、Photoshop 3.0 で導入されたレイヤーの概念は、現在 Gimp、Figma、Procreate、Affinity、さらには Canva に継承されています。

アドビは、これらのアプリを複数の目的を持つデジタル編集ハブと見なし始めました。これは、Illustrator、Photoshop、InDesign でできることと重複していました。

1 つはビットマップに、もう 1 つはベクター編集に、もう 1 つはレイアウトのパブリケーションに使用されたことは明らかでしたが、アプリ間の統合により、多くの場合、すべてのアプリで同様のことが可能になりました。

Photoshop は、写真家やデジタル イラストレーターだけでなく、コンセプトをダイナミックに色付けしたい 3D アーティストにも使用されています。フレームなどのレイヤーを編集し、それらを GIF やビデオとしてエクスポートするためのタイムラインさえあるなど、その多目的性は今日まで続いています。

2008 年にはインターフェイス デザインのブームが起こり、Apple が Apps と iPhone の導入で業界を変えた後、Web 2.0 はスキューモーフィズムを含むより洗練された Web デザインを開始しました。同時に、ゼロから作成したウェブサイトよりも標準化されたウェブサイトにはるかによく反応する、別のウェブデザインの動きが生まれ始めました.

Microsoft の Metro に始まり、Google とそのマテリアル デザインに引き継がれたフラット デザインは、クリーンなビジュアル スタイルのきっかけとなり、2013 年には iOS7 で独自のバージョンのフラット デザインが導入された後、標準になりました。デジタル イラストレーター向けの機能を必要としない、フラットな UI の開発と設計に重点を置いたツールが必要でした。Sketch App は 2010 年にリリースされ、2016 年までに Figma のパブリック バージョンがリリースされました。当時、彼らはアドビのマイナーなライバルでしたが、UI デザイナーを中心としたアプローチから注目を集めていました。

Sketch は、Adobe Illustrator と Photoshop の興味深い組み合わせのように思えました。アセットをエクスポートする最も効果的な方法を実現することを優先しましたが、これは Adob​​e Apps では悪夢でした。Sketch が不要な画像編集機能をすべて削除すると、インターフェイス デザインを中心としたツールが残りました。

Photoshop がレイヤーの概念に貢献した場合、Sketch は伝説的な Flash ライブラリからシンボルを復活させました。Figma はコンポーネントと呼ばれる開発者が実際に使用していたものにより洗練され、調整されました。その結果、Design Systems はデジタル製品およびサービスの開発の中核の一部となりました。

アドビは、ユーザーがより軽量でニーズに合わせたものを必要としていることに気付くのが遅かったため、Sketch と Figma がもたらした市場の損失への対応として、Adobe XD が導入されたのは 2015 年まででした。彼らは、RAM を大量に消費する重い「オールインワン」Photoshop ではなく、よりシンプルなアプリを作成しました。

ニッチなアプリ: 新しいパラダイム

複雑なデザイン アプリでは、より複雑なインターフェイスを使用する傾向があります。このため、アドビはアプリ内にワークスペースを作成しました。これは、より具体的な用途に合わせて UI をカスタマイズする方法でした。たとえば、デジタル アーティスト、ビデオ プロデューサー、写真家などのワークスペースです。さまざまな対象者に使用されるインターフェイスには、より高いレベルのカスタマイズが必要になります。

一方、デザインアプリのアプローチがより狭い場合、より正確な問題を解決し、必要のない機能から解放されます。私たちのインターフェイスはよりシンプルで、学習曲線はわずかです。

今日では、この最後のアプローチを見ることができます。Sketch、Figma、さらには Framer でさえ、この同じ原則を共有しています。特定の用途を持つアプリです。これらのアプリを使用して写真を編集する人は、正気ではありません。ベクトルベースであるにもかかわらず、デジタルイラストレーターがそれらを使用することは期待できません.

Procreate は別の例です。タブレット専用であることに加えて、プロのデジタルイラストレーター向けのソリューションであると同時に、アマチュアのデジタルイラストレーター向けのアプリでもあります。

ソーシャル メディアの投稿デザインは、Canva、Desygner、Crello、Snappa、Stencyl、Visme などの代替アプリによって採用もう1ニッチでし。ユーザーは、ソーシャル メディア プラットフォームやデジタル チラシの投稿をデザインするためにアプリを必要としますが、印刷物にはめったに必要ありません。Adobe でさえ、Canva のようなテンプレートを使用する簡素化されたインターフェイスを備えた、Photoshop と illustrator の組み合わせとして Spark を導入しました。

この新しいパラダイムは、デザインと初心者レベルを民主化し、ユーザーが専門家であるだけでなく、常に専門的なツールを必要としない、および/またはそれらにお金を払いたくない、より多様なセグメントを作成しました.

ただし、Figma と Sketch Enterprise は決して安くはありませんが、12 ドルから始まるバージョンがあり、カジュアル ユーザー向けの無料バージョンも提供されています。

そういうわけで、Figma にとって最悪のことは、より複雑な App になることだと思います。 たとえば、ビデオをサポートする最後の更新では、この機能を称賛する人と、その実際の用途を見つけられない人の間で意見が分かれています。

高度な統合は、より幅広い聴衆に対応し、さまざまなニッチを巻き込みます。堅牢で多目的なアプリは、より多くの人々を対象とすることができますが、インターフェイスのシンプルさが損なわれることを意味します. 将来的には、Figma のワークスペースが表示されるか、Adobe が何かを学び、カジュアル ユーザーに注意を払い、より手頃な価格のシンプルな製品を設計するようになるかもしれません。