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

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

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


　　这种方法能保持 app“干净”、“简洁”。加入过多的颜色很容易毁掉简洁性。“黑白优先”会促使你关注空间、尺寸和布局这些更重要的问题。先来看一些经典的用灰度模式设计的页面。







　　“黑白优先”法则并不适用于所有情况，比如运动、卡通等有着鲜明特色的设计就需要好好地运用各种颜色。不过，大部分app并没有这样鲜明的特点，只要保持干净和整洁就好，绚丽的颜色被公认是很难设计的，所以，还是先用黑色和白色来吧。






第二步:如何上色

　　上色最简单的方法就是只加一种颜色。




　　在灰色的基础上只加一种颜色可以简单快速的吸引眼球和注意力。




　　你也可以更进一步，在灰色的基础上加两种颜色，或者添加统一色调的多种颜色。

实践中的颜色法则——什么是色调？

　　网页主要用的是十六进制 RGB 表。但 RGB 不是个好的颜色设计框架，HSB 模式会更好用，其中 H(hues) 表示色相，S(saturation) 表示饱和度，B（brightness）表示亮度。

　　HSB 模式是比 RGB 模式更适合我们看待颜色的方式。如果你对这方面不太了解，以下是一些 HSB 模式简单的入门知识。




　　通过调整单一色相的饱和度和亮度，你可以生成各种不同的颜色——深色、浅色、背景色、强调的地方、吸引眼球的地方等，但是又不会很扎眼。使用一种或两种基础色调的多种颜色是强调和淡化某些元素，而又不把设计搞得一团糟的最可靠的方法。




关于颜色的其它几点建议

　　颜色是视觉设计中最复杂的。我从复杂的理论和长期的实践中挑出了一些好的建议送给你:

　　小工具箱：

　　1、不要用纯黑色：在现实世界中几乎见不到绝对的黑色。调整不同的饱和度可以增加设计的丰富程度，也更接近现实世界。
　　2、Adobe Color CC：寻找、调整、创造颜色组合的绝佳工具。
　　3、在Dribble通过颜色搜索：寻找某种颜色如何搭配的好方法，非常实用，如果你已经决定了要用那种颜色，可以通过颜色搜索看看世界顶级的设计师是如何配色的。

法则3：增加空白空间

　　为了让UI看起来更加有设计感，留出一些空白的空间。

　　在第 2 条法则中，我说到了黑白优先的原则，让设计师在考虑颜色之前先想想空间和布局，那么现在我们就来说说如何安排空间和布局。

　　HTML 的默认版式是这样的：





推荐阅读：看过各大车展车载交互系统，后装车机更有戏了
更多讨论内容请点击：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