どのようにすれば見栄えの良いウェブサイトのデザインを学ぶことができますか？
私は適度に有能なウェブ開発者です。必要な場所にデータを配置し、必要に応じてJQueryのデータを配置できます。しかし、私が自分のウェブサイトを作成している場合（これから始めています）、それを設計する方法がわかりません。誰かが私の隣に座って画面を指して「この写真をそこに置いて、そこにテキストを書こう」と言うとしたら、私はそれを簡単に行うことができます。しかし、私の色とテキストを選択して自分のサイトをデザインすると、幼児が発明したように見えます。
私が見ることができるWebサイト/本を知っている人や、幼児以外のWebデザインの基本に関するヒントを誰かが持っている人はいますか？
やるべきことがいくつかあります。
ヒント：
Photoshopの使い方を学びます。 （特に、レイヤースタイルは優れています。CSS2に再実装するのは難しい効果である可能性があることに注意してください）これは、優れたモックアップを作成するのに大いに役立ちます。
プロがデザインしたサイトをご覧ください。どのサイトに行ったことがありますか？
あなたを悩ませているサイトを見つけ、それをより良くすることができるものを考えてください。製品の広告も見てください。食品包装。新聞広告。あなたはそれに名前を付けます。
また、慣れてきたら、練習して、練習して、練習してください。グラフィックスは、特にコーディングを検討するプログラマーから、スキルとして発達するのに時間がかかります。 （勾配対「タイル可能性」）
ツール：
（Photoshopは個人的なお気に入りです。 Paint.NET はWindowsの優れた代替手段ですが、それほど強力ではありません。）
Nathan Smithの 960グリッドシステム 。これには、主流のグラフィックプログラムの多くのテンプレートがあります。見てみな。
参照：
これらのサイトのいくつかを見てください：（私はもっと見ました、私がそれらに遭遇したら追加しようとします）
- 別リスト
- ジョン・マケイン
- BarackObama.com
- Hayon2010.com （わかりました、私はこれを作成しましたが、それは素晴らしいと思います。edit：私もそれにコメントをいただければ幸いです。;- D）
実用面
学ぶべき重要なデザインの実践的な段階的な側面が確かにいくつかあります。すべてが主観的であるとは限りません。
•Webデザインチュートリアル： http://webdesign.tutsplus.com/
•Photoshopチュートリアル： http://psd.tutsplus.com/
•大量のチュートリアル： Lynda
インスピレーション
•ウェブサイト： 比類のないスタイル
•ウェブサイト： Abduzeedo
•ウェブサイト： Smashing Magazine
設計スキル
一般的なデザイン
•本： グラフィックデザイン：新しい基本
•本： グラフィックデザイン、参照
•PDF： The Big Four：Contrast、Repetition、Alignment、Proximity
タイポグラフィ
•本： タイプで考える
•本： 活版印刷スタイルの要素
•記事： http://en.wikipedia.org/wiki/Typography
•記事： http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/
レイアウト
•本： レイアウトワークブック
色
デザイン哲学
「最もおかしな間違いは、設計を混乱の「片付け」のためにプロセスの最後に行うものと見なすことです。それは「初日」の問題であり、すべての一部であると理解するのではありません。」 -トムピーターズ
「良いデザインはユーザーを幸せに保ち、メーカーは真っ黒になり、エステは気分を害しません。」 -Raymond Loewy
「真にエレガントなデザインは、一流の機能をシンプルで整然とした形に組み込んでいます。」 -David Lewis
「良いデザインは良いビジネスです。」 -トーマス・J・ワトソン・ジュニア.
これは少し外れたトピックかもしれませんが、Jeff Atwoodが本 Do n't Make Me Think を強くお勧めしたことを覚えています。最高のユーザーエクスペリエンスを実現するためのWebサイトの設計方法について説明します。
Ogilvy on Advertising：この本は、wwwの時代の前に書かれたものであっても、グラフィックデザインの基本と、あらゆる種類のチラシや広告などを作成する上での多くの常識をカバーしています。
より一般的には、グラフィックデザイン、美術、室内装飾、映画制作に関する本や雑誌を閲覧します。視覚的に魅力的なものを作成したり、情報やその他のコンテンツを魅力的なものにしたりするには、多くの一般的なデザイン原則があります。電磁気学が電子工学、惑星科学、化学、核およびその他の物理学と工学の分野にどのように共通しているかのようなものです。
この分野でのもう1つの優れた本は、 The Ever of Everday Things。 です。人々が自然に新しいことに取り組む方法を利用します。この本は特にUIやウェブデザインに関するものではありませんが、少しはカバーしています。
本の初期の例はドアです。彼は、片側にノブまたはハンドルがあり、ヒンジが見えるドアが直感的にどのように直感的であるかについて話しています。非表示のヒンジが付いた豪華なドア、ドア全体のプッシュバー、または中央に配置されたノブは扱いが難しく、操作が直感的でないため、少し実験する必要があります。
私がデザインで非常に貴重であると思うツールの1つは Color Scheme Designer です。通常、デザインのベースとなる色を選択し、「アナロジック」スキームを使用して、一致する色のニースセットを取得します。私にとって、色を正しく設定することは最悪の部分なので、残りは単に素敵なレイアウトを取得し、限られた色のパレットを適用するだけです。