幽灵按钮在界面中的功能性感觉会比填充的按钮相比较弱，它们不太容易被注意到，它们的实用性主要取决于对比度和背景 - 会有很多缺点，幽灵按钮因为有很多的质疑声而看起来好像消失了很长一段时间，其实不然，他们依旧活跃在界面中。
这种趋势存在甚至繁荣的主要原因之一是我们习惯了使用它们。当幽灵按钮在界面设计刚起步时，这一趋势收到不解和冷漠的回应，这些日子引起了较少的混淆和误解。
我们知道这是一个按钮。考虑点燃在线。不仅巧妙的解释完全符合网站的整洁和商业化设计，而且还吸引了行动号召的注意力，自然而然地将焦点放在了“开始”按钮上，而没有显得很生硬。
Ignite Online 点燃在线
这是过去在界面中使用幽灵按钮的一种方式。现在，该解决方案已经应用了一些改进。看看阿迪达斯的Climazone。
Climazone by Adidas
在这里，幽灵按钮有更多的空间感，以及良好的悬停效果，增加了组件的坚固性。左侧的圆形元素有助于保持统一性。
鉴于前面的例子，要从这一趋势中受益，需要考虑一些小点：
通过扩展填充使该按钮更大
确保它周围有足够的留白
在组件背景中与组件形成对比用适当的图形补充它应用悬停效果 -也许你会吃惊于轮廓样式，但能够增强用户体验。看看Pholc。在这里，解决方案是用分屏设计形成了一个精彩的关联，具有四方形的背景里，产生了一个不错的结果。两个不明显的按钮被呈现为框在稀薄白色边框上的消息。你有两种选择 - 两种方式来浏览网站 - 他们对用户来说非常清楚。
Pholc
An Echo of Line Art
按钮并不是设计基础中精致线条艺术的唯一元素。在整个设计中使用空心物体有一个明显的趋势，并且有很多样式。例如，带有色彩遮罩的背景会引导视线聚焦在按钮上，例如下面这两个网站Drawlight和Domaine Direct。比如在标题周围加上一圈纤细的和背景有微妙对比的边框，不仅让整个设计显得更加优雅。
Drawlight
Domaine Direct
Feudi di San Gregorio 这个网站尤其值得密切关注。虽然和之前的例子一样用边框封装标题，但本网站背后的设计团队最大限度地发挥了视觉冲击力，将整个信息封装在概述框中，从而实现了视觉焦点层次感。
Feudi di San Gregorio
这个技巧对于静态首屏是有利的，只需要稍微改变一下大小。将您的注意力转移到ContraryCon。
ContraryCon
该网站开始与用户的表现，是模仿故障效果的动画。虽然效果可能有点夸张，并且有一些让人难以接受，但是由于围绕核心部分的边框的巧妙设计，它立刻吸引了整体注意力，仿佛抑制了动画里面的张扬。用户可以分清主次，如菜单，CTA和logo。
将空心物体作为装饰
当涉及到装饰目的时，在几何视觉效果的时代，空心的几何物体地位难以被撼动。它可以应用于设计的各个方面。下面的例子证明他的用处：
丰富背景，使其不那么单调和沉闷，但更像 Weslaco Economic Development Corp 和 The Artery这两个网站的耐人寻味。这两个网站都具有网格灵感的背景，看起来很棒。虽然第一个例子使用解决方案与图像相结合，形成一个带有扭曲的背景，但后者将其应用于干净的单调背景，结束时触感很好。
Weslaco Economic Development Corp韦斯拉科经济发展公司
The Artery
Intours DMC
营造氛围，像Intours DMC一样。蓝色方形色块反衬了左侧的大胆标题，将芭蕾舞女演员的照片置于聚光灯下。
等份
像Equal Parts一样增加娱乐性。欢迎部分填充以空心正方形，矩形，三角形和圆圈包围的笑脸。使用拖放功能，您可以将它们在屏幕上移动，在四处移动。
线性艺术
空心元素归根到底就是用线条勾勒出来的图形轮廓，它最终指向了风格微妙而个性十足的线性艺术。让我们看看两个杰出的例子：买方维也纳现代主义和Vos Besoins。他们以某种方式提供了一个很好的和意想不到的转折点。
维也纳现代主义
维也纳现代主义有着非常棒的着陆页，完全符合项目的精神。网格状结构充满了装饰线条，薄边和几何形状。设计看起来现代，艺术和巧妙。
买方的需求
虽然Vos Besoins是围绕线型元素的特殊实现而构建的，与前面的例子非常相似，但它的感觉不那么艺术，但更加技术性。整体效果是由空心物体，幽灵按钮和笼罩在慷慨空间中的互补细线组合而成。
如果这些鬼魅按钮和空心物体的现代化身对你来说看起来有些古怪，那么仍然有一些设计坚持传统路线，例如Arcys和 Festive Folks。他们展示线条艺术的美丽。
Arcys
Festive Folks民间节日
Arcys利用素描线稿来呈现科技感;而Festive Folks 则充分采用了充满艺术气息的手绘作品来表达。
总结
空心元素，尤其是幽灵按钮，需要设计师对于细节和体验有足够的关注才能用好。为了从这种趋势中运用得当，有几件事情需要做：
确定组件的目标：如果它是一个按钮，它应该作为一个行动呼吁;
如果它是纯粹的装饰，那么它应该融入场景或作为焦点注意周围环境，因为线型元素很容易在密集的环境中迷失，最简单的选择是在元素内部和外部添加留白。
保持对比：如果做得对，即使几乎不可察觉的细节可以成为焦点;通过合理的对比配比，让关键的元素脱颖而出。
原文链接