巨量引擎是字节跳动旗下的营销服务品牌，服务于字节跳动的商业化。基于国内广告产品不断优化，产品数量不断增加，产品的不断迭代，产品构架和结构不断复杂化，已有的产品框架不足以支撑现有的需求，包括其国际化产品及业务增长迅速。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

如何解决在面对众多个产品与众多个设计师协同下保持视觉风格和交互统一？如何解决目前组件库未统一带来的资源浪费的问题，如何解决后续设计和开发效率问题，规范功能和用户体验、提升研发质量，渐进迭代优化呢？根据以上问题我们要做的是制定一套服务于字节跳动旗下商业产品中台系统的设计语言，为打造更好的商业产品体验。它可以帮助设计师学习并熟悉字节跳动商业产品设计的原则和设计规范，促进设计师对产品理解加深对业务认知，保证设计产出质量和一致性，降低不恰当的设计出现的概率。通过的规范设计语言进行封装打包成一套设计语言，提供给设计师与技术研发共享。

首页给大家分享关于按钮的的一些规范

重点概览

1. 什么是按钮

2. 按钮的起源

3. 按钮风格发展史

4. 按钮解刨

5. 按钮的基础规范

6. 写在最后

一、什么是按钮

首先我给要大家分享的时是关于用户界面中基础组件中的按钮，它是标记了一个操作命令，响应用户点击行为，用户点击触发得到相应的业务逻辑和结果，按钮只需轻按一下即可采取行动并得到相应的结果，按钮有五种类型：主要按钮、默认按钮、虚线按钮、信息提示按钮、文字链接按钮。

虽然按钮在用户界面中是一个非常小的设计元素，但是按钮在用户界面中有着不可取代的地位，在我们日常使用的用户界面中他可以是确认按钮、取消按钮、返回按钮、删除按钮等，这些操作在用户界面中是一个非常重要操作功能，当然他在设计圈的风格迭代速度也是极速的。

二、按钮的起源

最早期从爱迪生发明电灯泡以后，按钮就开始与我们的生活有着密集的联系,到后来人们进入电器时代人们开始使用电视、收音机、电话等，它们都是需要使用按钮来操控开关,开关被广泛使用，可以说明人们使用按钮的习惯早在几十年前就已经培养成习惯。90年代，互联网行业兴起，按钮才开始出现用户界面中，直到苹果公司CEO乔布斯正式推出了智能电话iPhone，它取消了实体按键的界面操作而采用了触摸屏技术使用屏幕的虚拟按钮，同时对于UI这个职位也慢慢形成。

三、按钮风格发展史

3.1 3D风格

什么是3D风格呢？其实从早期Windows 95操作系统开始，按钮设计的以灰色为使用微妙的高光、浮雕、阴影构成，视觉是一种3D效果，操作系统的按钮就依赖于浮雕和阴影的外观来区分它们与周围环境的区别，使按钮在背景衬托下更加的突出并且更加的像可点击的。这种设计解决方案基于简单的原理，使用边框、渐变和阴影使元素突出背景和内容，这使其易于识别为可点击元素。

3.2 拟物风格

什么是拟物风格呢，其实在苹果公司采用了触摸屏而取消了实体按钮的交互操作以后，为了引导用户在使用界面操作时让按钮的视觉保持真实的实体按钮的样式，从拟物风格的字面意思大家也能大致了解到它是指用户界面中每个组件的视觉设计根据现实世界中实物进行模拟设计，如实物中纹理、材质、外观进行模拟复现。

就拿下面的播放器举例，可以看到图中的播放器的外观都是模仿现实生活中当年风靡一时的MP3播放器进行了模拟设计，不论是材质、外观样式、纹理、光感进行了1:1复制，当然～还是苹果引领了当年的拟物风格。

3.3 扁平风格

2013年，苹果在iOS7的操作系统上用户界面的元素使用了扁平风格，摒弃了当年风靡一时的拟物化设计，当时还引起了设计界的一波争议，随着时间慢慢的人们也开始接受了扁平风格，到现在90%以上的用户界面都采用了扁平风。扁平风格其实在UI设计中是将之前的3D效果转向了更平面的效果，扁平风格不再追求对真实世界物体的外观还原，而是将用户界面的设计元素极力简化。