逻辑上，实际的模拟按钮实际上可能不适合Web假设；然而，对于用户来说，实际上可能并非如此。
虽然是想象力的一个关键点，但是按钮想象力确实起到了一个无足轻重的作用。按钮是用户见面最关键的入口，也是转化的触发器。如果纽扣上有明显的伤痕，那么我们必须再次见面。
虽然每个人都很好地掌握了两端对齐按钮的想法，但他们仍然对一些非常规按钮的宏伟功能感到惊讶，就像真正的按钮一样。
虚拟按钮实际上并不是什么秘密，尽管它听起来像一个幽灵按钮。在Web上，虚拟按钮具有调用(CTA)功能。
虚拟按键最大的特点就是不雅。从下面的Dropbox例子可以看出传统按钮和真实按钮的区别。
Dropbox的购买提醒页面有两个真正的按钮。
管理中心深蓝色的按钮是大家习惯的真诚按钮，两边透明的按钮是实际按钮。
从逻辑上来说，看似实际的按钮其实并不适合Web的思路，因为它们其实并不是隐形的，可以面对面的打，所以借用了传统按钮的这些众所周知的元素。但是，讨论告白，对用户来说，实际上可能不是那样的。
那篇文章的总体目标是通过讨论实际按钮的缺点，并在整个过程中提供详细的例子来背诵经典，以帮助材料经理和交互远见者。
实拟按钮是什么网页设计师写了很多文章讨论如何想象更强大的按钮。在这些指导意见中，专家们试图回应入侵材料经理、交互远见者和先锋技术工程师的检查结果:
哪一种颜色最有吸收力？以致什么才算是实正有成本的注意力？按钮规格应当很多年夜？规格的危害大吗？按钮里的文案该怎样写？放已经按钮四周的文案应当是什么样的？移动端战M站的按钮设想是一样的吗？要依照大拇指的控制地域终止协商吗？在网络想象中，你如何看待实际的按钮并不重要。当你想象按钮的时候，大城市询问上面的考试成绩。
我们先来看看真实模拟按钮的弊端。
实拟按钮的缺点 朴素因此，呼吁使用艳丽色彩的目的是为了有针对性地引导用户的视觉效果流，使用户的视线在目的地区域散焦。但是，对于实际的按钮，如果按钮表面的墨水笔是彩色的。因为有颜色的区域很少，实际按键容易消化吸收用户的注意力，其他元素比如关于华丽图案的绘制会让用户忽略实际按键的存在。
A/B检测到三分之一升高
我觉得ElevatedThird做的A/B测试就是一个非常好的例子，它证实了无论是从网页上借来的，还是在电子邮件地址中借来的，实际的按钮都无法给人留下深刻的印象。
用户风俗习惯当用户读到下一页并停止下一个控制步骤时，他们过去常常追求充满华丽色彩的传统按钮。不经意间，这些按键会包含正影大战的三维结果，这样更容易按下。虚拟按键不符合那类用户的习惯，用户不得不修改惯性力的概念来追求。
易读性按照传统的叫停标准，按钮使用深棕色字体风格，文字使用浅色字体风格；然而，实际的按钮没有那种协调。另一方面，实际按钮的文字在深棕色的帮助下很容易阅读，这限制了颜色的选择。
透明度如果用户习惯于按钮影响，那么透明度将是一个容易的测试结果。虽然经过测试，但实际按键看起来是正确的；但是在实际活动的使用中，按键周围可以有大照片，或者电脑显示屏小，那种大城市按键的易读性是压抑的。旋转等时也是如此。如果照片在按钮的底部，很容易找到按钮并识别按钮的内容。
影响力传统按钮的优势之一是它分享了页面中的大部分影响。但是在实际使用按钮的时候，我们要考虑用户迷路的风险，也就是说设计师要提前猜测用户的视觉效果流程，然后把按钮放到具体的影响上。
从上面提到的例子可以看出，实际按钮的影响力非常高，取决于内容。真实按钮数量最常见的影响就是首页的横幅被倒圆角，简洁明了的介绍文案会在不经意间被倒圆角。
实拟按钮的优点很明显，上述缺点是预料中的。你用那种想象元素的时候，肯定会考虑的。
极简风格你读过真正按钮的起源吗？大多数人把实际按键放回到2013年底iOS7发布的时候。因为iPhone决定接受世界上更简单的想象标准，所以实际按键的广泛使用会很自然。
极简风格的要点是尽可能减少对网页启动的质疑，控制世界上干净简单的想法，突出有效内容的呈现和质疑的公布。
Bootstrap使用的实际模拟按钮是极简风格的标准。
引导网页上的简单模拟按钮
专业能力有一些现实的按钮不仅符合逻辑，而且看起来非常技术和专业，就像尼尔·帕特尔一样。
尼尔·帕特尔网站里的一切都只是一个呼叫按钮，是一个模拟按钮。
边肖认为实际按钮比技术专业的贸易网站要好。网站的成本是为了显示企业的疑惑，但是没有2008年那一夜被吸收吸收的功能按钮。真正的按钮在用户看文章的时候其实已经不虚伪了。一旦用户决定终止某个控制，真正的按钮就可以被准确地推过整个过程。
规格当停止调用被引入Web场景时，我们必须考虑最有想象力的规范，尤其是M-stop。是不是太小用户看不到？是不是太大了，太高了？适合打脸吗？如果使用传统按键，很容易找到安静的规范，可能会给用户带来不必要的侵扰。
不过关于实际按键，规格已经不再是让人头疼的问题了，就像三星一样。
三松的m站是昨晚大学的一个模拟按钮。
看那个按钮好多年了！但是对你有害。你参观过幽默的背景图吗？LG用的是真心按钮。
LG用的是真心按钮。
LGM在网上算是有点诚意的按钮。
因为需要填充艳丽的颜色，所以相比三星，LG的按键在规格上缩小了很多。
减少取别的原素的排斥不经意间，可以毫无期待地呼唤过度的精彩。虽然，基金会的目的是让用户面对面点击按钮进行转化，但在此之前，你可以期待用户先访问按钮周围的信息。就像Asana的情况一样。
Asana网站上的模拟按钮
其实按钮并不是必不可少的，有着最辉煌的影响力。评分就是墨水笔战斗照明确引导的时候。
动绘如果页面看起来很沉闷，选择动画总是明智的。绘画不仅不能给用户带来多少欢乐，还可以检查页面中的逻辑矛盾。把真正的按钮战和动作画图的关键点分开，往往事半功倍。
SmashingMagazine将动画和模拟按钮分开使用。
如例所示，动画为用户提供了一个控制和确定的响应，仿佛在说:“你看，真的是一个按钮。尝一尝，会有什么显示”。
春树的网站也是把实际模拟按钮和动画分开的标准。
村上春树用动画来激励用户。
哪个场景的总体目标并没有在控件中体现出来，而是在页面变化时纯粹自然的，让用户把注意力相互连接起来。
三节面的止为呼唤但是三段没有调用，尤其是移动端。室内空房间以前是一个品类，给用户太多选择会导致测试分数。但是实际的按钮不会有拥挤的战争和艰难的选择，因为它们占据的空间空并不大，但是没有什么会打扰到页面中的其他元素。
涡轮税的三个方面被称为。
让我们来看看顶级网站如何使用两个stop-for-call。橙色按钮是第一个调用的，实际按钮是第二个。
谷歌地图也提供了一个很好的树模型。
谷歌地图的坚持只是一个号召。
在这个例子中，两个平行的按钮是主选项和辅助选项。但是当两个丑的差不多的按钮并行分配时，实际的按钮作为对比来抬高另一个按钮。
苹果也经常使用模拟按钮。在这种情况下，模拟按钮的功能是转换选项卡。
使用苹果模拟按钮作为标签问题类型
当页面或选项卡未被选中时，实际按钮可以启动未选中的形状。
实拟按钮检测真模拟按钮的缺点和优点前面已经解释过了，但是如何结合实际使用真模拟按钮呢？真实的按钮能产生实践活动的转化吗？有如下几种相关的测试:
测试1：SEEK的检测凯拉·j·赫弗南是一位用户感知梦想家和讨论者，她测试了真正的按钮是否像梦想家想的那样草率。SEEK终止了作为重新调用按钮的真实模拟按钮的以下A/B测试:
SEEK再次调用按钮测试。
在这次测试中，她惊喜地创造了一项发明，深蓝真诚按键和真实模拟按键的转换结果已经是前两项。在排除了蓝紫色和深灰色的方案后，她做了第二组A/B测试。
求对比深蓝色真诚按钮战深蓝色现实按钮
测试之初，Kayla拼着她的精英团队重新发明了深蓝真诚按钮和深蓝实际按钮，转换结果完全一样，分离14%和13.1%。
测试2：TruConversion的落地页按钮登录页面有以下三个不同之处:呼叫按钮:
一个大的、翠绿色的“ClaimYourFreeCopy”按钮；一个小的、乌色的“ClaimYourFreeCopy”按钮；一个小的、乌色表层、白文字的“LookInside”按钮；TruConversion终止对三个按钮的检测。
TruConversion知道这些按钮的转换结果，它控制流行度。毫无疑问，哪个按钮最受关注。
TruConversion利用热门的地方，毫无疑问是有效的。
出乎意料的是，大祖母绿按钮获得的人脸点击量最多，占总人脸点击量的38.68%；然而，令人恐惧的是，虽然黑色按钮已经覆盖了整个提示框带，但用户在阅读页面时刚开始看到，却只有5.22%的人脸命中；黑白字符的实际按钮有7.9%的面对面命中率，大大超过了讨论的估计。
测试3：FreshEgg的透明/真心实意按钮如前所述，需要仔细设置实际按钮的透明度。在上面的例子中，模拟按钮被放置在问题的影响上。
鲜蛋终止了几个A/B测试，如下。
鲜蛋在主页上改进了A/B测试。
在真实按键和正版按键的第二次测试中，鲜蛋做了连接进度和打脸三个A/B测试。通过对用户行为的全程流行和精准检测，可以判断出用户寻找和面击一个按钮需要多长时间。
正如所料，实际按钮的指示实际上不是很好:
实拟按钮比真心实意按钮更易寻找；实拟按钮的面击量很低；实拟按钮有非常大要率被误面；结果：已经精确的情景利用实拟按钮按钮想法庞大，即使设想了面对面战斗的自动跳转，也不代表持续稳定。我们应该不断地解释数据信息，评论暂定计划并终止A/B测试。在当时，这是相互联系的唯一方式，也正因为如此，人们认为原按钮应该是候选方案之一。
实际上，我不认为实际的按钮可以在所有情况下使用。我认为实际按钮适用于人民网战的SaaS网站，但它不是一个推荐私人客户和电子商务信息的网站。另外，真正的按钮是一个很好的选择，可以让意想不到的用户再次立即面对它。在这种情况下，真正的按钮似乎对用户说，“如果你想购买产品，请面对深棕色的大按钮；但是如果你看了商品的细节，打我表面。"
虚拟按钮的使用必须将场景分开。在特殊情况下，真实的模拟按钮可以带来潜意识意识不到的好处。但是如果掉臂场景和交互页面中的内容，为了更好的简洁和极简风格而使用真实的模拟按钮，就会事倍功半，损害用户的感受，对素材产生很大的反作用。但是实际按钮共享的详细场景，以及是否能与你现在的素材共享，需要每个素材经理和交互设计师自己考虑。
口译员:黎晓新
作者:苏珊娜·斯卡卡，前WordPress实施者、培训师和代理经理，现在是一名自由撰稿人。她专门为各种出版物制作营销、网页设计、WordPress和千禧一代相关内容。
文章中的地址:https://www.smashingmagazine.com/2018/01/ghost-button-design/
部门里每个人都是资料经理，中文翻译精英团队@黎晓新，中译本发表，早已被本网认可，不鼓励拦截。
图片来自unsplash，据CC0和平谈判。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）