2011-03-02 68 views
1

我一直在做一些研究,創建一個移動Web應用程序,我已經到了設計階段,併爲一些研究我已經編制了當前新一代智能手機的屏幕尺寸以及它們的決議的列表。移動web應用程序的屏幕分辨率效果設計如何?

所以,我們都知道,有手機的一噸在那裏每一個不同的屏幕尺寸,但我應該看屏幕物理尺寸或分辨率設計我的移動Web應用程序(或兩者)時?

乾杯, IW

回答

0

物理屏幕尺寸和分辨率是重要的影像網站。

屏幕尺寸很重要,因爲它會定義可以在網站上放置多少內容,還可以定義觸摸區域的大小(觸摸輸入設備的基本要素)。

決議將決定你可以有你的頁面上細節的數量,這會影響之類的圖形。

一些建議,以你如何能很好跨越多種設備的網站工作:

  • 調整圖形,以適應您的網站要求從每個設備。這將確保演示在大多數設備上保持一致。
  • 青睞靈活尺寸上的頁面元素 - 而不是固定的尺寸和相對大小指定文本大小使用百分比。
0

當然是鋪設出你的UI組件非常重要。設計用於更大的屏幕的應用程式可能最終表示太小的字/控制元件等,如果你只是一味規模下來爲更小的顯示區域,其可能不舒服可用爲止。

0

不知道下面會幫助,但這裏是我做的;

我不使用圖像作爲UI元素但CSS和HTML元素 我不以像素爲單位而是作爲介質,小,大等 定義的字體大小進行大小調整的橫幅或圖像我主要使用http://deviceatlas.comhttp://wurfl.sourceforge.net。如果我不能打擾我簡單地創建設計一個移動時的寬度不超過240像素

你也可以來看一下,框架,比如jQuery Mobile的