0

PSDをHTMLに変換する場合、一般的なWebページを作成するときのPhotoshopでのドキュメントサイズはどのくらいにする必要がありますか？

私はまだこれを試していませんが、私の頭の中で考えているのは、ドキュメントのサイズに応じて画像を拡大縮小することです。ドキュメントのサイズが大きすぎたり小さすぎたりすると、達成しようとしていることを反映しません。私のウェブページ。

レイアウトがサイズの点でWebページのレイアウトと同じに見えるように、Photoshopで一般的なWebページを設計するにはどうすればよいですか？

これは、全幅のWebページではなく、中央に配置されたWebページに基づいています。

4

3 に答える 3

2

本当にシンプルです..あなたは明らかにあなたの「中央」のウェブページをどれだけ広くしたいか知っていますか？Photoshopでそのサイズのキャンバスを作成します。Webおよびデバイス用に保存すると、Photoshopによってそのサイズのテーブルが自動的に作成されます。次に、あなたがしなければならないのはそれを中央に置くことです。

于 2012-11-02T16:34:53.980 に答える
2

これは、ターゲットモニターのサイズによって異なります。最小公分母を探す必要があります。小さな画面がたくさん表示されると思われる場合は、最初は955pxが適切なサイズです（ターゲットサイズは1024になります）が、サイトがより大きなディスプレイで表示されると思われる場合は、1140px（ 1280画面をターゲットにしています）。

それは本当にあなたがターゲットにすることを計画している人に依存します。これに対する答えは1つではありません。

また、レスポンシブデザインの登場により、さまざまな解像度でさまざまなレイアウトをデザインする必要があることにも注意してください。

于 2012-11-02T16:40:43.257 に答える
1
  1. ユーザーベースを分析することから始めます。主にモバイルユーザーですか？ラップトップユーザー？デスクトップのパワーユーザー？
  2. 分析に基づいて、最も人気のある画面解像度に関するいくつかの統計を調べます。
  3. 固定サイズのレイアウトにするか、流動的なレイアウトにするかを決定します。固定サイズは、Webデザインを初めて使用するグラフィックデザイナーにとってより「快適」です。つまり、最も外側の幅を設定すると、多くの決定が正確な測定に基づいて行われるためです。Fluidはもう少し複雑ですが、モニターのサイズの違いなどを処理するのに十分なスケーラブルで柔軟性があるという利点があります。

TwitterのBootstrap（http://twitter.github.com/bootstrap/）、960gs（http://960.gs/）、Blueprint（http：// www.blueprintcss.org/）...仕様に合わせてデザインするのに役立つPhotoshopテンプレートもあります。

ここでウェブ上で一番のルールは、すべてを制御する必要性をあきらめることです。いくつかの戦いは努力する価値がないだけであり、ウェブ上の慣習がユーザーに深く根付いているため、それらの慣習に反するデザインを作成しようとすると、多くの場合、より面倒になります（設計からコードへの移行）、その過程でユーザーを混乱させます。

幸運を！

于 2012-11-02T16:40:19.957 に答える