悪いデザインは致命的です。 良いことは人生を楽にします。 Brilliant-世界を変えます。 古典教育は、業界の発展のペースに追いつくことはありません。 初心者がこの列車に飛び乗るのは難しいです。 しかし、できます。 過去2年間、私は何十もの会議に参加し、大手企業のデザイナーと話をし、いくつかのプロジェクトに取り組み、多くの専門家の開発に類似性を見出しました。 得られた知識に個人的な経験が追加され、その結果、3年前に読みたい資料が手に入りました。
主な間違い
初心者デザイナーの主な間違いは、デザインとは何かを忘れることです。
デザインは見えません。
スクリーンショットで説明したり、モーションキャプチャに貼り付けたりすることは困難です。 これは画像やファイルではありません。 悪いデザインに直面したときのみ、良いデザインを実現します。 なぜならデザインは問題の解決策だからです。
多くの人と同じように、タスクを完了するのではなく、視覚的な部分が好きだったので、私はこれをすぐには理解しませんでした。つまり、クライアントの問題を解決し、ユーザーの生活を簡素化しました。
Mail.Ru Groupのポータルデザインチームの長であるYuri Vetrovは、このアイデアを支持しました。
「初心者デザイナーの主な間違いは、全体像（ビジネスタスク、相互作用シナリオ、ユーザーの期待）を考えるのではなく、画面を描くことに重点を置いていることです。」
クライアントのアイデアに耳を傾けることは常に役に立ちますが、製品の使用が簡単になった場合、あなたは物事を異なる方法で行う権利があります。
「人々は、あなたがそれを見せない限り、彼らが何を望んでいるかわからない。」-スティーブ・ジョブズ
ナイキのザボ、リーボック、ナイキでシンプルでモダンなスニーカーを探して2日間ショッピングに失敗したことを覚えています。 それから私は最初にラコステに行き、すぐに欲しいものを見つけました。 そのような店では、物事はシンプルで高品質であり、ファッションによってデザインは変わりません。 外観は進化していますが、デザインは私が遭遇した1つの問題-シンプルで高品質でスタイリッシュな靴の検索-を安定的に解決します。
基本設計の原則は、あらゆる業界に適用されます。 現在の傾向はそれほど重要ではありません。 あなたが問題を解決し、インターフェースがあなたを悲しませないなら、あなたはすべてを正しくしました。
興味深いのは、初心者が他にどんな間違いを犯すのかを尋ねたとき、ユーリが答えたのです：
「パターンの軽率な使用（または不使用）。パターンは常に1つのタスクに適しており、別のタスクには不適切であるため」
同様のアイデアが、Badoo Pavel Shumakovのプロダクトデザイナーによって表明されました。
「初心者のデザイナーはすべてをすぐにやろうとしています。 しかし、モジュラーグリッドについて考えて、自分が何をしているかを理解するまで、アイコンは意味がありません。 さまざまなオプションを試して、不要なものをすべて削除して、実験してください。 混withから始めて秩序を回復する方が、逆の場合よりも優れています。」
主な間違いを避ける方法は？
適切に設計された設計プロセスは、一般的な間違いを排除し、洞察に貢献しますが、その重要性は非常に大きいです。
Tilda Publishingの個人的な経験とコースに基づいた私の設計プロセスは次のとおりです。
- 問題の研究 。 問題を説明するために簡単な図を描きます。 ユーザーが直面している主なタスクと問題を特定しようとしています。 これに焦点を合わせ、スキームを変更します。 ほとんどの場合、これはマインドマップです。
- 研究 。 Pinterestで収集したコレクションを見て、Dribbbleで同様の作品を探します。製品がタスクに似ている企業のサイトを見つけます。 私はそれが私のタスクに適用できると思います。 研究の終わりまでに、頭の中で実装するためのいくつかのオプションがすでにあります。 適切なものを選択することが残っています。
- 決定 。 A4シートにインターフェイスをスケッチするのが好きです。 私は3から20までやります。 インターフェースの一般的なビジョンから始め、すべての機能を実装するのに便利かどうかを確認します。
- レイアウト 。 Sketchで、選択したインターフェイスを実装します。 休憩してください。 新鮮な表情で見た後。 変更します。 どうやって違うやり方でできるのかと思います。 やる 比較します。 必要に応じて、手順3に戻ります。
- フィードバック 。 作品を見せて変更を加えます。
初心者デザイナーの主なスキル
PhotoshopまたはSketchを巧みに使いこなしても、初心者はプロにはなりません。 そして、専門家は、コミュニケーション、記事、コース、個人的な経験から強調したいくつかのことを忘れてはなりません。
開発（継続） 。 デザイナーは何百もの作品を見ているため、多くの方法で問題を解決する方法を知っています。 Dribbble、Awwards、デザインスタジオのブログなどのデザインリソースが役立ちます。 Pinterestのコレクションでお気に入りの作品を収集し、種類（モバイルプロファイル、メディアなど）で並べ替えます。
プロセス 。 アルゴリズムに従ってください。 しかし、実験もしてください。 すべてをいつでも改善できます。
道具 今ではたくさんあります。 ほとんどの既製のレイアウトは、プロトタイプを組み立てたり、アニメーションを作成したりできます。 初心者はスプレーする必要はありません。 最初にSketchまたはPhotoshopを学習し、次に他の人に進みます。
ベース 色。 タイポグラフィ。 ネット。 知る必要があります。 最初は、少なくとも表面的には。 インターネット、記事、コースが役立ちます。
今すべきこと
職業は、職業を習得するための最良の方法です。 架空の割り当てからであっても、最初はポートフォリオを収集することが重要です。 よく考えられたソリューションは、たとえ1つだけであっても、プロモーションに大いに役立ちます。
次の計画は、最初の完全なステップを実行するのに役立ちます。
1.タスクを設定します。 古くなったWebサイトを作成するか、独自のWebサイトを作成します。 クライアントから渡されたかのようにタスクを記録します。
2.主な要素を強調表示します。 サイトに配置するブロック（メニュー、コンテンツ、写真など）を決定します。
3.同様の構造を持つサイトを少なくとも5つ見つけます。 どのサイトがあなたのサイトと構造が似ているかを考えてください。 スポーツサイトを作成することが目標の場合は、ニュースを例として取り上げることができます。 これがランディングページの場合は、land-book.comをご覧ください。
4. 1つの画面を設計します。 紙とペンがあれば十分です。 アイテムを配置するためのいくつかのオプションの概要を説明します。 多くの同様のサイトを見てきたので、今、あなたは経験を持っています。 メインタスクの実行に適していると思われるオプションを1つ選択します。
5. SketchまたはPhotoshopで、図面を実装します。 すぐに花に夢中にならないでください。 最初に白黒にします。 その後、リンクとボタンにアクセントカラーを追加します。 要素のサイズ、テキスト、行間隔に注意してください。 構成が不十分なテキストは印象的です。
6. Facebookでデザイナーを見つけて、デザインについてコメントするよう依頼します。 批判を聞くことは困難ですが、有用です。 これがパウロの言うことです：
「多くの場合、初心者のデザイナーは同じデザイナーから批判され、そのようなコメントの有用性はあまり高くありません。 「あなたは彼らが言うことをフィルターにかけ、あなたに手紙を書く必要があります。さもないと、すべてのおから小さな重要なコメントを聞くことはありません。」
おわりに
デザインは才能ですか？ 知りません しかし、数百の作品を調べ、数十の記事を読んで、いくつかのプロジェクトを完了していなければ、プロダクトデザイナーの代わりにいなかったことは確かです。 デザイナーになるつもりなら、最初の作品がひどいものになることを覚悟してください。 それらを変更します。 例を見て、他の人がそうした理由を考えてみてください。 正解。 もう一度練習すれば、いつか自分の作品を見て「かっこいい」と言うでしょう。
コメントをくれたPavel ShumakovとYuri Vetrovに感謝します。 ロシア語を話すデザインコミュニティが発展すれば、私たち全員が勝ちます。 そして、それは私たちだけにかかっています。