描けない。洗練されたアプリケーションを作成するにはどうすればよいですか？

私はグラフィックデザイナーではありません。私は何かを描くのがかなり苦手です。開発ツールにバンドルされている「サンプル」アプリケーションと同じくらい見栄えの良いものを構築するのに苦労しています。主に、私はアートアセットのやり方にしゃがんでいないからです。

これを軽減するためにどのような戦略をとればよいですか？

個人的には、楽しいユーザーインターフェイスを作成するために、芸術的に優れている必要はないと思います。

優れたUIを実現するものは創造性次第ではありませんが、確立されたいくつかのガイドラインにより関連しています。これらのガイドラインに従い、いくつかのガイドラインを実践すれば、素晴らしいインターフェースを自分で作成できます。

次のことをお勧めします...

• 優れたユーザーインターフェースの構成要素について読んでください。（主にオンライン）
• あなたを喜ばせるユーザーインターフェースを調べて見つけてください。
• いくつかの良いデザインを比較し、それらの間で類似しているものを選択してみてください。
• 次に、独自のデザインを見て、それらの要素があるかどうかを確認します。
• 気に入ったものに似るように、ユーザーインターフェイスを再作成してみてください。

この演習を1〜2週間行うと（そして、良いインターフェイスを設計する方法を学ぶために1〜2週間尋ねても、それほど長くはない）、あなたは優れたユーザーインターフェイスを作るもののほとんどを学ぶと予測します。

ユーザーインターフェイスを満足させるものをいくつか見つけました。

• シンプルさ
• 一貫性（色、フォント、ボタンの使用、リンクなど）
• 間隔
• 少ないほど多い（使いやすさを損なうことなく、ユーザーからできるだけ多くを隠す）
• 白い背景と黒いフォントを使用しないでください。コントラストが十分であることを確認しますが、通常、フォントを濃い灰色にしながら背景を薄い灰色に変更します。

また...デザインから始めないでください。機能から始めて、設計を進化させます。また、実験してください！1〜2回繰り返しても完璧に見えない場合でも、動揺しないでください。時間の経過とともに良くなります。しかし、最も重要なことは、あなたが試す必要があります。

私の芸術能力は、良い日には5年生です:)。私は仕事中はプロとして、または優れたアートスキルを持ち、それらを使うのが大好きな妻のグラフィックデザイナーを雇っています。

私の考えでは、グラフィックデザインはUI / UXデザインではないことに注意してください。私はUXの大部分を行うか、UXの制御を維持するためにUXの専門家を雇い、それからGDと協力して見栄えを良くします。UX / GDの優れたプロの組み合わせがあると確信していますが、見た目がきれいで、UXが非常に悪く、数か月で時代遅れになり、私がリスクを負うまで、GDで非常に悪い経験をしましたGDでいくつかのプロジェクトに取り組んできました。

グラフィカルなアセットを探している場合、無料で使用できる高品質のグラフィックを収集するWebサイトがいくつかあります。

• 間違いなく最高の（しかし間違いなく今一番ホットな）UI Webフレームワークのブートストラップ
• TwitterのBootstrap UIフレームワークを補完するアイコンセットのグリフィコン
• 微妙な背景パターンの微妙なパターン
• FamFamFamの多くのソフトウェアで使用されるSilkアイコン
• 多様な要素の創造市場

さらに多くの無料のグラフィック資産を含むGNOMEアートプロジェクトなど。

少なくとも創造的ではなく、デザインの教育を受けていないので、私は常に保守主義の側に努力しています：確立されたパターン（フレームワークなど）を使用し、踏みつけられたパスから可能な限り逸脱しないでください。これは必ずしも非常に興味深いものではありませんが、少なくとも障害とUX災害の可能性を最小限に抑えます。

ピカソは「偉大な芸術家は盗む」と言ったが、実際にはそれはほとんど才能のないハックであり、これがMicrosoftとSamsungをどのように導いたかを見てみよう。

この種の専門家を雇うことはできますが、いくつかの基本的なテクニックを習得するために生来の芸術的な能力は必要ありません。私の学部の学位は、実際には「エンジニアのための芸術」の学期が必要でした。地元のコミュニティカレッジで1、2クラス受講することは非常に有益です。あなたはまだその分野で特別に訓練された人々ほど優秀ではありませんが、あなたのプログラムがより専門的に見えるところまで間違いなく改善することができます。

相対的なアマチュア向けの本もあります。私がWebデザインに役立つと思った本の1つは、Jason BeairdによるThe Principles of Beautiful Web Designです。デザインがあまり改善されない場合でも、少し教育を受けることで、デザインの何が悪いのかを言葉で表すことができます。「見た目は悪いが、理由がわからない」と常に言うのではなく、カーニングの悪さやネガティブなスペースの不足などの問題を特定でき、問題の定義は戦いの半分です。

あなたが探しているのは「開発者向けUI / UXデザイン」です。このトピックに関連する書籍の1つに、プログラマ向けのユーザーインターフェイスデザインがあります。

UI / UXデザインを探しているのではなく、グラフィックデザインのスキルを向上させたい場合は、Adobe PhotoshopまたはAdobe Illustratorの使用方法に関するクラスを見つけることをお勧めします（そうでない場合は、少なくともインターネット上のチュートリアル）。いくつかのテクニックを学び、インスピレーションを得るために他の人の作品を見ると、芸術的な創造性がほとんど必要ないことに驚くでしょう。

たとえば、PhotoshopのGradient ToolとRounded Rectangleツールを学習し、右側の「Newsletter for the newsletter」ボタンに似たものを作成できます（ただし、この場合は純粋なCSSを使用します）。

フレームワーク、テンプレート、および構築済みのGUIコンポーネントを使用するという形で、他の人が「あなたのために仕事をする」ようにします。たとえば、描くこともデザインすることもできないので、新しいWebプロジェクトごとに、レイアウトとデザインのCSSテンプレート（多くの無料のCSSテンプレートサイトから）から始めて、そこから「微調整」します。これらのテンプレートには、このギャップに対処するのに役立つ完全な設計が含まれています。

優れたユーザビリティは優れたデザインであるという点でc_makerに同意しますが、「芸術家気取りの」デザイン的な目的にもっと具体的に取り組んでいるようです。

あなたがウェブデザインとレイアウト作業をしている場合、ここにそれらのCSSサイトの一部があります：
http：//www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http ：//www.oswd.org/
http://www.openwebdesign.org/