科技: 人物 企业 技术 IT业 TMT
科普: 自然 科学 科幻 宇宙 科学家
通信: 历史 技术 手机 词典 3G馆
索引: 分类 推荐 专题 热点 排行榜
互联网: 广告 营销 政务 游戏 google
新媒体: 社交 博客 学者 人物 传播学
新思想: 网站 新书 新知 新词 思想家
图书馆: 文化 商业 管理 经济 期刊
网络文化: 社会 红人 黑客 治理 亚文化
创业百科: VC 词典 指南 案例 创业史
前沿科技: 清洁 绿色 纳米 生物 环保
知识产权: 盗版 共享 学人 法规 著作
用户名: 密码: 注册 忘记密码?
    创建新词条
科技百科
  • 人气指数: 5920 次
  • 编辑次数: 1 次 历史版本
  • 更新时间: 2012-05-20
土土
土土
发短消息
相关词条
空中互联网计划遇阻
空中互联网计划遇阻
Android应用追溯
Android应用追溯
中移动融合通信
中移动融合通信
移动互联网创业五大预测
移动互联网创业五大预测
手机应用驱动现代生活
手机应用驱动现代生活
APP红海开发者困局
APP红海开发者困局
中美移动互联网用户消费行为
中美移动互联网用户消费行为
欧盟应用市场规模
欧盟应用市场规模
移动互联网乱战
移动互联网乱战
移动互联网的未来
移动互联网的未来
推荐词条
希拉里二度竞选
希拉里二度竞选
《互联网百科系列》
《互联网百科系列》
《黑客百科》
《黑客百科》
《网络舆情百科》
《网络舆情百科》
《网络治理百科》
《网络治理百科》
《硅谷百科》
《硅谷百科》
2017年特斯拉
2017年特斯拉
MIT黑客全纪录
MIT黑客全纪录
桑达尔·皮查伊
桑达尔·皮查伊
阿里双十一成交额
阿里双十一成交额
最新词条

热门标签

微博侠 数字营销2011年度总结 政务微博元年 2011微博十大事件 美国十大创业孵化器 盘点美国导师型创业孵化器 盘点导师型创业孵化器 TechStars 智能电视大战前夜 竞争型国企 公益型国企 2011央视经济年度人物 Rhianna Pratchett 莱恩娜·普莱契 Zynga与Facebook关系 Zynga盈利危机 2010年手机社交游戏行业分析报告 游戏奖励 主流手机游戏公司运营表现 主流手机游戏公司运营对比数据 创建游戏原型 正反馈现象 易用性设计增强游戏体验 易用性设计 《The Sims Social》社交亮 心理生理学与游戏 Kixeye Storm8 Storm8公司 女性玩家营销策略 休闲游戏的创新性 游戏运营的数据分析 社交游戏分析学常见术语 游戏运营数据解析 iPad风行美国校园 iPad终结传统教科书 游戏平衡性 成长类型及情感元素 鸿蒙国际 云骗钱 2011年政务微博报告 《2011年政务微博报告》 方正产业图谱 方正改制考 通信企业属公益型国企 善用玩家作弊行为 手机游戏传播 每用户平均收入 ARPU值 ARPU 游戏授权三面观 游戏设计所运用的化学原理 iOS应用人性化界面设计原则 硬核游戏 硬核社交游戏 生物测量法研究玩家 全球移动用户 用户研究三部曲 Tagged转型故事 Tagged Instagram火爆的3大原因 全球第四大社交网络Badoo Badoo 2011年最迅猛的20大创业公司 病毒式传播功能支持的游戏设计 病毒式传播功能 美国社交游戏虚拟商品收益 Flipboard改变阅读 盘点10大最难iPhone游戏 移动应用设计7大主流趋势 成功的设计文件十个要点 游戏设计文件 应用内置付费功能 内置付费功能 IAP功能 IAP IAP模式 游戏易用性测试 生理心理游戏评估 游戏化游戏 全美社交游戏规模 美国社交游戏市场 全球平板电脑出货量 Facebook虚拟商品收益 Facebook全球广告营收 Facebook广告营收 失败游戏设计的数宗罪名 休闲游戏设计要点 玩游戏可提高认知能力 玩游戏与认知能力 全球游戏广告 独立开发者提高工作效率的100个要点 Facebook亚洲用户 免费游戏的10种创收模式 人类大脑可下载 2012年最值得期待的20位硅谷企业家 做空中概股的幕后黑手 做空中概股幕后黑手 苹果2013营收 Playfish社交游戏架构

移动Web设计 发表评论(0) 编辑词条

目录

移动Web设计编辑本段回目录


各式或华丽,或炫目,或让人迷惑,或让人叹服的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设计在延续了自身品牌的一致性后,与移动设备本身的品牌视觉特性相结合是成功的重要因素之一。一致性能帮助用户得到与设备本身和谐的流畅体验。
www.naver.com的页面效果与m.naver.com的页面效果


m.naver.com的众多带有移动终端特点的视觉设计


在naver的Mobile Web视觉设计中使用了大量移动终端本身的视觉特点,如产品的链接采用app icon的方式,各级页面中导航的设计等等。
我们可以发现好的品牌再设计,也会给品牌本身带来更多的视觉展现的可能,也迎来了味道更纯正的Mobile Web,真的为Mobile 而设计——“为了用户感受的一致而不一致的去做设计”。

(三)我是Mobile Web——新的物种

曾经我是 Web的一个化身,但我在Mobile 的星球生活,我开始变化,我有了自己更多的特性,有一天我终于意识到我成为一种新的物种。
www.baidu.com 的首页与m.baidu.com的首页


用户在使用个人电脑上网与使用移动设备上网时的需求,因为使用场景,使用时间 ,使用群体等等的不同,以及移动设备本身的反推可能有着越来越大的差异。所以我们看到在个人电脑端的baidu首页没有“小说”链接,但在移动终端的baidu首页上拥有独立的“小说”频道。
Baidu小说频道


这样的差异衍生出一批批Mobile Web自有产品,这样的产品为满足用户在移动设备上的强需求而设计,这样的设计不再有过去为人们所熟悉的个人电脑Web设计的影子,成为真正的Mobile Web。
www.google.com.hk的首页与m.google.com.hk首页


Google移动端周边搜索


(四)我是云端的App—— Mobile Web App视觉设计

随着网络的不断发展,Mobile Web又迎来了Mobile Web App,不需要下载,将我添加到桌面,就成了一个App应用。
Naver Mobile Web App


Mobile Web 的视觉设计进入到全面的客户端化视觉设计, Mobile Web 与Mobile Web App的视觉设计真是老虎老鼠傻傻分不清楚。
Mobile Web 的序幕刚刚拉开,我们都抢座等着慢慢看下去。


转载请注明出自”百度MUX”

→如果您认为本词条还有待完善,请 编辑词条

词条内容仅供参考,如果您需要解决具体问题
(尤其在法律、医学等领域),建议您咨询相关领域专业人士。
0

标签: 移动Web设计

收藏到: Favorites  

同义词: Mobile Web Design

关于本词条的评论 (共0条)发表评论>>

对词条发表评论

评论长度最大为200个字符。