由于Bootstrap在网站开发上的简单易用,越来越多的网站**和设计师开始使用它,连带着扁平化风格和幽灵按钮越来越流行。
Bootstrap 简单自然,单色背景为幽灵按钮留下了足够的施展空间。
相关阅读∏凹耕用Bootstrap教你快速构建一个美观且高品质的网站》
接下来,我们总结一下幽灵按钮的优缺点:
幽灵按钮的优缺点
优点
幽灵按钮有许多优势,能为你的设计加分不少:
?诸如PS和AI这样的绘图软件可以轻松绘制幽灵按钮
?尽管设计幽灵按钮很容易,但是它并不会显得过于单薄或者易被忽视,事实上,它们往往能让设计更加优雅成熟。
?幽灵按钮常常显得清晰而微妙,它总能让浏览者感觉自由而放松。使用幽灵按钮的页面常常不会让人觉得沉重,它能让设计视觉更加轻量,同时唤起秩序感。
?由于幽灵按钮通常是中空的,所以它也很容易与其他的设计元素来搭配使用,白搭随心。
?毫无疑问,幽灵按钮是2014年的热门设计趋势,如果你巧妙运用能让你的网站看起来更加时尚。
事物总需要一分为二来看,幽灵按钮自然也有它的局限性,当你设计的时候需要仔细考虑一下这些因素。
缺点
?虽然幽灵按钮已经非常流行了,但是它们并非是万金油。使用它们可能会分散按钮应有的聚焦感,你需要精心设计,让按钮不被埋没,也不喧宾夺主。
?幽灵按钮的存在已经打破了传统网页设计中按钮固有的形象和体验,你让它产生类似现实中按钮的体验是不可能的,尤其是当你没有用好它的时候,这种存在感和体验会更加薄弱。
?幽灵按钮的透明度会导致可读性降低的问题。大图背景和不合理的配色会让这种糟糕体验雪上加霜。我们会在后续看到反例。
幽灵按钮的使用实例
Bilderphoto.com
幽灵按钮置于网站正中央,吸引用户去点击,以发现更多的内容。但是在我看来,幽灵按钮并没有得到很好的安置。为了对比度,幽灵按钮的边框和文字均使用了白色,可是背景中的女孩也是一身白,这使得按钮中的单词“imagemaking”并不完全符合对比度的需求,影响了可读性。当然,积更的一面在于,你可以通过刷新看到其他的图片。
union Room
这个与文件备份有关的网站是通过简单的蓝白双色来呈现的,对比强烈。其中使用了两个椭圆形的幽灵按钮。两个按钮识别度也做的非常不错,没有与背景混淆也易于被发现,这个网站的设计师还是非常称职的。
结语
文章不长内容不多,但是句句是干货。当然,更重要的还是在实践中掌控幽灵按钮,不是么?