1. 首頁
  2. 問答
  3. 如何處理屏幕太大的Web設計器？

如何處理屏幕太大的Web設計器？

2011-10-26 16 views
1

我一直收到2000x1500網頁設計（圖片轉向實際網站）。 我的屏幕分辨率是1280x1024。如何處理屏幕太大的Web設計器？

該網站在我的顯示器上看起來真壞（一切似乎太大）。

現在我正在處理背景大小的主背景，我用％來定位/大小一些東西，但它不夠好，處理起來也很複雜（也不能很好地縮放）。

是否可以處理每個對象以使其尺寸與屏幕尺寸相關？ 有點像「縮放功能」，但對於HTML + CSS處理...

來源

2011-10-26 Kraz

+0

2000px by 1500px具有1280x960和1024x768的相同比率。如果你的設計師認爲設計是正確的（請原諒我明顯的問題），他不希望你在開發之前縮小它的尺寸嗎？這經常發生在我身上，通常是在接收來自印刷設計師的材料時，用於處理更大的文件。 – moraleida

+0

可能有，但沒有。簡單地說：我必須設置大約4px的字體大小。 :) – Kraz

+0

那麼，那麼。我也一直處於這種情況，我的客戶想要的設計簡直太可怕了。我通過在一封很好的電子郵件中記錄他們拒絕我的建議來重新考慮，通過收到的設計開發像素完美的產品，並確保他們在最終交付之前付款。我沒有簽名，也沒有在我的投資組合中使用它。但沒有失去一個客戶。 至於縮放處理，你可以選擇（yuck）flash，或者使用如此荒謬的數量的jquery來做到這一點，否則你的項目將變得不切實際。 祝你好運！ :) – moraleida

回答

6

在過去一個月或更長時間查看用戶的Google Analytics數據。整齊的數據。顯示設計師圖形，解釋您的用戶擁有哪些分辨率，並要求他們設計較小的頁面！

如果您沒有數據，這裏是一個條形圖，顯示美國過去3個月內所有運行stat計數器的網站的不同屏幕尺寸的流量百分比。

http://gs.statcounter.com/#resolution-US-monthly-201107-201109-bar

理想情況下，你會設計了一系列不同尺寸。一種選擇是：

  • 300像素寬 - 對於Web瀏覽器
  • 748px寬的移動設備 - 用於中型設備以及iPad的在縱向模式
  • 978px寬迎合了 - 幾乎相當於最流行網站大小和橫向模式下的iPad。
  • 1218px寬 - 對於標準尺寸的筆記本電腦
  • 1378px寬 - 對於大顯示器

（尺寸從http://www.logic52.com/2011/02/13/responsive-web-design-with-the-978-grid-system/）

來源

2011-10-26 06:54:55

+0

如果你打算讓設計師使用常識，已經嘗試過了。另外，網站不應該優雅地處理不同的決議，可能不是 - 但是最終？ – Kraz

+0

是的，但是如果你的設計師正在設計比大多數人屏幕更大的網站，那麼他做的不好。就好像一個汽車設計師設計的輪子是100英寸跨越...工程不會預計將其全部縮小... –

+1

理想情況下，您的設計師將設計3-4種不同的尺寸 - 通常針對移動，iPad/1024x786,1280和HD。只需設計出您可以購買的絕對最大尺寸屏幕並不是他們在這個過程中的角色。 –

相關問題

 相關問題