搜索
写经验 领红包

网页地图是什么(网页地图)

导语:教程|设计网页地图和移动端地图的五大不同

想让你的产品适应跨平台应用?想提升移动端应用程序界面滑动的顺畅度?记住以下这几点来优化你手机端的地图吧!

1. 减少信息密度

手机端的地图本质上就是网页端地图的裁剪版,我们只是要在一个小点儿的屏幕上浏览同一张地图,所以一定要记得考虑你地图上的数据密度。屏幕小了,显示的信息量就要少。

2. 检查字体大小和粗细

因为手机和电脑有不同的分辨率,同一张地图的字体在手机上看起来会比网页端的更小且更粗。比如,iOS的字体就太过偏细了,甚至在网页端上中等粗细的字体在iOS环境下看起来也像粗体。Android 和 iOS 在字体的大小和粗细上也不相同。此外,有光晕的字体你还需要调整光晕的大小来增强可读性。

3. 夜间模式,夜间模式,夜间模式(重要的事情说三遍!)

人们无时无刻在任何地点都会用手机,不管是坐在家里的沙发上,还是在外面散步走路,不管是在室内还是室外。在等候公车、地铁、飞机、火车,甚至在外旅游是大家都是“机”不离手。因此设置日间和夜间模式是非常重要的,特别是那些有导航功能的地图。

4. 重要性与对比度

低对比度文字的可阅读性比较低,放在小屏幕的手机上用户的体验感会更差,因此背景和前景颜色一定要有足够的对比。文字和图标也是如此,颜色和设计一定要遵守严格的层级关系,我们通常根据内容的重要性来设置层级。比如,你设计公路盾构和中转站图标时要让他们可以清晰地看见又不争夺视线的注意力,而在设计一些不太重要的地点,比如狗狗公园时,就不用让他们很醒目。

5. 测试

你需要经常在终端上预览你的地图并进行交互测试。

(内容转自: Mapbox)

本文内容由小涵整理编辑!