首页 关于 服务 电商 案例 新闻 联系

首页 关于 服务 电商 案例 新闻 联系

网页设计中的灰色使用

       灰色是介于白色和黑色之间的过度色,没有色相,仅有明度。不论是网页浏览器或者是办公软件或者其他软件,我们都能看到灰色的身影。

 

1.浏览器.png


    【某浏览器】

 

1.办公软件.png


    【办公软件】


       在界面设计中通常要使用大量的灰色区域,虽然没有彩色那么抢眼,甚至让人回忆界面的时候你会回想不出来灰色区域部分的内容是什么,但是在进行页面操作的时候我们会在灰色区域部分轻而易举的找到我们想要的功能操作。这是因为好的界面设计,不适令人惊叹、五彩缤纷,而是在即几乎无察觉的情况下顺利的帮助你完成对设备的操作任务。


网页设计中常使用的灰色

3.色块.png 

       在网页中不论是醒目的标题还是不起眼的占位符都是选择不同明度的灰色进行表达。甚至整个界面都使用灰色来进行构建,举个最显著的例子就:apple官网。

 

4.apple官网.png


       灰色通常给人的感觉是:正派,沉稳,坚毅,内敛,中性,厚重,智慧或者悲伤等。在国外网页大也大量的运用灰色,给人一种高大上的感觉。

 

5.图像.png



6.图2.png


    当然,灰色通常和彩色搭配在一起,体现出一种状态模式的表现:

 

7.对比.png


8.app.png

 

(表达未被激活状态或用来区分层级区域)

    当然灰色在网页中还有很多的作用意义,灰色的灵活运用往往也是在让界面简洁但又充满细节的重要表达手法,今后还是要多加学习的。


您身边资深的互联网整合营销服务商
7 0 0 8 6 0 0 0377-60363666