网页中的幽灵按钮,若有若无的存在

 2020-09-29 08:56:59  523 浏览  0 评论   赞

在一些扁平化的网页设计中,幽灵按钮的形式时有出现,它的形状外观非常简单,通透得像幽灵一样,幽灵按钮因为不明显,因此往往较大,用边框识别

网页中的幽灵按钮,若有若无的存在

图749-1:幽灵按钮1

所谓的幽灵按钮,其实并不是指幽灵形状的按钮。而是指按钮的形状比较简单简洁,或者是一个矩形又或者一个圆角矩形的边框,透明的内部,看上去若有若无,很有呼吸感,通透得像幽灵一样。

网页中的幽灵按钮,若有若无的存在

图749-2:幽灵按钮2

这种按钮形式在诸多的扁平化风格的网站设计当中出现过了,通常要比其他的普通按钮尺寸要大一些,浮动在大图的背景、视频之上。用户在浏览整张大图或者整个视频都能够看得到它的存在。

网页中的幽灵按钮,若有若无的存在

图749-3:幽灵按钮3

要注意的是,因为透明的效果,需要将它放置在用户容易注意到的位置之上,例如页面的中间。使用的颜色多是黑白,因为需要和页面周围的环境说协调。当然,也可以合理的采用其他的颜色。与幽灵按钮搭配多是无衬线的字体,这样能够很好的保持视觉上的一致,营造出简洁舒适的视觉效果!

网页中的幽灵按钮,若有若无的存在

图749-4:幽灵按钮4

 

转载请注明:网创网 www.netcyw.cn/b749.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com