ビジュアルデザイナーの成長の3つの段階のまとめ

ビジュアルデザイナーの成長の3つの段階のまとめ

この本「グラフィックデザイナーとして成長する」は多くの人が読んでおり、私もオリジナルの PDF 版を読みました。この記事はこの本の内容とはあまり関係ありませんが、ビジュアル デザイナーはさまざまな段階で自分自身について真剣に考える必要があるということを実際に述べるための序文としてこの本を使用しています。ビジュアルデザインをやる敷居は今とても低くなっています。「デザイナーの多くは、振り返りによって成長しません。」これは私がキャリアの中で最初に指導を受けた上司から受けた言葉の中で最も印象に残った言葉なので、皆さんにもシェアしたいと思います。

特定のプロジェクトにおいて無意識的または意識的に設計することが、私にとってこれら 3 つの段階を区別するための主な基準であり、私自身の経験の蓄積でもあります。私はこの業界に1年半しか携わっていないので、これらの要約には欠点があるはずです。欠点があれば遠慮なく指摘してください。

ステージ1: 潜在意識のデザイン

ほとんどの人がビジュアルデザインを学ぶプロセスと経験は似ていると思いますが、それはインターネットのオープン性とシェアリング精神の結果です。初心者の私にとって、ビジュアルデザインに関する理論書や古典的な事例を読んだり、インターネットで熟練したデザイナーによる多数の作品を閲覧したりするのは自然なことです。私も練習するときは、まず真似することから始め、ある細かいところ(角の丸みなど)まで、無意識のうちに特定のスタイルを好みます。当然、本に書かれた理論よりも、イメージがもたらす印象の方が深いものになります。そのため、ビジュアルデザイナーは最初の段階で、頭の中にある多くのイメージの断片をもとにデザインを作成することが多いのです。

なぜこのステージは無意識にデザインされていると言われるのでしょうか?レイアウトの非アクティブな対称性とアクティブな非対称性、ネガティブスペースの巧みな使用、補色/中間色/隣接色の使用、フォントスタッカーの使用など、デザインの品質を実際に決定する基準は、初心者がデザインするときに無意識のうちに実装されています。この知識は、初心者がビジュアルデザイン理論の本を読むときによく参照されますが、深い印象を形成し、デザインを導く基準となるには不十分です(実践的な蓄積が不十分であるため)。前述のように、初心者は頭の中のイメージの断片に基づいてデザインします。これらのイメージの断片は、日々の学習プロセスで蓄積された優れたデザインの断片であり、ビジュアルデザインのいくつかの基準を含んでいます。初心者デザイナーは「模倣」する際にこれらの基準を間接的に適用しますが、この時点では無意識です。

ステージ2: 意識的なデザイン

第二段階に自然に到達したようです。確かにその通りです。経験と知識を積み重ね、ビジュアルデザイン理論の本を読み返すことで、デザイナーは徐々にこれらの理論を意識的に作品に取り入れるようになります。しかし、この段階に到達するのは容易ではありません。実際、これは私たちが通常「開放」と呼んでいるものです。デザイナーの中には、こうしたデザイン理論をデザインの指針として活用できず、常に「自分の感覚に従う」という人生を歩む人もいます。さらに、頭の中のイメージの断片を短期間で消し去ることは困難です。私自身の経験から言うと、デザインプロセスでは、常に理論的な知識を意識して実践するように自分に言い聞かせていますが、作業が進むにつれて頭の中のイメージを真似し始めてしまいます。

この段階は苦痛で長いですが、間違いなく有意義で価値のあるものです。なぜなら、成熟したビジュアルデザイナーは、「印象」ではなく、自分のアイデアに基づいてデザインを導くことを学ばなければならないからです。自分の能力が一定のレベルまで向上すると、画像の印象はほとんど役に立たなくなり、むしろデザインを制限するようになります。なぜなら、この時点で、各プロジェクトを詳細に分析し、各要件の背後にある原因と結果を特定し、各デザインを見た後の視聴者の反応を想像しているからです。イメージの印象には多くの有用な理論的情報が含まれていますが、判断を妨げる他の情報も混ざっています。結局のところ、各プロジェクトは異なります。したがって、この時点で、自分自身に考え始めるように強制する必要があります。

そして考えることはデザイナーの成熟の証です。これはビジュアルデザイナーだけに当てはまるわけではありません。

第三段階:山を再び山として見、水を再び水として見る

最初の 2 つのステージを見た後、誰もがこれは「山を山として見る」ことに非常に似ていると言うと思います。そうです、いくつかの原則はどこにでも適用できます。デザイナーの第 3 段階、つまりデザインをする際に潜在意識に戻る段階にも同じことが当てはまります。私はまだ初心者デザイナーですが、周りの成熟したデザイナーから多くのことを学び、これらの研究を通じて、デザインするときの彼らの状態も理解してきました。私は現時点でのビジュアル デザインを「アート ディレクション」と呼ぶことを好みます。デザイン理論は、他の人のデザインを評価するときにのみ口から出てきます。彼らは、上で述べた優れたデザイン基準のほとんどをすでに熟知しており、そのいくつかを覆して素晴らしいデザインを実現することもできると言えます。

具体的なデザインを行う際には、プロジェクト全体の芸術的なスタイルを決定するために、細かい部分を作ることがよくあります。たとえば、26000 ウォッカのデザインは全体的にナチュラルで、ウォッカの氷やボトルの質感からインスピレーションを得ています。ウェブサイト全体(フラッシュであろうと基本的な HTML であろうと)は、それほど目立った処理は使用されていないようですが、ウェブサイトを閲覧すると、そのユニークさがわかります。

感謝

ビジュアル デザイナーは、段階によってデザインを評価する視点が異なります。第一段階のデザイナーは、ローカルデザインの詳細に焦点を当てます。第二段階のデザイナーは、優れたデザイナーがどのように育成され、なぜそうするのかを学びます。第三段階のデザイナーは通常、デザインの背後にある気質や全体的な感覚を理解するために、デザインを 1、2 回見ます。

最後に、私は中途半端なビジュアル デザイナーですが、皆さんに「グラフィック デザインの要素」という本を読むことを強くお勧めします。これは私がこれまでに見た中で最高のデザイン理論の本です。オリジナル版を観ていただければベストです(ガンダムによると、中国語訳はちょっと信用できないそうです)。同時に、私のウェブサイトの「About Me」欄には私がお勧めする他の基礎書籍も掲載されており、これらも読んだ後にあなたのスキルを大幅に向上させることができる秘密です。

<<:  Vue ディレクティブ v-html と v-text

>>:  docker の run/cmd/entrypoint の違いの詳細な説明

推薦する

CSS3はウェブサイトの製品表示効果図を実現します

この記事では、CSS3 を使用した Web サイトの商品表示の効果を紹介し、皆さんと共有します。詳細...

ウェブサイトの高速化における CDN、SCDN、DCDN の違いは何ですか?どうやって選ぶ?

1. CDNこれは、Web サイト上で最もよく使用される加速機能です。分散サーバー レイアウトによ...

ウォーターフォールフローレイアウトを実装する3つの方法

序文今日、Xianyuを閲覧していたとき、各行の高さが同じではないことに気付きました。調べてみると、...

非常に便利なオープンソース Docker ツール 5 つを強くお勧めします

導入Docker コミュニティは、さまざまなユースケースを処理するのに役立つ多くのオープンソース ツ...

配列をフラット化する 5 つの JavaScript の方法

目次1. 配列の平坦化の概念2. 実装1. 減らす2. toString と split 3. 結合...

Web デザイン ヘルプ: Web フォント サイズ データ リファレンス

<br />内容はインターネットから転載したものです。どこから見つけたのか忘れてしまいま...

IP アドレス経由で MySql にアクセスする方法

1. mysqlにログインします。 mysql -u ルート -h 127.0.0.1 -p 2. ...

あまり使われていない、または誤解されている HTML タグ 10 個

ここでは、あまり使われていない、または誤解されている 10 個の HTML タグを紹介します。あまり...

MySQL マスタースレーブ同期、トランザクションロールバックの実装原理

ビンログBinLog は、データベース テーブル構造の変更 (テーブルの作成、変更など) とテーブル...

Vueのコンポーネントの詳細な説明

目次1. コンポーネントの登録2. コンポーネントの使用3. 父から息子へ4. 息子から父へ5. ス...

Vue で v-for を更新する方法

ヒント:配列変更メソッドによりv-forが更新され、ページが更新されます。配列を変更しないメソッド:...

div を下から上にスライドさせる CSS3 の例

1. まず、CSS3 のターゲット セレクターを使用し、a タグを使用して id セレクターを指定し...

雨滴効果を実現する JavaScript キャンバス

この記事の例では、雨滴効果を実現するためのキャンバスの具体的なコードを参考までに共有しています。具体...

MySQL データベースの集計クエリと結合クエリ操作

目次1. クエリ結果を挿入する2. 集計クエリ2.1 はじめに2.2 集計関数2.3 group b...

選択タグ内のオプションをクリアする3つの方法

方法1コードをコピーコードは次のとおりです。 document.getElementById(&qu...