据市场研究公司 Juniper Research 称,到 2013 年底,行动网络多用户将达到 17 亿。 在这种情况下,每个网站都希望与移动相容。最简单的移动方式是在移动 WooCommerce 网站模板中调整您的网站。那么在设计移动 WooCommerce 网站模板时要注意什么呢?本文谈谈在手机 WooCommerce 独立站网页设计制作中,如何设计移动 WooCommerce 网站模板?
1. 熟悉相关的硬件和软件
行动电话在作业系统,屏幕解析度,屏幕大小,多用户界面等方面不同。在构建移动 WooCommerce 网站模板之前,您需要决定要 WordPress 优化网站的平台。此决定取决于多用户的类型。如果特定模板用于商业目的。浏览器是另一个要考虑的标准。最后,记住目标手机多用户的常用屏幕大小和解析度。标准手机的常见解析度包括 101×80 画素(许多索尼爱立信手机),128×128 画素(一些三星手机)和 120×160 画素(许多摩托罗拉手机)。智慧手机有更多的选择。 iPhone 有一个 320×480 画素的屏幕; HTC Touch Pro 具有 480×640 画素的屏幕; Palm Pre 有一个 320×480 画素的屏幕; 黑莓风暴有一个 360×480 画素的屏幕; 和 HTC 金星有一个 800×480 画素的屏幕。
2. 互动
在网站上,互动是保持网站活跃的关键方法之一。有各种各样的链接,图片,导致更多的信息和其他类型的与多用户的互动。然而,如果这在移动装置上发生,则多用户可能会感到沮丧。这是因为手指比滑鼠指标的准确度低得多。因此,考虑在设计移动网站时减少互动性,除非它是一个线上游戏的模板。跨飞独立站,专业 WordPress 外贸独立站网站建设、 WordPress 站群网站优化、 logo 设计、品牌设计、印刷等产品服务,新上线企业 VI 设计套餐和 WordPress 站群网站营销推广系统(强),欢迎新老顾客前来咨询!
3. 影像使用
请确保您的移动模板的布局不会使用太多图片。 手机上的影像的功能远远小于像 PC 这样大得多的屏幕。 它只使多用户进一步滚动以获得相关信息。 标志等都很好,但保留不必要的影像布局。
4. 优化导航
确保您的模板包含一个便利的导航。 例如,让手机上的网站只能以一种方式滚动,即水平或垂直滚动。 这是因为如果在所有方向启用滚动,很容易发生错误。