Mobile Web Design -- 视觉设计 -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> 视觉设计 --> Mobile Web Design

Mobile Web Design

浏览:2039次出处信息

各式或华丽，或炫目，或让人迷惑，或让人叹服的Web Design已经愉悦我们很长很长的日子了。可是，当有一天我们发现了一个新事物――用手机上网，在手机上看网页，我们看到了一种不一样Web，这种网页大家通常叫他们Wap页面，这种页面形式用简洁的视觉效果，清晰的页面架构和小分量的页面体积第一次满足了我们手机上网的需求。

但到了人类历史的某一天，铺天盖地的Iphone 某某和Android谁谁都出现了，硕大的屏幕尺寸，华丽的界面展现，用手指头去完成各式的操作，手机的的历史使命再也不是打电话发短信，人们大呼“我们要上网！”我们需要给予用户手机上网合理的体验，丰富的内容和交互。又由于Html5的“说是快，那是及”的出现，时势造英雄Mobile Web 华丽登场了。

(一) 我是一种延续――Mobile Web承接Web的视觉体验

以www.deviantart.com为例，她已经是无数设计师生活的一部分，在个人电脑上我们拥有她，在手机上我们也需要她。

Mobile Web的任务很重要的就是要满足用户们从个人电脑到手机的延续，用户在个人电脑上看，在手机上也看，对于像”www.deviantart.com”这样的有很久时间积累的产品，她的视觉风格在用户的脑子里早已形成了一个具象的画面，在移动设备上我们的”m. deviantart.com”同样需要延续这样的品牌视觉风格。

从例子里我们看到好的品牌视觉延续，帮助用户在使用移动设备访问该网站时立刻建立起亲切的视觉初体验和品牌认知。更重要的是，好的视觉设计的延续可以很好的帮助用户在使用Mobile Web时快速的定位自己在个人电脑上使用Web产品时已经熟悉的各种功能，使得用户在Mobile Web上快速上手完成自己的交互需求。

(二)我是一种重生――Mobile Web视觉设计的创新

作为Mobile Web的舞台，Iphone 某某和Android谁谁都有着各自，各式各样的“规章制度”，而且各自特立独行，我行我素。Mobile Web的舞蹈要与他们浑然天成，就需求穿上他们提供的舞衣才能与君共舞。

www.yahoo.com 的页面效果与m.yahoo.com的页面效果

www.baidu.com的页面效果与m.baidu.com的页面效果

一个优秀的Mobile Web设计在延续了自身品牌的一致性后，与移动设备本身的品牌视觉特性相结合是成功的重要因素之一。一致性能帮助用户得到与设备本身和谐的流畅体验。

在上图中我们分别看到门户产品yahoo和搜索引擎产品baidu分别在个人电脑端和移动设备端的Web与Mobile Web的视觉呈现有很大的差异。一个优秀的Mobile Web设计在延续了自身品牌的一致性后，与移动设备本身的品牌视觉特性相结合是成功的重要因素之一。一致性能帮助用户得到与设备本身和谐的流畅体验。