web-dev-qa-db-ja.com

ビジュアルデザインスキルを向上させるにはどうすればよいですか?

私は初心者のUXデザイナーであり、情報アーキテクチャ、インタラクションデザイン、モックアップ(低、中、高)の作成にかなり慣れています。しかし、実際のUIの作成に関しては、いくつかの課題があります。UIが「きれい」/「見た目」のように見えないため、作業中に問題が発生します。

ビジュアルデザインのスキルを向上させるために参照できる本やWebサイトをいくつか提案していただけませんか。

14
Tara

ビジュアルデザインに関連するものとしてコメントで質問をより明確に定義したので、その観点から私の回答に取り組みましょう。

私が定義しがちなビジュアルデザインは、使いやすくて楽しいUIを作成するために、グラフィックデザインの原則をインターフェイスデザインで使用して、明確さ、一貫性、シンプルさをサポートする方法に関連しています。ウィキペディアはそれを「ビジュアルデザインはあらゆるメディアで機能するデザインまたはビジュアルコミュニケーションのサポート」と定義しています。これはより広い定義ですが、それでも私が話していることです。

Edward Tufteによる 定量的情報の視覚的表示 は、視覚デザインに関する最も影響力のある本の1つです。 「ビジュアルデザイン」の説得力のあるナラティブを別の職業として作成するだけでなく、UIのデザインや名前のパターン(たとえば、最小効果の違い)について多くのことを考えることができます。

私が重要だと思うビジュアルデザインのいくつかの基本的な側面:

  • すべての設計決定は、媒体をサポートしています。つまり、Webアプリのビジュアルデザイン作業を行っている場合、それぞれの選択は、誰かが何らかの目標を達成するために使用するWebアプリに取り組んでいるという事実に関連している必要があります。そのため、グラフィックデザイナーが行う優先順位とは異なる優先順位があり、それに応じて決定を行う必要があります。たとえば、私が目にしたグラフィックデザイナーとUIデザイナーの間の一般的な意見の違いは、入力フィールドのスタイルを設定するかどうかです。グラフィックデザイナーは、テーマやブランドに関連する視覚的な一貫性を求めているかもしれませんが、UIを担当するビジュアルデザイナーは、使いやすく理解しやすいインターフェースを作成しようと考えているかもしれません。時にはこれらの目標がぶつかり、興味深い会話が生まれます。

  • タイポグラフィ。インターフェイスの大部分はテキストで構成されているため、タイポグラフィを使用してユーザーの使用方法に影響を与える方法を理解する必要があります。 Verdana対Arialの影響は何ですか?画面ベースのUIのセリフフォントを避けたいのはなぜですか?モバイル/小さな画面でうまく機能するフォントはどれですか?同様の質問が関連し、上記と同様に、ビジュアルデザイナーはグラフィックデザイナーとは異なる選択を行う場合があります。

  • コントラスト。これらはどちらもデザイナーのツールです。グラフィックデザイナーが特定のムードや雰囲気を実現することに関心がある場合、ビジュアルデザイナーは、ユーザーがユーザーインターフェイスの重要な部分に集中できるように、コントラストと色に優先順位を付けることができます。コントラストに関する方法を知ることは、読みやすいユーザーインターフェイスを作成するのに役立ちます。色は、物事をハイライトし、フェードアウトし、使いやすさを提供し、ハウススタイルやブランドガイドラインと競合しない一貫したバランスを作成するために不可欠なツールです。

  • Whitespaceおよびproportions UIは、他のクリエイティブメディアと同様に、プロポーションと構成の法則に従います。空白は、余分な色やアイコンなどを使用せずに何かに注意を引くのに最適な方法です。空白が機能するタイミングと使用量を把握してください。一部のデザイナーはすべてを詰め込み、ページ上で何かを見つけるのを難しくしていますが、中には使いすぎている人もいます(23インチの画面があり、気付かないことがあるからです)。

  • Iconography。アイコンをいつどのように使用するかを理解し、アイコンの作成方法を基本的に理解することは、非常に役立ちます。ホットショットアイコンデザイナーではない場合でも、概念を効果的に伝える基本的なアイコンをまとめることができるはずです。アイコンの形式にアイデアを抽出する方法を確実に学ぶ必要があります。最終的には、グラフィックデザイナーと協力して、ビジネスロジックの最も優れた視覚的表現を理解し、ハードコアで詳細な作業を実際に実行してもらいたいと思うでしょう。

最終的に、ビジュアルデザインのスキルを向上させたい場合は、たくさん練習することをお勧めします

特に37signalsのデザイナーであるJason FriedとRyan Singerを見て、Facebookのビジュアルデザインを担当するチームQuora、Twitter、GoogleのUXチームなどのトレンドを生み出すビジュアルデザインに目を光らせながら、多くのことを学びました。 -私はWebアプリケーションとミニマリズムに焦点を当てています。優先順位が異なる場合があります。

いずれにせよ、目を開いたままにして、常に興味深いビジュアルデザインを探してください。 Twitterで人々をフォローし、RSSフィードを購読し、本を掘り下げます。そして-もちろん-あなた自身のものをデザインし始めます。学ぶことよりも、学ぶより良い方法はありません。

20
Rahul