アートディレクションとデザイン

^{ケビン・コーネルによるイラスト}

Webでのアートディレクターシップの登場は、インタラクティブデザインの最新トレンドの1つです。現在、複数のサイトが一度にこのイベントに専念しています。これらのサイト用のプラグインもあります。しかし、多くのデザイナーがデザインとアートディレクティングの違いを理解していないのは悲しいことです。さらに悲しいことに、多くのアートディレクターも彼女を見ていない。しかし、アートの演出はデザインの基礎を作り、デザインに人間性をもたらします。

翻訳：ランドール・ロフ
翻訳スポンサー： Aiken Studio

アート監督はブログではありません

The Death of the Blog Postの人気のある記事は、雑誌記事とブログ投稿を組み合わせた「ブログ雑誌」について語っています。この記事では、著名なデザイナーが新しい言葉を発言し、「アートを演出する」という概念をインターネットに持ち込み始めました。この記事によると、「ブログ雑誌」でアートを演出することは、各ブログ投稿のユニークなデザイン以上のものです。ブログブログという用語は、しばしばアートディレクターを混同します。「見て！このブログは、すべての投稿が異なるため、雑誌のようなものです！「多くの場合、ブログ雑誌」は、単に「おしゃれな」ブログ投稿です。

雑誌は、記事の個々のデザインだけでなく作成されます。彼らの目標は、視覚的なイメージとテキストを組み合わせて、物語の表現力を高めることです。設計の多様性は、多様性のための多様性だけでなく、この努力の結果です。雑誌のスタッフでは、アートディレクターとコピーライターは、デザインスタイルや対応するコンテンツ機能の選択からストーリーの調性の完成まで、物語を強化するためのさまざまな方法を求めて「ブレーンストーミング」に多くの時間を費やします。

このプロセスをWebデザインの実践に移すには、特定の形式内で柔軟性を与える他の構造が必要です。それらの核は、別のブログ投稿のレベルでコンテンツ管理システム内のユーザースタイルの一意のフィールドと見なすことができます。ただし、独自のカスタムCSSファイルを自動的に作成できるということは、この出版物が芸術的管理の段階（アートディレクターの管理）を通過したことを意味するものではありません。アートの方向性は、ユーザーのブログ投稿を超えています。これはもっと何かです。アートの演出は表現力を高め、高めます。

何ですか

芸術的なガイダンスは明確さと確実性をもたらします。特定の人々に特定の信号を伝えるのに役立ちます。アートディレクターシップは、文化と感情の反応を呼び起こすために、アートとデザインを組み合わせたものです。それは映画、音楽、ウェブサイト、雑誌に影響を与えます-私たちが反応させるほとんどすべてのもの。芸術的な監督がなければ、すぐに忘れ去られる乾燥した不毛のエピソードが残ります。ニューヨークの地下鉄でホームレスに関する広告を出しても、お金を寄付したいと思うでしょうか？クラリス・スターリング（子羊の沈黙のキャラクター- 約翻訳者）が、彼女があなたの声を聞くことができないことを知っているにもかかわらず、好転するように祈りたいのはなぜですか？ろうそくが普通の食べ物をロマンチックな夜に変えるのはなぜですか？アートディレクティングとは、あなたが見たり経験したりするものとの感情的なつながりを作り出すことへの、適切な感情の挑戦を指します。

対照的に、設計はこの接続の技術的な実装です。これらの色は一緒に収まりますか？テキストの行は長い読書に便利ですか？写真はシャープですか？印刷階層は機能しますか？この構成はどれくらいバランスが取れていますか？

妻に愛していると言っても、眉をひそめてやると、彼女の印象はまちまちになります。私がこれを無関心に言って、テレビを見ていると、彼女は私を信じないでしょう。しかし、私が誠実な笑顔と花の花束でこれを言うとき、私の考えは明確です。この例では、私の愛は芸術監督であり、私の笑顔とバラの深紅色はデザインです。彼らは協力して、感情的および身体的に思考を伝えます。デザインはテクノロジーの完全性です。アートディレクティングは重要なものの1つですが、デザインに影響を与える感情を知覚することはできません。

あなたの作品でそれらの違いを理解するように、ここにデザインと芸術的な監督のアプローチに関するいくつかのヒントがあります：

アートの演出とデザインへの独特のアプローチ

ツール	アートディレクター	設計
色	この配色はこのブランドに適していますか？この状況に適合しますか？鮮やかな色は悲しいメッセージに合わないかもしれません。	これらの色は一緒に見えますか？彼らは遊びますか？印刷用のPantoneカラーセットなど、特定の環境に最適な色は各色ですか？
印刷する	なぜこの特定のフォントを選択したのですか？文字の形は、言葉自体なしでどのように意味を伝えますか？コミックサンズはばかげすぎ、Helveticaは退屈すぎます。	フォントサイズを設定すると、必要な視覚的階層が作成されますか？このフォントは、このコンテキストで適用できるほど豊富ですか？
構成	この構成はどの程度バランスが取れている必要がありますか？バランスの取れた構成は心地よいですが、多くの場合受動的です。不均衡な構図はしばしば不安定で不安感を引き起こしますが、視覚的にはより興味深いものです。	私のフィールドは偶数ですか？作品全体を通して見た目を導く自然なリズムが画像にありますか？
コンセプト	視覚的な要素はブランドの雰囲気をどの程度サポートし、伝えていますか？デザインはどのような信号またはテーマを伝えていますか？	視覚的要素は、ロゴの配置、印刷および配色のマッチングに関するブランドの推奨事項にどれだけ準拠していますか？
一般的に	それは正しい気分を作り出しますか？	それはよさそうですか？

言葉にしないで

私は友達の何人かにデザインとアート演出の違いについてコメントするよう頼んだ。これについて彼らが言ったことは次のとおりです。

「デザインとは、あなたがデザイナーであろうとアートディレクターであろうと、問題を解決することです。 デザイナーはパフォーマンスをより重視し、アートディレクターはこのパフォーマンスの基礎となる戦略をより重視するという点で、2つの役割は異なります。
- スプリングボックスアートディレクター Phil Coffman

「デザイン」は「方法」であり、コミュニケーション、印刷のプロセスと実行、色、スケール、配置の基盤です。 アートディレクターが「理由」です。これが、製品全体を包むコンセプトとソリューションです。 それを超えて、参加、感覚、政治があります。」
- シニアアートディレクター、「ビッグスペースシップ」Jarrod Riddle

「デザインの機能は、芸術監督の機能とは異なります。 アートディレクターはコンセプトを提供することが期待されています。 デザイナーは、アイデアを実現し、コンセプトを実現することが期待されています。 ただし、黒と白がほとんど変わらないことを覚えておくことが非常に重要です。 デザイナーはアートディレクターとして行動し、アートディレクターはデザインに携わっています。 私の経験に基づいて、このプロセスは密接なコラボレーションで行われます。 アイデアがコンセプトを満たし、その逆も同様です。」
- デザインディレクター“ Gridplane ” D.D. ハッジ（JD Hooge）

「アートディレクターシップは意思決定のフィルターです。 それを介して、任意のデザインの選択を渡します。 全体的な心の状態を判断することから始めます。 すべて-テキスト、写真、ユーザーインターフェイス要素、キッチンシンクも理想に照らしてチェックする必要があります。 私はそれを魔法の万華鏡として想像するのが好きです。 設計で難しい決定を下す際に、どの方向を選択すべきかを判断するのに役立ちます。」
- 「ハッピーコグ」クリストファーキャッシュドルのクリエイティブディレクター

三つの帽子

かつて、私はフィラデルフィアの芸術大学でグラフィックデザインを教えていました。 Happy CogのクリエイティブディレクターChristopher Cashdollarから借りた部屋で、生徒たちに3つの帽子のそれぞれから一枚の紙を選んでもらいたいと思いました。最初の帽子にはタスクのあるリーフレットがあり、2番目の帽子にはさまざまなデザイン要素のあるリーフレットがあり、3番目の帽子にはアートディレクターシップがありました。学生の仕事は、グラフィックデザイン部門のホームページのデザインを変更することです。デザイン要素は印刷の色とスタイルに影響を与える可能性がありますが、アートディレクターはデザインを「ハッピー」または「ジョイフル」として定義する必要がありました。別の学生は、開発のためのデザイン要素を手に入れることができます。これには、アーティスティックな配色とレストランのメニューを作成するための書体が含まれます。

図 1. アートの演出とデザインの違いを説明するステレオタイプのアプローチは、学生にいくつかの結果をもたらしました。

これは実践的な演習ではなく理論的な演習ですが、生徒はどの組み合わせがより自然であるかの感覚を身につけ始めました。「幸せな」作品を扱うとき、明るい色はより自然になります。たとえば、活版印刷ヘッドセットは、適切に設計された作品の感覚を自然に与えるデザインの要素です。

また、生徒が異常な組み合わせの特別で刺激的な可能性を理解し始めることも重要です。暗い色を使用して「ハッピー」ウェブサイトを作成するにはどうすればよいですか？「幸せ」と暗い色を組み合わせたユニークなスタイルのイラストを作成できます！適切な活版印刷ヘッドセットなしで適切な種類のパンフレットを作成するにはどうすればよいですか？飾り付きの暗い背景に中程度のサイズのライトセリフフォントを試してください。これらは典型的な例ですが、生徒は自分の周りの世界に自分が見たいものを見せる方法を身につけました（そして、これはきついフレームワークで作業することすら見ていません）。アートの監督は範囲を超えています。実際、彼はそれらで繁栄しています。

悪いデザイン、良いアートの方向性

「ハッピーバースデー」という用語の画像を検索します。これまでに犯された最も恐ろしいデザイン犯罪のいくつかを見つけるでしょう：非常に攻撃的な色の組み合わせと反発的なプリント。

はい、彼らはすべて本質を伝えます：楽しみ、お祝いと幸福。ほとんどのデザインは粗末ですが、バースデーカードのアートディレクターシップをどのようにすべきかは社内でわかっています。それらがすべて同じような配色、活版印刷のソリューション、およびテキストに近いものとなるのは、偶然ではありません。明らかに、楽しい芸術監督はほとんどデザイン要素を決定づけます。「グリッドシステム」や「ゴールデンセクション」などのデザインの基本は、日常生活の条件に完全には対応していませんが、多くの人々は暗黙のうちにアートディレクターシップを理解しています。

図 2.このデザインから、私は血の涙で泣きますが、芸術監督は要点です。

アートディレクターについて

アートディレクターの役割の大きな違いは、アートの方向性とデザインの違いに対する誤解を強めます。一方の極端な後、一部の機関は、デザイン方法を知らないが、他のデザイナーに指示するのに十分それを理解しているアートディレクターを雇います。一方、一部の代理店では、アートディレクターの地位は、経験豊富なデザイナーへの支払いにおける次の論理的なステップです。ほとんどの仕事はその中間です。

さまざまな理由で多くの小さな代理店がアートディレクターを雇っていない。この事実は、アートの演出が創造的なプロセスのオプションの一部であるという誤った考えを与えてくれます。ただし、その逆です。アートディレクターは非常に重要であり、見逃されることはありません。そのような職務を遂行する準備ができていないデザイナーによって意図せずに無意識に実行されます。

素晴らしい本「アートディレクターとしての存在！」で、スティーブン・ヘラーとヴェロニク・ヴィエンヌはアートディレクターの作品を強調しています。

「アートディレクターは、基本的な活動を1つ実行する必要があります。指導する必要があります。 そうでない場合、彼らはアートディレクターではありません。 これは、アートディレクターがrog慢で厳しいという意味ではありませんが、実際には、「専門知識の神権」を持っていることを意味します。 アートディレクターは常に最後の言葉を持っているとは限りません...しかし、彼または彼女はアートとデザインの究極の仲裁者でなければなりません。 最初のルールは意思決定であり、2番目のルールは意思決定です...

「各アートディレクターは、自分の仕事は従うのではなく、導くことであるという信念から始めなければなりません。 可能な限り影響力のある人物になるように指示され、指示されることはなく、抵抗が最も少ない立場を取ることはありません。」

見て感じる

かつて、複数のデザイナーが独立したコンセプトを同じクライアントに販売するプロジェクトに参加しました。フリーランサーのモデルに基づいて構築された私たちの仕事は、非階層的であり、競争よりも補完的でしたが、各プロジェクトに関する共通の見解が欠けていたことがよくありました。

各デザイナーは、それぞれの作品のアートディレクションとデザイン（完全に異なるトピックである創造的なディレクションは言うまでもありません）を担当しました。若くて経験豊富なデザイナーとして、色、印刷、レイアウトなど、必要なデザインを作成するために必要な要素をすでに理解していましたが、優れたアートディレクターになるには、経験が不足していました。自分を導くために。アートディレクターによる作品の監督なしに、私は良いデザインの製品を生産しましたが、品質に対する態度は貧弱でした。

多くの人は、「見る」と「感じる」という言葉は、どちらか一方を使用することの同義語だと考えています。デザインを作成すると、「外観」が作成されます。ただし、感触には、伝えられるイメージの完全性を確保するために、経験豊富なアートディレクターの注意が必要です。

図 3.ありがとう、クライアントは私のページレイアウトを拒否する知恵を持っていました。 豊かなタイポグラフィ、調和のとれた色の組み合わせ、厳密なグリッド、動的な構成など、デザインはうまくできますが、この不採算な会社にはアートディレクティングはあまり適していません。デザインがファッショナブルすぎて、タイトルの英雄的な部分がアイデアをぎこちなく持ち込み、塗料のしぶきがこのブランドとは関係ありません。

今日、ニューヨークタイムズのアートディレクションは1997年と同じで、最小限で目立たないものです。視覚資料にほとんど影響を与えずに、読者がプレゼンテーションを客観的に解釈できるようにします。デザインは時間とともに変化する可能性がありますが、アートディレクターとしての役割は残ります。元ニューヨークタイムズのデザインディレクターであるコイビンにこれについて尋ねたとき、彼はアートディレクターを永久に保存しながらデザインを更新する必要性を強調しました。

「月に1回、週に1回、1日に1回-これが印刷出版物の更新頻度です。 今ではすべてがそうではありません-デジタル版はできるだけ早く更新され、常に更新されています。 これは人のリズムではなく、機械のリズムであり、過剰な芸術監督が経済的に採算の取れないものにします。」

図 4.一定の最小限のアートディレクションにより、New York Timesのデザインは、読者のニーズの変化に合わせて時間とともに更新されます。

感謝の瞬間

今日、私たちは芸術監督をこれまで以上に適用していません。 Steven Hayの記事「 World Wide Webのアートディレクティング」は、6年前の今日でも当てはまります。テンプレートデザイン、つまり会話をしたいデザイン構造の分野では、ほぼ完成に近づいていますが、まだページのデザインとレイアウトの作成方法を再学習しています。 Eight Facesのインタビューで、Ian Coyleは次のように述べています。

「瞬間を実際に作成する力に気付きました。一時停止の瞬間、読書の瞬間、反射の瞬間。 どの曲でも、どの芸術作品でも、高音のみを使用することはできません。 人々が彼女に耳を傾け、興奮を経験できる瞬間を作り出す必要があります。 沈黙の瞬間を作品に含める必要さえあります。」

ここでアートディレクターシップが活気づきます。山の頂上から叫ぶ瞬間と、秘密を黙らせる瞬間を決定します。

よくやった

「アートディレクティング」の概念を定義しましたが、実際にはどのように見えますか？ストーリーとデザインが互いに支え合い、アイデアに光を当てる機会を与える場所を見つけると、強い感情を経験します。ただし、インターネット上での完璧なアートの演出とデザインが達成できないことはめったにありません。

図 5.サイトフォーム（Launchlist）：アートディレクション、テキスト、デザインの最高の組み合わせ。

Launchlist Webサイトとその起動フォームを見てみましょう。スペースシャトルの打ち上げ比metaは、感情、視覚、コミュニケーションの背後にある解決策を教えてくれます。空のような背景とゆっくり動く雲は、決してarbitrary意的な選択ではありません。メタリックインターフェイスの色の組み合わせは、実際のコントロールパネルに似ています。チェックボックスの代わりにスマートスライダー（yes / no）を使用すると、デフォルトのブラウザー要素を切り替えるのではなく、プロセスを実行しているように感じます。「起動はお勧めできません」または「起動！」などのメッセージの表示により、シミュレートされた宇宙飛行制御環境が強化されます。すべての詳細が印象を高めます。

これは芸術監督の素晴らしい例です-私たちの想像力が含まれています。

人生を変える

私の祖父が亡くなったとき、私は友人にそれについて書きました。彼の人生の思い出を共有したかった。私は芸術監督、私が言いたいことの気分を考えました：思慮深く、悲しい、敬意。デジタルメモリアルを作りたかった。

私のサイトにはシステムがありました。柔軟性があまりない堅いステンシルなので、これらの制限内で作業しました。通常のように、大きなタブロイドのような見出しを作成する代わりに、大文字に制限を付けてこの見出しに従い、フォント周辺のスペースを増やしました。色、レイアウト、画像で急進的なことをする必要はありませんでした。このブログ投稿のアートディレクティングの変更に対応するために、デザインをわずかに変更しました。

デザイン自体のためにデザインを変更したくありませんでした。祖父が私にとってどれほど特別な存在であるかを読者に理解してもらいたかった。私は自分の考えや感情をできるだけ伝え、それによって現実に対する彼らの態度を少なくともわずかに変えたかったのです。私のテキストを読んで、彼らが私と一緒になるように、私は彼らに私に共感してもらいたかった。この効果を可能にしたのは、デザインだけではなくアートを演出することでした。

愛するHabrahabr読者のためにAiken Studioによって特別に翻訳されました。