TGideas

不同时代，不同尺寸：多终端平台网页趋势

In 视觉设计

on 2015-01-05 16:22:59

by 爱美丽

我们每天把大量时间花在各种屏幕前：电脑、平板电脑、智能手机和电视，所处的情境决定你会使用哪种设备：在哪里？干什么？有多少时间？现在大家主要以两种方式在不同屏幕设备间切换，即使用完一个屏幕设备再使用另一个设备，即同时使用多个屏幕设备，多终端的切换让我们效率提高，同时也让我们很有成就感。终端成为未来移动互联网发展的重点之一，紧紧围绕用户需求，为用户提供全方位的服务和体验，趋向终端与服务一体化，实现终端多样化。各终端平台主流网页你都了解吗？设计师当然不仅要有手上功夫，紧跟时下流行趋势，那么我们现在能做些什么？能从哪些地方着手？未来会有什么样的交互体验依然轻松舒适？

盘点研究目录：

- 深度定制化阅读方式

- 增强互动跨界连接

- 多终端对营销的意义

深度定制化阅读趋势：

在不同的场景下，大家正在切换不同类型的设备来使用以满足自我需求，各种设备本身也具备可用于随时可更改信息，不丢失任何信息或明显中断信息流的功能，从而也就产生了多终端屏幕的转向特性。

Twitter和微博的活跃度一日不如一日，如今碎片化的内容更适合浅层阅读，深度长内容慢慢在移动端正在受到青睐，初期将碎片时间花在移动设备上，在移动设备、应用和内容日益丰富时，移动设备足以承载需要集中精力才能完成的任务。但是它的短板也非常明显，目前移动端如何平衡轻量化和深度定制内容，差异化才是最终出路。

增强互动跨界连接：

所有深度阅读产品均是围绕内容为中心物品被弱化，演变为以人与人之间的连接，用户身上具备不同的属性，例如撰稿人、招聘者、艺术家、学生、创业者、上班白领等等，将这些不同角色进行对接实现社区化，进而在内容之外提供服务，通过跨界实现服务。

例1：方所是一个书店，他们经营者放弃传统图书，放弃文具和精品百货，仅保留盈利较高的品类，并设置阅读延伸性消费如艺术品、咖啡、茶点等。现在做的不只是书店，而是集书店、美学生活、展览空间与服饰时尚等混业经营为一体，成为一个文化平台一种未来的生活形态。

例2：罗辑思维大家都有所了解，对于我们来说他们是一个互联网社群，罗胖是以读书和分享思想作为粘合剂让社群具有强烈的知识社群特性，这个社群和图书本身有着天然的亲近，然后就有了卖图书包这事儿，售价499元一箱的图书包5小时内8000套全部售卖完毕。老罗以自己的魅力人格博大深厚学识聚拢了百万听众，还有老罗日复一日坚持以对死磕的极致精神，代表着这个社群的群体期望和群体意识，承载了大家对于互联网跨界颠覆的饥渴和想象，所以只要老罗一直死磕着自己愉悦着大家，就有人愿意为他买单，而不在乎他卖的是什么东西。

多终端对营销的意义：

无处不在时刻连接的用户催生了对市场的新的需求，截至2014年6月，我国手机网民规模达5.27亿，较2013年底增加2699万人，网民中使用手机上网的人群占比进一步提升，由2013年的81.0%提升至83.4%，手机网民规模首次超越传统PC网民规模，移动远比新的桌面意味着更多的东西，智能手机和平板电脑已经成为用户多平台生活形态中不可分割的中心组件。这不仅反映在用户每天对移动设备的使用时长上面，而且移动终端正在日渐变成人们远程控制他们的生活和工作的工具，移动为新的营销机会。

网页在终端多样化案例分享：

体感3D投影互动 - 创意投影商品展示：

手机操作使摄影仪将影像投射到家居陈列品上 通过3D投影技术以及Microsoft的Kinect装置，家具零售商可以将各种家具材质及款式的数据存储于云端数据库上，然后通过相配的APP应用程序，就可以让你根据喜好选择不同的材质及款式，然后摄影仪就会将影像投射到家居陈列品上。

演示视频：https://www.youtube.com/watch?v=5YV8lo-OxZQ

移动平板的360°全能对比 - 奔驰汽车The decision pilot

很多商家开始提供可以自定义产品的服务，比如NIKEID、摩托罗拉手机自定义等等，但这选择越多麻烦就越多不知道选哪个好。提供了很方便的元素展示和对比功能，启用360度视角及高清图片，让用户在选择的时候可以方便的比较各种功能。

演示视频：https://www.youtube.com/watch?v=l0K7Wa1Xl6A

可穿戴设备 - VolvoReality XC90 Test Drive Teaser

谷歌的虚拟现实头戴设备CardBoard又开发出了一项新功能虚拟试驾汽车，沃尔沃将利用谷歌CardBoard让消费者在手机上就能试驾旗下新款SUV XC90，可以让玩家比较享受游戏的真实感，真实体验坐在越野车里，畅游在宽阔的道路上，观赏路边美丽的风景、倾听汽车曼妙的声音。

演示视频：https://www.youtube.com/watch?v=Wuln2bJkp1k

APP:Volvo Reality iPhone Screenshot

APP下载地址：https://itunes.apple.com/us/app/volvo-reality/id940642303?ls=1&mt=8

移动端H5小游戏 - Intel Finger BootCamp

五个速度类游戏 非常轻质量的即好上易手的H5小游戏，进入游戏后有两个选项，一个是脸书账户登录，一个是游客试玩。可以左右切换游戏，点击Play就可以玩了，传播的目都是在说英特尔处理器的快。游戏的玩法很简单，比如左边打沙袋，沙袋上的圆圈会随机出现，然后用户要打击圆圈才能得分。自行车就是转动自行车踏，然后达到一定速度后会变化成更高级的自行车。如果用户使用脸书登录，可以看到目前好友积分排行情况。

演示视频：https://www.youtube.com/watch?v=MfSIjfnSMlc

移动端地址：http://bootcamp.intel.com

我们总会热衷于追随最新的设计，越多设计师深入思考动效设计，引领新的流行风格，所以你能在这些优秀的网页中不仅限于以往的扁平化设计、体感交互、极简风、视差滚动、视频背景等等，这些设计优秀的共同的特性就是对移动端的良好支持，随着时间推移，越来越多需要个性化的、带有交互的网页的趋势也将会支持尽可能多的设备。