デジタルデザインとは?

デジタルデザインとは、デジタル製品を作るために使われるものすべてを対象とする幅広く使われる用語です。グラフィックデザイン、ユーザーインターフェイス、ユーザーエクスペリエンスなどに加えて、デジタルコンポーネントがある実際の製品も意味することがあります。ユーザーに表示されるレイアウト、ボタン、コントロールパネルなどはすべて、プロのデザイナーが最適なユーザーエクスペリエンスを考慮しながら、最新鋭のデジタルツールを使ってデザインしています。

デジタルデザイナーは、エレクトロニクスの使い方から、ページ上のワードの読み方に至るまで考えながらデザインしています。偶然にデザインが出来上がったものではありません。「テレビはインターフェイスです。車もインターフェイスです。偶然にそうなっているのではなく、誰かがデザインしているのです」とデザイナーのAliza Ackerman氏は言います。

スマホのユーザーエクスペリエンスについて話し合うデジタルデザイナー
#feeceb

ユーザーを念頭に置いたデザイン

デジタルデザイナーは多くの場合、複数の専門分野を持っています。デジタルデザイナーには、タイポグラフィ、色、グラフィック、写真などの知識が要求されます。デジタルデザイナーはそれらに関連するスキルとメディアを組み合わせ、ユーザーのニーズを把握しながら、ユーザーに配慮したユーザーエクスペリエンスを提供するのです。

Webデザイナーは、webインターフェイスを見やすい外観にする必要があります。しかしwebデザインは、ユーザーエクスペリエンスという大きな枠組みの一部でしかありません。その枠組みの中でデザイナーは、簡単、直感的なデザインを作ります。そのようなデザインには、アプリ、デジタル要素のあるハードウェア、ソフトウェア、ライブイベントさえも含まれます。製品の使用形態にかかわらず、デザイナーは問題があればそれを解決するためにその創造力を駆使します。製品の機能は形に優先します。デジタル製品の外観と使い心地、ユーザーインターフェイス、印刷デザインなど、使用目的を全うするものでなければなりません。

優れたデザイナーはユーザーを第一に考えます。「デジタルデザインにおいて、共感することはとても大切です。ユーザーはニーズをもっています。そのニーズが満足されるよう、手伝ってあげるのです」とAckerman氏は言います。理想的には、デザインした機能の大半と使いやすさがユーザーにすぐわかってもらえることが重要です。デザインやインターフェイスを、まるでパズルを解くように、じっと見つめたくはありません。すぐに手に取って使えるようにしなければなりません。

デジタルデザイナーに向けてのヒント

デジタルデザインは複数の分野にまたがって取り組む仕事ですが、モーショングラフィックスを扱うにしても、webエクスペリエンスを扱うにしても、常に留意すべき点がいくつかあります。

12列のグリッドに様々な列幅が表示されたノートパソコン
様々なグリッドレイアウトが表示された3台のスマホ

グリッドを使用する

ほとんどのデジタルレイアウトでは、グリッドまたはガイドにもとづいて作成されます。「どのwebサイトでもグリッド構造が使用されています。「よく見ると、どんな構造になっているかわかります。良く出来たwebサイトを参考にしましょう」とAckerman氏は言います。

一貫性を保つ

デジタルデザイナーは、色々な意味でシステムデザイナーとも言えます。システム内の各部分が相互に関連していることを、ユーザーにすぐわかってもらわなければなりません。フォントは一貫性を持っていなければなりません。異なる書体であっても、それぞれの文脈において矛盾が生じないようにしなければなりません。「シンプルさを保ちます」「種類の幅が広い書体かタイプファミリーを選んでください」と、フォントについてAckerman氏は言います。

整理整頓を心がける

ファイルを常に整理しておきます。優れたデザイナーは、web開発者、ライター、プロジェックトマネジャーやその他のデザイナー、クライアントなどが、自分のファイルをいつ何時開くかもしれないことを念頭に置いています。仕事上のパートナーが、デザインのファイルを開いた場合、そのパートナーはファイルに何のファイルであるのか理解する必要があります。編集ソフトウェアのレイヤーを整理して、すべてにラベルを付けて明瞭にします。他の人も自分のファイルを使う必要があることを常に念頭に置き、作業しやすいファイルにしておきます。

チームプレーヤーとして行動する

どのプロジェクトにも、同僚や関係者など共に働く人がいます。良いグラフィックデザイナーは、他の人が働きやすい職場づくりをします。まず、デザイナーはクライアントのニーズを理解しなければなりません。「クライアントのことを理解するのはとても重要です。私はポッドキャストのカバーをよく作ります。そのためにはクライアントと話し、なぜポッドキャストを作りたいのか、その発案はどこからきたのか理解しなければ、この仕事はできません」とデザイナーのEmma McGoldrick氏は言います。

アクセシビリティを考慮してデザインする

すべてのユーザーのことを考えます。ユーザーの中には視覚障害を持った人もいます。優れたデザインとは、ユーザーにとって何が一番問題なのかを考え、誰もが問題なく利用できるというユーザーエクスペリエンスを提供できるデザインのことです。

.

Adobe XDでの様々なイベントバナーのデザイン

視覚障害を持つユーザーの中には、テキスト読み上げ機能を使ってインターネットを使用する人もいます。デザイン上のテキストもこれに対応すべきでしょう。また、普通に見ることができる人でも色盲の場合があります。赤緑色覚異常がよく見られる症状です。このようなユーザーが識別できない色をデザインに使うべきではありません。赤/緑のコントラスト(青/黄のコントラストも色盲の人には識別が難しい色です)を使う場合、文言やアイコンを使って、ユーザーがデザインを簡単に理解できるよう配慮します。

同様に、コントラストについても配慮する必要があります。視覚障害を持つ人にとって、コントラストが無い画面は大変見にくいものです。また他のユーザーではそれを煩わしく感じるかもしれません。白黒で見た時に、デザインに十分なコントラストがあるかどうか確かめます。「白黒で見ると、最も暗い場所と最も明るい場所がわかります」とAckerman氏は言います。選んだ色と色値に注目して、それで良いのか、文字が背景に対してよく見えるかなどを確認します。一般的な視覚障害の症状を持つ人が、製品をどのように見て、どのように使うのか熟知する必要があります。視覚障害者の人にも受け入れられるデザインにします。

コンピューターデザインツールを使って、デジタルページをデザインしているデジタルデザイナー
コンピューターデザインツールを使って、デジタルページをデザインしているデジタルデザイナー
#FEECEB

デジタルデザイナーとして成長する

デジタルデザインになる方法はまちまちです。デザインやビデオ制作を大学で学んで、学位を取っておくと役に立ちますが、ほとんどの雇用者は、様々な専門知識と経験の方を重要視します。まず、フリーのデザイナーとしてスタートするのも良いでしょう。「SNSから始め、ローカルで活動するのです」とMcGoldrick氏は勧めます。将来のクライアントが閲覧しそうな場所に作品を投稿してみましょう。そして常に、Adobe PhotoshopIllustratorといった業界標準のツールで自分のスキルを磨いておきます。

優れたデザイナーは常に新しいスキルを開発して能力を伸ばしていきます。このようなデザイナーは自分で何ができるのか、自分の強みは何かをよく知っています。雇用者や他のチームメンバーに、自分のスキルが何かを明らかにしておくことが重要です。そして、何ができて何ができないかも明確にしておきます。「私はいつも、自分はweb開発者ではないと断言しています」とMcGoldrick氏は言います。

デザイナーとして成長する機会は常にあります。「やめたい、という気持ちに勝たなければなりません。デザインというのは大変な仕事です。才能があればかなりの線まで行きますが、批判を受け入れることも学んでください」とAckerman氏は言います。グラフィックデザインのスキルを磨くと共に、チームワークを優先して、常にユーザーのことを考えましょう。

https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/do-more-illustrator-color-blade