电子资讯 - GPS技术 - 电子评测
主站 > 汽车电子 > 电子资讯 > 正文

车载交互界面如何进步？ 看大神的7个答案(4)

  • 2014-12-01 20:12
  • 来源:36氪
  • 作者:YvesYAN
  • 责任编辑:CarCAV
分享到：微信




方法3：虚化图片

　　虚化图片是增加文字易读性的好方法，把文字下方的图片虚化了，同时把虚化部分亮度调低。



　　iOS 7 用毛玻璃的效果虚化了背景，而 Windows Vista 也使用了这种虚化效果。





　　虚化图片的方法也有局限性，你需要确保在不同屏幕上图片尺寸调整后，文字依然是在虚化的区域上的。




　看看下面这个例子，你能看清小标题吗？真不知道这样的设计是怎么通过审核上线的。




方法4：底部褪色

　　所谓底部褪色是将图片的下边缘变暗一些，然后在放上白色的文字。这是一种非常有独创性的方法，我不知道在 Medium 之前有没有人用过，但我是先在 Medium 上看到的。




　　乍一看，你可能觉得这就是把文字放在了图片上。其实不然，图片上有一些非常细微的变化，中间完全没有黑色覆盖，而底部有不透明度大约 20% 的黑色覆盖在上面。

　　这样的变化很难看出来，但确实存在，而且确实提高了文字的可辨认性。

　　此外，Medium 还给文集图片上的文字加了些许阴影，进一步提高了文字的易读性。最终的效果就是 Medium 可以把任何文字放在任何图片上，阅读体验非常好。

　　有人可能会问了，为什么是把图片的底部变暗呢？为什么不能是图片的其它区域？要回答这个问题，请看法则1：光线来自天空。光线从上面照下来，图片的上方亮一些，而底部较暗，看起来更自然。

　　此外，你还可以把虚化和底部褪色结合起来，做出底部虚化的效果，比如下面这张图的效果：




方法5：把图片部分区域的光线变得更柔和

　　Elastica 的博客的题图并不是太暗，而且对比都较强。为什么文字的辨识度还这么高呢，就像下面两张图显示的这样：







推荐阅读：看过各大车展车载交互系统，后装车机更有戏了
更多讨论内容请点击：http://bbs.carcav.com/read-htm-tid-958420.html

    本网所有内容，未经注明，版权一律归中国汽车影音网（CarCAV.com）所有
    欢迎转载或引用本网所载内容，但请注明来源于CarCAV.com,否则依法追究相关责任
------分隔线----------------------------
中国汽车影音网微信公众号

改装案例库进入>>

品牌专区进入>>

附近专业改装店进入>>

免责声明：CarCAV 版权所有,未经授权禁止转载、摘编、复制或建立镜像..如有违反,追究法律责任.
Copyright 2002-2012 www.CarCAV.com All rights reserved.
汽车影音网 粤ICP备12018969号 增值电信业务经营许可证编号：粤B2-20100402