020-29815005
预约专线时间:09:00-23:59

导航用色的注意事项

新闻来源:本站 日期:2021-06-26
首先,我们要记住一个重要的原则:让导航在每一页中以一致的外观出现在同一位置,使用户立即确认他们仍然呆在该站点。
    1.导航色彩匹配品牌。

    选择品牌颜色是产品UI设计的重要环节,品牌颜色的选择要符合产品定位和使用人群的特点。要了解各种色彩的情感属性,再根据产品使用人群的特点选择合适的色相,在色相的基础上调节亮度和饱和度。

    注:

    在此要考虑色盲和弱色者的视觉体验,可以用颜色工具来判断选择的颜色是否对有色彩障碍的用户一样友好。

    试着让产品在不好的环境中视觉感觉良好,一些Mac下的颜色往往会显示得很漂亮,在其他低分辨率的设备下也容易偏色。设计者需要考虑产品在不同设备下的呈现效果,做综合选择与评价。

    可能是这样。

    建议的颜色对比工具:


UI设计


    2.避免色彩饱和度高、亮度高。

    在B端产品设计中,用户经常需要长时间地专注于工作内容,而明亮的导航颜色会使人产生视觉疲劳,不利于导航层次和内容更好地呈现,因此应避免色彩饱和度高。这是一个反例:6.0版的钉钉结构布局进行了调整,虽然有可取的地方,但是导航的色彩饱和度比前一次有所提高,看上去非常抢眼。

    3.试着用带颜色的深灰色。

    企业级平台产品,往往以pc端用户为主。考虑到屏幕分辨率的问题,导航颜色尽量选择深色,这样在不同的终端实际展示效果上更具包容性。还利于系统层次的展示,从而更好的突出内容。

    像高速公路上的指示牌一样导航,为用户指明方向和承载产品内容。商品有清晰、一致的导航,防止用户迷失方向,是良好产品体验的基础,需要每一位产品设计师精心打磨。