デザイナーのための第二の脳：リファレンス、フィードバック、ファイルをすべて1か所に

デザイナーの参考資料ライブラリは、本質的に複数のツールにまたがっています。ビジュアルのインスピレーションはPinterestやAre.naにあります。クライアントのブリーフはメールにPDFとして届きます。フィードバックはFigmaのコメント、Slackのスレッド、会議での議論を通じて寄せられます。競合のスクリーンショットはカメラロールに保存されています。カラーパレットはさまざまなサイトでブックマークされています。タイポグラフィの参考資料は、ブログ投稿や保存されたSNSの投稿に散らばっています。過去のプロジェクトファイルはGoogleドライブやDropboxに置かれ、ビジュアルのスタイルやアプローチではなく、クライアントや日付順に整理されています。

それぞれのソースは、特定の仕事に優れています。しかし、お互いの存在を知ることはありません。新しいプロジェクトを開始し、参考資料、フィードバックの履歴、過去のプロジェクトからのインスピレーションをまとめようとすると、5つか6つのアプリから集めなければならず、それぞれのピースをどこに保存したかを思い出すことを願い、デザインではなく「発掘作業」にクリエイティブなエネルギーを費やすことになります。

この問題は、ビジュアルリファレンスに役立つファイル名が付いていないという事実によってさらに複雑になります。パッケージデザインのスクリーンショットは「IMG_4892.png」という名前になります。ウェブクリップされたタイポグラフィリファレンスのタイトルはURLになります。保存されたInstagramの投稿にはメタデータがまったくありません。キーワードが存在せず、ピクセルしかないため、キーワード検索は役に立ちません。ビジュアルリファレンスを見つけるには、何百ものアイテムをブラウズし、探しているものを目で見分けて、偶然スクロールして通り過ぎることを祈るしかありません。

デザイナーの「第二の脳」に必要なもの

ビジュアルとテキストコンテンツが1つの検索可能なライブラリに。 Are.naやPinterestからのウェブクリップ。カメラロールからのスクリーンショット。ブリーフやブランドガイドラインのPDF。接続され検索可能なFigmaファイル。キャプチャされ見つけやすくなったSlackのフィードバックスレッド。これらすべてが、6つのツールに散らばるのではなく、1つのライブラリにまとまります。

ビジュアルの概念を理解する検索。 セマンティック検索は、説明によってビジュアルコンテンツを見つけることができます。「アーストーンのミニマリストなパッケージデザイン」は、スクリーンショット、ウェブクリップ、または注釈付きPDFのいずれであっても、関連する参考資料を見つけ出します。ビジュアルの概念を説明すると、システムがライブラリ全体から一致するものを探します。これが、デザイナーの第二の脳を、よく整理されたフォルダ構造と定性的に分ける要素です。検索エンジンは、ファイル名だけでなく、画像が何についてであるかを理解します。

空間的に思考するためのワークスペース。 キャンバスは、ライブラリ全体から引き出せるデジタルの壁です。参考資料、モックアップ、メモをキャンバス上にドラッグし、空間的に配置します。プロジェクトの輪郭が浮かび上がってくるのを確認してください。ムード、色、スタイル、クライアントの好みごとにグループ化します。キャンバスは、参考資料を見つけることが方向性を形成することに変わる場所であり、リサーチから創造への移行点となります。

検索可能なコンテキストとしてのクライアントのフィードバック。 「Acmeのリブランディングにおけるアイコンに関するフィードバック」と検索すれば、クライアントが何を求めているかを説明したSlackのスレッド、Figmaのコメント、そしてメールがすべて1回の検索で表示されます。フィードバックを重ねることで洗練されていくクライアントの好みは、デザイナーが蓄積する最も価値のある知識ですが、通常はプロジェクト終了後に誰も見つけられないような、散在したコミュニケーションの中に埋もれてしまいます。

蓄積され、相乗効果を生む過去のプロジェクトのコンテキスト。 蓄積されたデザインの知識、参考資料、フィードバックのパターン、クライアントの好み、成功したアプローチは、新しいプロジェクトをより豊かな土台からスタートさせるためのライブラリへと成長します。検索可能な3年分のプロジェクト履歴を持つデザイナーは、3年分の散乱して見つからない履歴を持つデザイナーに対して構造的な優位性を持ちます。なぜなら、すべての過去のプロジェクトが次のプロジェクトの糧になるからです。

ムードボードのワークフロー

デザイナーの第二の脳の最もすぐに役立つ応用例は、ムードボードのワークフローです。

継続的に収集する。 ビジュアルのインスピレーションに出会ったら、ライブラリに保存します。ウェブサイトにはウェブクリッパー。スマートフォンでのキャプチャにはスクリーンショット同期。写真には撮れなかったけれど目にしたものの口頭での説明にはボイスメモ。収集は一日を通して受動的に行われます。

プロジェクト開始時に検索する。 新しいブリーフを受け取ったら、ライブラリから関連する参考資料を検索します。「クリーンでモダンなSaaSのランディングページ」や「子供向けブランドの手描きイラストスタイル」、「等幅フォントを使用したブルータリズムなウェブデザイン」など。検索により、長年にわたって蓄積されたキャプチャから関連する参考資料が見つかります。

キャンバス上でボードを構築する。 関連する参考資料をキャンバス上にドラッグします。クライアントのブリーフを追加します。方向性に関するメモを追加します。ビジュアルの方向性が浮かび上がるまで空間的に配置します。プロジェクトの出発点として、キャンバスをクライアントやチームと共有します。ムードボードは、その場しのぎのGoogle画像検索からではなく、あなたのデザインキャリア全体から引き出されます。

よくある質問

Pinterestのボードをインポートできますか？ 直接的な連携としてはできませんが、ピンやボードをライブラリにウェブクリップすることができ、そこで他のすべての資料と一緒に検索可能になります。コンテンツは、Pinterestが提供する限定的なタグ付けではなく、コンセプトによって検索できるようになります。

キャンバスはFigmaやMiroとどう違いますか？ キャンバスはプロダクションデザインのためではなく、思考し整理するためのものです。参考資料を配置し、プロジェクトの関係性をマッピングし、ビジュアルのインスピレーションを整理する場所です。ライブラリ全体から引き出せる点が、単体のホワイトボードツールとは異なります。

ビジュアルコンテンツを説明文で検索できますか？ はい、できます。セマンティック検索は、画像に含まれるものや、それらが表すビジュアルコンセプトの説明に基づいて画像を見つけることができます。「ミニマリストな日本のパッケージ」と検索すると、ライブラリ全体から関連する画像が見つかります。

これはAre.naの代わりになりますか？ Are.naの使い方によっては、補完することも、置き換えることもできます。Are.naが主に参考資料の収集用である場合、Fabricは同様の機能に加えて、セマンティック検索、AIを活用した関連付け、ビジュアル参考資料とテキストコンテンツ、クライアントのフィードバック、プロジェクトファイルを混在させる機能を提供します。

参考資料が重複する異なるプロジェクトはどのように処理しますか？ 参考資料は、複製することなく複数のコンテキストに表示させることができます。3つのプロジェクトに関連するカラーパレットの参考資料は、それぞれのプロジェクトの検索から見つけることができます。ライブラリは1つの場所にファイルを整理することを要求しません。検索すれば、それが関連するあらゆる場所で見つかります。

関連記事： あなたの「第二の脳」は思考すべきである、 リピートビジネスを勝ち取るクライアントへの納品方法、 フリーランサーのナレッジベース。 関連ページ： デザイナー向け、 キャンバス、 ムードボードのユースケース。