网站首页 > 网站设计> 文章内容

世界很大!一起看看20个巧用地图元素的优秀网页设计

※发布时间:2017-11-6 19:17:37   ※发布作者:habao   ※出自何处: 

  多数时候,我们在网页中看到的地图,都是用百度/谷歌地图来显示公司、机构或者店铺的地理。然而,地图在网页中的使用真的就只能这么单调么?

  将原始的、额外加入的地图元素成极具吸引力和视觉冲击力的组成部分,需要进行相当程度的调整,加入特效和互动元素:微妙的动效、基于多的工具、动态指针、扁平化的风格、Lowpoly风的插画、现代风的线条图标,甚至是略显古怪的草图也能让地图焕发出生命力。

  设计师使用色彩明亮的点和线搭建出一幅优雅而细腻的世界地图,它不仅以不同寻常的方式展现出五名年轻的梦想家,而且以一种优雅的方式营造出品牌独特的风格和氛围。

  和上一个案例颇为相似,设计师用小圆点优雅地搭建出世界地图,灰白的色调看起来雅致而时尚。用户头像在地图的映衬下成为视觉重心,一点违和感都没有。

  想知道哪个欧洲国家的首都生活成本最合理,最令人舒适么?试着探索一下这个项目吧,在地图上点击这些国家的首都,你会清晰地看到哪些成本高昂,哪些经济实惠。

  如果你热衷于参观名胜古迹,那么这个项目就是为你量身定制的。复古的地图样式,精雕细琢的经典图标,充满活力而漂亮的地标,完美的互动性和丰富的信息整合在一起,你一定不要错过。

  在Google的支持之下,你可以借助这个网站对进行更深入的了解。这个使用彩色地标的互动式地图为你展现了25个不同主题的内容,你可以以任何语言参与到其中的讨论。

  Beyond the Track 是一个有趣而又实用的网站,它以一种更为引人入胜的方式展现了世界摩托车大赛冠军赛的相关信息,并提供了相关服务。你可以在这里查看比赛的五大赛道,相关的统计数据,周边的文化经典,住宿信息,等等等等。

  这个网站的团队专注于寻找更富有活力的三位互动地图的创意解决方案。通过HTML5来驱动多边形图形,以精巧别致的地图展现出Galapagos的独特风景。

  Everyday Moments 是一个交互可视化的网站,展示关于英国和的一些日常的推文。设计师采用了柔和的色调,微妙的图形和赏心悦目的动效,其中地图的设计最是眼球。

  借助街景技术,这个网站的开发团队成功地呈现了世界上最的道。虽然地图的插画仅仅只是在开头“欢迎”环节展示了一下,但是整个项目是基于这个地形来构建的。

  推荐:

  

相关阅读
  • 没有资料