【主管Q:304724】沐鸣娱乐平台总代理我不确定我们是否看到了2014年的最大趋势。而这一切都是基于几乎所有网站中最小的设计组件之一——按钮。

幽灵按钮——那些透明的,可点击的项目——到处都是。并席卷了整个网页设计世界。谁曾想过像按钮这样简单的东西会改变我们对网页设计的看法呢?

什么是幽灵按钮?

幽灵按钮创建为基本的扁平形状——正方形、长方形、圆形、菱形——没有填充和简单的轮廓。它是完全(或几乎完全透明)的大纲和文本之外。(因此得名“鬼魂”。)

这些按钮通常比网站上传统的可点击按钮稍大一些,并被放置在显眼的位置,比如屏幕的中心。

幽灵按钮可以在许多不同类型的网站(和移动应用程序)和各种设计风格中找到,但最常见的是与单页面的网站和那些极简或几乎是平面的设计方案。这种风格的按钮在使用全屏摄影的页面上也很流行,因为这种简单风格的按钮被认为不会像传统的按钮那样干扰图像。

你有没有仔细看过你的iPhone(运行iOS 7)上的圆形按钮?每个UI元素都是一个幽灵按钮。以下是一位Designmodo的设计师对这一新兴趋势的看法:

“幽灵按钮的出现与人们热衷于制作不透明度为50%的全屏背景以及在其之上制作界面和窗体的热情有关。”在这里,一个机会出现了,将人们的注意力分散在背景照片、产品的反映风格和同时带有幽灵元素的形式之间,这些幽灵元素并没有掩盖它的存在,但仍然可见。”

设计要素

幽灵按钮通常有一组通用的组件。虽然这不是一套完整的使用规则,但当使用幽灵按钮时,这些因素中的许多都在发挥作用。

这个按钮是空心的

它被一个轮廓所包围,通常只有几个点厚

它包含简单的文本

颜色通常是白色或黑色

钮扣通常比传统的钮扣大

幽灵按钮通常被放置在页面的显著位置

幽灵按钮可以单独放置或在小组的按钮

该元素用于平面或接近平面的设计方案

小的几何图标可以在幽灵按钮内部使用,但要谨慎

沐鸣2注册为你的工作雇用最好的网页设计师的5个技巧

【主管Q:304724】沐鸣2注册雇佣一个网页设计师是一个令人兴奋的过程。当我在这篇文章中谈到招聘网页设计时,这些建议可以用在很多方面。首先,它可能意...

沐鸣娱乐平台总代理创建一个伟大的个人在线投资组合的提示

【主管Q:304724】沐鸣娱乐平台总代理作为一名设计师,我想我们都经历过创作个人作品的困难,包括作品集。你在Photoshop中花费了无数的时间,尝试了上百...

沐鸣代理1970设计Airbnb的网站:一个互动的模型练习

【主管Q:304724】沐鸣代理1970当你想到一个好的网站设计,你会想到什么? 对我来说,这就是Airbnb。我喜欢它的设计,不仅仅是因为它有漂亮的调色板或...

沐鸣网址开户理解登陆页面中即时和预期的情绪

【主管Q:304724】沐鸣网址开户立即识别情绪 即时情感是用户对产品的情感反应。例如,由于可用性、可访问性或可读性等问题而对登录页面做出负面反应,...

沐鸣开户全面指南静态网站生成器

【主管Q:304724】沐鸣开户静态网络的起源 实际上,在90年代,web开始是纯静态HTML文件。是的,有一些运行在Perl或Java上的大型应用程序,但是HTML是...

沐鸣代理用户体验设计中的用户故事和场景

【主管Q:304724】沐鸣代理曾经有一段时间,最好的网站设计是包含一些很酷的新功能,怪异的导航和其他设计者认为看起来不错的东西。比起我们的逻辑,我们...