移动网页设计的一些知识

　　现在的移动事业越来越发达，移动商务、移动上网、移动娱乐、都成为了人们生活中不可少的一部分。而移动设备上的网站或者页面应用设计，也越来越成为设计师们需要用心的作品。和PC端的网页设计相比，移动网页设计，必须更加注重实用性，还要非常快捷，节省网络流量。接下来品牌设计公司小编就为大家介绍一下移动网页设计的一些知识。

　　移动网页与PC端的区别和联系

　　1. 内容优先

　　桌面站点可以有1024*768的分辨率，而智能机仅有320*480分辨率，如何在如此小的分辨率中，在不降低用户体验效果前提下进行设计是很有挑战性的。桌面站点常常包涵更广的内容，而移动站点仅包涵一些符合使用情境的主要功能和特征，Orbitz的桌面站点和移动站点。移动站点应该通过移动设备将用户更需要的内容和特征展现给用户。一些站点内容，信息架构和屏幕布局都是在深度理解客户需求的前提下设计的。

　　2. 垂直浏览取代水平浏览

　　在呈现数据结构和数据内容时，水平导航是一种广泛采用的导航方式。用户可以从左到右，点击不同的站点链接来浏览。Joshua Porter在一篇名为“The Challenge of Moving to Horizontal Navigation“的博客中，讨论了在页面顶端而不是页面两侧使用水平导航的好处。至于顶端时，用户可以更容易聚焦于页面的内容，而在两侧时，会很容易干扰用户视线。在我的研究中，90%的移动站点采用垂直导航的方式取代水平导航，包括Urban Outfitters移动站点。

　　3. 导航条，标签和超文本

　　超链接是因特网站点的主要组成部分，然而，在移动站点中，我们则很少看到超链接。并不是在移动站点中没有超链接，而是被一些导航条，标签和按钮等取代了。用户使用手指来操作移动设备是产生垂直导航方式的原因之一。

　　在电脑上，移动鼠标，点击超链接是很理想的查看信息的方式，但是在移动设备中，通过手指触摸屏幕来打开超链接就不那么容易了。用户可以很容易激活一个链接，进入一个新页面，但，这并不是用户期望的页面，如果这样的话，会产生非常差的体验效果。Fitts定律告诉我们使用指点设备达到一个目标的时间与设备当前的位置和目标位置的距离，以及目标的大小有移动的关系。在一些大的手机站点中，导航条，标签和按钮会吸引更多的注意力。

　　4. Text and Graphics文本和图形

　　在网页中，我们经常会看到一些促销，营销或者导航的图形信息。如图7所示的dell站点，设计者经常需要设计一些促销或营销的图形，公司 LOGO始终保持着导航的目标，通过它，用户可以进入主页。而在移动站点设计中，应该减少这些图形，原因有二：其一，一些移动设备并不支持和传统网页站点一样显示方式;其二，移动屏幕较小，显示内容有限，除此之外，过多的显示内容会降低移动设计的运行速度。

　　移动网页中的广告

　　相对于其他广告形式，移动网络广告，借助于移动终端所特有的硬件或传感器特性，可以具有更强的达到率、互动性、定位能力、传播性、交易能力广告特点，如AR，二维码，蓝牙广告，LBS基于位置的营销活动互动、与其他媒体的网络互动广告。

　　据相关数据表明，2010年美国移动广告市场规模为7.976亿美元，预计2011年美国移动广告市场规模为12.4亿美元，2015年将达到 50.4亿美元。在中国移动广告市场，eMarketer表示中国移动广告市场规模在2011年预计将达到4.45亿美元，预计2012年中国移动广告市场规模将达到7.12亿美元，到2015年该数据将达到13.9亿美元。移动广告市场将是一块新兴的互联网产业。

　　移动互联网的到来，给我们开启了激情神奇的新龙头之门，我们在这里见到了更具革命性的广告形式，原来广告可以为我们的生活带来这样的便利，让我们更加享受移动生活的多彩。移动网络互动广告，不像传统的网络广告，有可能成为给我们带来干扰。移动广告对用户的精准定位，透过各种传感器，位置定位，推送等功能，给用户提供更加适合自己的广告服务;同时，广告的展现形式也已不再像传统互联网广告那样生硬，移动网络广告从硬件环境的提升，以及软件及网络环境的变化，成为了更加富有创意性与交互性的新广告媒介，使用户在得到有用信息的同时，更可以感受到移动网络互动广告所带来的乐趣。

　　可以说移动网络互动广告给我们现有的广告模式，带来一次革命!

　　目前，移动网络互动广告分为3种形式

　　1. 移动网站互动广告

　　以移动终端浏览器为基础，以移动网页为展现形式的广告，如：移动网页上的文字链接广告、图片广告，以及品牌活动等广告形式;

　　2. APP植入广告

　　以APP为广告载体，在app启动或运行中，植入了以iAD、AdMob等第三方广告;

　　3. App互动展现广告

　　APP本身即为互动广告的营销平台，如：宜家、Converse等APP应用;

　　移动网页设计欣赏