誰でもasp .net UIデザインの良いガイドラインを提案できますか？

Question

私は開発者です。

最近、私はasp.net 2.0でWeb UIを設計しなければなりませんでした。私はVisual Studio UIのコントロールを整列する際に奇妙な問題がありました。 Div、tableタグを使ってasp .netコントロール（ラベル、テキストボックス、グリッドなど）を整列させました。

しかし、私がビジュアルスタジオのデザイン面で見たのは、ブラウザでそのページを見ると（ほとんどの場合）問題がありました。

コントロールとアライメント間のギャップは完璧ではありませんでした。他の開発者も適切なガイドラインなしで試行錯誤の方法を行っています。

C＃コーディング私はかなり良いですし、マイクロソフトの多くの記事があり、私を導く資料があります。

しかし、私は、ASP .NETのページのUI設計のための適切な記事やガイドラインを発見していない。（そこにそのアウトすることができ、私はまだ見つかってhaventは？）

でき、このテーマに関するより多くの光を通して誰。良い本、提案など？事前に

おかげ

SNC

Answer 1

は、それはそれ自体のUIデザインではありません。あなたが必要とするのは、CSSと一般的にスタイルがウェブ上でどのように機能するかを強く理解していることです。だからあなたが必要とするのは良いCSSの本です。さらに、WYSIWYG ASP.NETページエディタをダンプする必要があります。

Answer 2

HTML/XHTML出力を細かく制御したい場合は、ASP.NET MVCに切り替えることをお勧めします。あなたが記述した問題は、ASP.NET WebFormsを使用する際に通常発生する問題です。 Antonが言及するように、XHTMLとCSSについても十分に理解する必要があります。

Answer 3

あなたのHTMLスキルが同等であると感じたら、私は不思議です。あなたはビジュアルスタジオなしでこの同じページをHTMLで作成し、あなたが期待する結果を得ることができますか（メモ帳を使用して）？

Visual Studioでデザイナーサーフェスを使用すると、HTMLマークアップに時間を費やして時間を短縮できます。 ASP.NETがより良いWeb開発者を生み出すということを理解すればするほど、あなたはより多くのWeb開発者になるでしょう。

私が頻繁に使用するトリックは、aspxコードを変更するために再コンパイルする必要がないことを知っていることです。 aspxファイルを変更して保存し、ブラウザを更新してください。また、firefoxを使用してwebdeveloperプラグインを入手してください。アウトラインブロックレベルの要素をかなり頻繁に使用して、HTMLフローの問題のどこが発生しているのかを理解します。

ウェブデザインで読むことができます。私は少し後ろですが、私はいつもzengardenとzeldmanを愛しています。私は今そこに良いことがあると確信しています。

Answer 4

私は、あなたがCSSとポジショニングをよく理解し、コントロールを構築するドラッグアンドドロップ方法を捨てることを示唆している人はすべて間違いなく+1していますが、

そのため、Yahoo!'s CSS Grids（JQuery、MooToolsなどのライブラリにもグリッドレイアウトツールが用意されています）を使用すると、UIを素早く手に入れることができます。その間、CSSを読んでください。

（X）HTMLは構成的です.XAML（実際にはHTML/CSSでモデル化されています）とは異なります。WinFormsをビルドするときに、コントロールをウィンドウにドラッグ＆ドロップすることはできますが、ウェブ上でコントロールすることはできません。ドラッグ＆ドロップデザイナーが逃すことの1つは、（X）HTMLコンポーネントに階層構造があることです。デザイナーは不安定な松葉杖であるposition: absolute;を使ってこれを克服しようとします。

あなたのコントロールは、位置関係を多かれ少なかれ元々作成しておく必要があります。つまり、コードを手作業で編集して物事を正しい順番に並べ替える必要があります。