私は中程度の能力を持つWeb開発者です。必要な場所に何かを置き、必要に応じてそこにいくつかのJQueryのものを置くことができます。ただし、自分でWebサイトを作成している場合（これを始めています）、どのようにデザインするかわかりません。誰かが私の隣に座って画面を指さして「この写真をそこに置いて、テキストを」と言ったら、私はそれをとても簡単に行うことができます。しかし、私の選択した色とテキストを使用して自分のサイトを設計すると、幼児が発明したように見えます。

誰かが私が見ることができるウェブサイト/本を知っていますか、または幼児以外のウェブデザインの基本に関するヒントを持っていますか？

するべきことがいくつかあります。

ヒント：

Photoshopの使用方法を学びます。（特に、レイヤースタイルは優れています。CSS2で再実装するのが難しい効果になる可能性があることに注意してください）これは、優れたモックアップの作成に大いに役立ちます。

プロがデザインしたサイトをご覧ください。どんなサイトに行ったことがありますか？

あなたを悩ませているサイトを見つけて、何がそれを改善できるかを考えてください。製品の広告も見てください。食品包装。新聞広告。名前を付けます。

また、いったん慣れてから、練習、練習、練習をしてください。グラフィックスは、特にコーディングを検討しているプログラマーからスキルとして開発するのに時間がかかります。（勾配と「タイル」）

ツール：

（Photoshopは個人的なお気に入りです。Paint.NETはWindowsの優れた代替品ですが、それほど強力ではありません。）

Nathan Smithの960グリッドシステム。主流のグラフィックプログラムの多くのテンプレートがあります。見てみな。

参照：

これらのサイトのいくつかを見てください：（もっと見たことがありますので、それらに出会ったら追加してみます）

• 別のリスト
• ジョン・マケイン
• BarackObama.com
• Hayon2010.com（わかりました、私はこれを作りましたが、それは素晴らしいと思います。編集：私もそれについてのコメントを感謝します。;-D）

実用面

設計には、学ぶことが重要な実用的な段階的な側面が間違いなくあります。すべてが主観的というわけではありません。

   •Webデザインチュートリアル：http : //webdesign.tutsplus.com/

   •Photoshopチュートリアル：http : //psd.tutsplus.com/

   •多数のチュートリアル：Lynda

ひらめき

   •ウェブサイト：比類のないスタイル

   •ウェブサイト：Abduzeedo

   •書籍：オンラインで成功するためのガイドライン

   •ウェブサイト：Smashing Magazine

設計スキル

一般的なデザイン

   •本：グラフィックデザイン：新しい基本

   •本：グラフィックデザイン、参照

   •PDF：ビッグフォー：コントラスト、繰り返し、アライメント、近接性

タイポグラフィ

   •ブック：型で考える

   •本：タイポグラフィスタイルの要素

   •記事：http : //en.wikipedia.org/wiki/Typography

   •記事：http : //www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

レイアウト

   •ブック：レイアウトワークブック

色

   •ブック：カラーデザインワークブック

   •ブック：カラーハーモニーワークブック

デザイン哲学

「最も大きな間違いは、設計を混乱の「片付け」のプロセスの最後に行う何かと見なすことであり、それは「初日」の問題であり、すべての一部であると理解することではありません。」-トム・ピーターズ

「優れたデザインはユーザーを満足させ、メーカーは真っ黒になり、エステは気分を害しません。」-レイモンド・ローウィー

「真にエレガントなデザインは、一流の機能をシンプルで整頓された形に取り入れています。」-デヴィッド・ルイス

「良いデザインは良いビジネスです。」-トーマス・J・ワトソン・ジュニア

その他の引用

これは少し話題から外れているかもしれませんが、ジェフ・アトウッドが本「ドン・メイク・ミー・シンク」を強く推奨していることを覚えています。最高のユーザーエクスペリエンスのためにWebサイトを設計する方法について説明します。

Ogilvy on Advertising：この本は、グラフィックデザインの基本と、www時代以前に書かれたものでも、あらゆる種類のチラシや広告などを作成する際の常識をカバーしています。

より一般的には、グラフィックデザイン、美術、室内装飾、映画製作に関する書籍や雑誌を閲覧します。視覚的に魅力的なものを作成し、情報やその他のコンテンツを魅力的にするための多くの一般的なデザイン原則があります。電磁気学が電子工学、惑星科学、化学、核、その他の物理学や工学の分野に共通しているようなものです。

この分野の別の良い本は、The Design of Everday Thingsです。 それは、人々が自然に新しいものにアプローチする方法を利用することで簡単に使用できるデザインを好むなど、実用的なアイデアの多くをカバーしています。この本は特にUIやWebデザインに関するものではありませんが、それについては少しカバーしていると思います。

本の初期の例はドアです。彼は、片側にノブまたはハンドルがあり、目に見えるヒンジが付いているドアがどのように直感的であるかについて話します。隠れたヒンジ、ドア全体のプッシュバー、または中央のノブを備えた派手なドアは扱いにくいため、操作が直感的ではないため、実験が必要です。

デザインで非常に貴重だと思うツールの1つにColor Scheme Designerがあります。通常、デザインの基礎とする色を選択し、「Analogic」スキームを使用して、適切な色のセットを取得します。私にとって、色を正しくすることは最悪の部分です。その後、残りはちょうどいいレイアウトを得て、限られた色のパレットを適用するだけです。