位置：首页>> 网络编程>> 网页设计>> 设计需知：移动网站设计应注意的技术细节

设计需知：移动网站设计应注意的技术细节

　来源：chinaz　发布时间：2012-04-20 13:03:23　

标签：移动网站,设计,细节

导语：近年来，全世界都纷纷投身网络热潮。从小企业到大公司，再到网络学校和大学，大家都在努力提升自己的网络影响力，这样既免费为自身品牌做广告，又让品牌的受众范围更广。另一方面，随着智能手机逐步普及，移动网站所占比重逐年上升。因此在网站设计时，移动网站的布局成了一个重头戏。下文就探讨了移动网站设计中必须注意的重要方面和技术细节。

“移动网页”是网站设计中的重要一环，随着能访问互联网的手机逐步普及，因此，大家希望能随时关注自己喜爱的网站。在本文中，我们将着重探讨网站开发/设计人员在设计简洁和专业的移动网站时必须注意的重要方面和技术细节。

移动界面通常很小，因此开发人员必须对预定义好的尺寸进行调整。以下是一个非常基本的“移动网站”的布局。

布局

我们一起来看看不同元素在布局中的使用情况：

· 标志

标志是布局的核心之一。标志要尽可能做到引人注目，但与此同时，应注意它的尺寸，并确保它的大小不会超过2KBs。因为，移动网络载入图片通常要花很长时间，你也不想因为个体差异而使得自己的网站载入不完全。

· 网站导航

导航是设计中最重要的事之一。不管怎样，你都需要导航栏来链接到网站的各个位置，它的位置通常在网站顶部。你也明白，大多数移动设备根本不便于使用QWERTY实体或虚拟键盘。因此，为网站创建导航是移动网站界面友好的一个关键环节。

· 内容

内容在移动网站中占据着核心位置。人们用移动设备访问网站，最主要的目的就是为了获取内容信息。所以要确保你的移动网站的内容不会有任何改变，否则，你最终可能将面对用户流失。

人们使用移动设备时，通常处于移动状态，所以他们没有太多时间来浏览网站内容。为此，你应该采取缩减内容的措施，并选取内容中有价值的部分，与此同时，你要将完整内容的链接提供给用户。如果你的个人博客处于活跃状态，你可以忽略这个问题，因为，你不会每天都去对每篇博文的内容进行缩减。

我们都明白图片在内容中的重要性。但是移动网站不宜使用过多图片，因为，大部分手机载入这些图片要花很长时间，所以尽可能地少用，如若上下文中涉及到相关图片时，图片则不可少。

如果你希望在移动网站上添加图片，最好使用占用空间小的.JPEG，.GIF，.PNG等图片格式。为了避免用户对图片进行缩放，一定要对图片进行压缩。现在几乎所有的设备都能显示图片，但是，有些用户可能在浏览时会关闭图片显示。因此，推荐大家用ALT替换文本显示图片信息。一些读者或访问者会放大图片，为了避免这种情况，图片的尺寸必须固定。

· 页脚：

老话说得好：“看男人不能只看它的衣服，要看它的鞋”。许多网站的页脚做得非常烂。我经常逛博客和营销网站，看到页脚放慢了杂乱的超链接，我跟大多数人对此都非常厌恶，再加之，移动网站的屏幕尺寸小，这就可能造成客户或读者流失。所以，制作吸引人的页脚非常有必要。

所以，如果你希望你的应用程序/网站的移动界面大获全胜，你就应该把重心放在布局上面，做到零错误，因为用移动设备进行网页浏览将会是未来发展的大趋势。

2 3 下一页

投稿

设计需知：移动网站设计应注意的技术细节

猜你喜欢