App 按钮的背后，这些学问你都不知道_服务器

App按钮的背后，这些学问你都不知道

一句名言:每个app都会遇到一个“按钮”。在整个发展趋势的过程中，按钮是如何变化的？如何设计按钮才有效？AppSo(微信号appsolution)本文为您讲解。

按钮是交互设计中普遍存在的基本元素。虽然按钮看起来像一个相对简单的用户页面(UI)元素，但在过去几十年中，它的设计经历了许多发展趋势和演变。然而，按钮的用户体验(UX)设计仍然是关于识别和图片质量。

本文简要描述了按钮设计的发展趋势和演变，明确提出了用户在按钮设计中应该遵循的最佳实践。

一、按钮设计的发展趋势和演变

1.3D按钮

从一开始， *** 作系统软件按钮就一直根据浮雕图案和黑色阴影来区分外场情况。这种设计方案方案是基于一个简单的标准——根据轮廓、倾斜度和阴影，按钮在上下文的映衬下看起来很显眼，这样很容易被识别为可点击的元素。

注意按钮是如何突出的。

Windows95提示框应用浓黑阴影和体积修改产生三维实际效果，帮助用户识别视觉效果层次，掌握哪些元素是交互元素。

突出显示的交互元素似乎可以按下(根据点击鼠标)。

2.虚拟按钮

就数据设计而言，伪有机化学是指UI元素的设计与实际对象相似的一种方法。可以是对实际物体的材质外观的复制，也可以是对真实纽扣的模拟，使其看起来像商品纽扣。伪有机化学设计依赖于用户对某些东西的先验知识，使他们知道如何应用新的交互式页面。

下图中计算方法的拟像设计是基于用户对计算方法商品的先验知识，进而帮助用户在数据自然环境中更好的理解和应用。

图片:ultralinx

3.扁平按钮

现在UI设计的一大变化就是从伪有机化学设计逐渐向扁平化设计趋同，实际设计效果没有立体感。

与伪有机化学设计不同，平面设计被视为探索数字媒体技术的一种方法，并没有试图“还原”商品的物质外观。因此，它抛弃了原本用来告诉用户哪些元素可以被点击/ *** 作的厚厚的视觉效果案例线索。

整齐排序的扁平按钮

Iphone系统软件计算方法App

当所有用户页面都是平面的时候，用户怎么知道按钮在哪里？

用户仍然要根据视觉效果指导(帮助用户知道如何使用页面的认知案例线索)来知道网页上可点击/可 *** 作的区域。因此，色调在平面设计中非常重要，因为如果应用平面按钮，这种色调将是帮助用户识别按钮的关键符号之一。

4.近乎扁平的设计和波动 *** 作按钮(FAB)

近平设计是原始平设计(或超平设计)的基本演变。这种设计基本上是扁平化设计，但在设计上，根据用户页面上的细黑阴影、切边、覆膜，产生立体的实际效果。

谷歌的材料设计语言是一个近乎平面的设计例子，以适当的顺序应用这种三维的实际效果。它自主创新了一个全新的升级按钮:悬浮动作按钮(俗称FAB)。

此按钮位于用户页面的顶部，吸引用户执行升级 *** 作或主要 *** 作。它们充当个人行为呼叫按钮(用于推送推广 *** 作)，是用户在特殊显示屏上最常见的单一 *** 作。

谷歌地图是FAB恰当应用的一个案例。用户在地图上最关键的个人行为就是找方向，所以GoogleFAB的设计方法可以说得通。

安卓系统软件上的谷歌地图

另一个在UI设计中应用FAB的案例是Evernote。Evernote的UI虽然基本是扁平化的，但是在导航栏上加了细细的黑色阴影，还应用了FAB(新创作笔记)。

Android手机系统上的Evernote应用

注:阅读相关网站基本建设方法的文章，请移至网站建设教程频道栏目。

欢迎分享，转载请注明来源：内存溢出

App 按钮的背后，这些学问你都不知道