Adobeは本日、全社的なデザインシステム「Spectrum」の公式ウェブサイトを公開し、デザイナーと開発者向けの新たなリソースを提供します。Mac向けの新しいCreative Cloudデスクトップアプリから、近日リリース予定のiPad版Photoshopまで、SpectrumはAdobeアプリに独特のルック＆フィールを与えています。

来月のAdobe MAXに先立ち、Adobeのエクスペリエンスデザインディレクター、ショーン・チェリス氏からSpectrumについて少しお話を伺いました。Lightroom、Fresco、そして近々PhotoshopといったアプリがAdobeのモバイルツールラインの主力製品となるにつれ、プラットフォーム間で一貫したエクスペリエンスを提供することがこれまで以上に重要になっています。

Spectrum プロジェクトは、Adobe が 2018 年 5 月にブログ投稿でこのデザイン システムを正式に公開するずっと前の 2013 年に始まりました。Cheris のチームが Spectrum の原理を改良するにつれて、Adobe 内の新しい製品や既存のチームでこのシステムが採用されるようになりました。

「Spectrumの中心的な理念は、『合理的で、人間的で、集中的であること』です。実際には、ユーザーエクスペリエンスを可能な限りシンプルな状態にまで落とし込むことを意味します」とチェリスは言います。Adobeのチームは、ディーター・ラムスの有名な「良いデザインとは『できる限りデザインを少なくすること』である」という考えを体現しています。

Lightroom は、Mac、iPad、iPhone で同様のデザインとワークフローを備えています。

シンプルさを追求する中で、キーボードとマウスを念頭に構築されてきた数十年にわたるデスクトップアプリのデザインを、iPad OSのような新しいプラットフォーム向けに再解釈しようとすると、新たな課題が生じます。Spectrumはその出発点です。「プラットフォームが特定のインタラクションについて強いこだわりを持っている場合、私たちはユーザーが期待するであろう慣例を採用します」とCherisは言います。「理想は、あらゆるプラットフォームのベストプラクティスに従いつつ、複数のプラットフォームで当社の製品を使用しているユーザーにも馴染みのある体験を提供することです。これは私たちが常に取り組んでいる難しいバランスです。」

Adobeのデザイナーは、ボタンやアイコンなど、Spectrumライブラリのすべてのコンポーネントにおいて、クロスプラットフォームなデザインをサポートするよう努めています。システム外でAdobeのチームが生み出した優れたアイデアも、Spectrumに反映されています。Spectrumは、Adobeにアクセシブルなデザインへの中核的な投資の機会を与えました。システム内のすべてのコンポーネントはWCAG（Webコンテンツアクセシビリティガイドライン）2.0規格に準拠しており、Adobeは現在2.1への準拠に取り組んでいます。

iPad 版 Adob​​e Fresco と Photoshop のプレリリース インターフェイス (前景) は同じ素材から切り出されています。

AdobeのiPadOS向け最新アプリがすべて似たようなユーザーインターフェースを共有していることにお気づきかもしれません。FrescoはLightroomから着想を得ています。PhotoshopとFrescoはどちらもカス​​タマイズ可能なタッチショートカットを備えています。これは偶然ではありません。「Spectrumは、インターフェースコンポーネントからカラーシステムまで、（iPad版Photoshopにおける）多くのUIとUXに関する疑問に答えを提供し、同時に進行していた多くのアプリデザイン作業において、それらの答えを統一し、調整するのに役立ちました」と、iPad版Photoshopのリードデザイナーであるライアン・ヒックス氏は述べています。Adobeは、Photoshopの伝統と最新のタッチデバイス向けの斬新なアイデアのバランスを取り、使い慣れながらも新しい製品を生み出すことを目指しました。

「Spectrumの目的の一つは、実はより現代的な体験を提供することです」とCherisは付け加えます。「そして『現代的』とは、ほとんどの場合、これまでのものとは少し違うものになる必要があるということです。」

現在、Adobe 社内の 400 名を超えるデザイナーが既に使用しているシステムが、Adobe 製品と統合し、Adobe XD などのツール用のプラグインを構築するデザイナーや開発者にも利用可能になっています。UI キット、フォント、アイコンのリソースは、Spectrum の原則とベストプラクティスに関する包括的なドキュメントとともに、新しい Adob​​e Spectrum Web サイトから無料でダウンロードできます。

「Spectrumは、Adobeのこれまでのあらゆる時点における最高のアイデアの宝庫です」とCherisは言います。「すべてのコンポーネントがここに文書化されており、ユーザビリティ、アクセシビリティ、そしてクロスプラットフォームデザインに関する私たちの教訓がすべて反映されています。」

Spectrumの詳細とmacOS版Adobe XDのリソースのダウンロードについては、公式ウェブサイトをご覧ください。11月4日から開催されるAdobe MAXでの最新情報もお楽しみに。

havebin.com を Google ニュース フィードに追加します。