クライアント上でJQueryを最大限に活用する非デザイナー向けのWebサイトを設計するにはどうすればよいですか？

Question

私は開発者です...それほど多くの "the" UI guruタイプではありません。私はある程度フォトショップのスキルを身に付けることができますが、私はここで自分の時間を過小評価し、おそらく私がこの点でできるほど効率的ではないと思っています。

とにかく、私はとてもだけでなくデザインにも課されている地球上で唯一開発することはできません知っている...

は、いくつかのハウツー、例、手順などを探しています...私はCSSやJavascript（JQuery、mootoolsなどのフレームワークを使用して）を最大限に活用するために、適切な「カットアップ」を行って、ウェブサイトを設計することができます。いくつかの他の質問：

1. 何があれば事前に製造されたテンプレート（スターター）は、冗長コーディングの多くを排除するかもしれません使用して人々がいますか？

2. デフォルトのCSSスタイルシートを使用している場合はどうなりますか？

3. まだPhotoshopはUIデザイナーの選択ですか？もしそうなら、私は自分のサイトを模擬してどのような設定をしなければなりませんか？そして、... JQueryのようなCSSとJavascriptフレームワークを最大限に活用するためには、何が最善の方法でしょうか？

おかげ -

Answer 1

WGワンマン軍隊として私自身、私はあなたの欲求不満を理解することができます。幸いにも私のために、私はデザイナーとしてより多くのことを始め、その後開発者になりました。私は10年以上の設計経験を持っておらず、開発経験は約7年です。ここにいくつかのヒントがあります。

良いCSSフレームワークに精通してください。最初はグラフィカルに優れていることにあまり集中しないでください。私は960 Grid Systemを提案します。非常に簡単な作業でページ全体をすばやくレイアウトでき、非常にシンプルなマークアップが可能になります。いくつかの異なるレイアウトを試してみてください。詳細については、framework websiteにアクセスするか、この短いdemonstration videoを熟読してください。このフレームワークには、Eric MeyerのCSSリセットが付属しています。

私の次のステップは、レイアウトをMVCプロジェクトに接続することです。私がそれをしたら、私はjQuery via the google-api's linkに縛り付け、私の動的な振る舞いのコーディングを開始します。

Answer 2

私にも同様の問題があります。私が常にやっていることの1つは、テーマフォレストまたは他のCSSテンプレートサイトの1つからCSSテンプレートを購入することです。彼らは$ 10の少しのためにピックアップすることができ、あなたは通常、望ましい外観に合った良い体裁を見つけることができます。これは、人の時間コストの無数の時間と数百を節約します。私は実際には十分に見えるようにするのに十分なスキルがないので、Photoshopでデザインやカットを試みません。私はそれを受け入れていた。私は、jQuery/ajax/servicesなどを使って、強化されたUIとの大きな違いを作ることができます。