移动网络浏览 - 未来

根据市场研究公司Juniper Research的数据,到2013年底将有17亿移动网络用户。在这种情况下,每个网站都希望移动兼容。移动移动的最简单方法是在预设计的移动网站模板中调整您的网站。那么,在设计移动模板时要记住什么?这是:

设计移动模板的五个提示

牢记的提示:

1.熟悉相关的硬件和软件
手机在操作系统,屏幕分辨率,屏幕尺寸,用户界面等方面有所不同移动网站模板,您需要确定要优化网站的平台。该决定取决于用户的类型。如果特定模板是出于业务目的,则可以针对BlackBerry进行优化。浏览器是要考虑的另一个标准。最终请记住,目标电话用户的常见屏幕尺寸和分辨率。标准手机的常见分辨率包括101×80像素(许多索尼爱立信手机),128×128像素(一些三星手机)和120×160像素(许多摩托罗拉电话)。还有更多有关智能手机的选择。iPhone具有320×480像素屏幕;HTC Touch Pro具有480×640像素屏幕;PARM PRE具有320×480像素屏幕; the BlackBerry Storm has a 360×480 pixel screen; and the HTC Venus has a 800×480 pixel screen.
设计移动模板的五个提示

2.流体布局
您可能会为特定类型的浏览器构建移动网站,但是如果它在另一个浏览器中打开,该怎么办?对于每个可用的每个浏览器,都无法跟踪模板的外观。但是,可以做的是确保您的布局将自动调整到屏幕尺寸。做到这一点的一种方法是牢记设置百分比或EMS的宽度,而不是设置宽度的常规方式,即以像素为单位。因此,不要将宽度设置为960px,而是将其设置为100%。
设计移动模板的五个提示

3.互动
在网站上,互动是保持网站活力的关键方法之一。有各种链接,图片会导致更多信息以及与用户的其他互动。但是,如果这种情况在手机上发生,则可能会感到沮丧。这是因为手指比鼠标指针精确得多。因此,除非是在线游戏的模板,否则请考虑在设计移动网站时减少交互性。
设计移动模板的五个提示

4.图像使用
确保移动模板的布局不会使用太多图像。手机上的图像的目的明显少于更大的屏幕,例如PC。它仅使用户进一步滚动以获取相关信息。徽标等很好,但要保持不必要的图像布局。
设计移动模板的五个提示

5.优化导航
确保您的模板包含一个方便导航的规定。例如,这是一个明智的决定,在手机上只有一种方式将网站滚动使用一种方式,即水平或垂直的方式。这是因为如果在各个方向上启用了滚动,则在手机上滚动很容易滚动。
设计移动模板的五个提示

传播爱心