“按钮”这个元素我们在app或是网页里随处可见，使用场景也五花八门，今天我们就来聊一聊～
这是就不“100天挑战”的第2篇
“按钮”这个元素我们在app或是网页里随处可见，使用场景也五花八门，今天我们就来聊一聊～
什么是按钮
按钮（Button）官方的概念描述我就不多说了，按钮在我理解，就是“可点击的可触发的即时操作媒介”。
- 常规(normal/primary)：
- 悬浮（hover）：
- 点击（click）：
- 不可点击（disabled）：
- 危险：删除/移动/修改权限等危险操作，一般需要二次确认。例如微信表情包的删除等的二次确认。以红色做警示，且需二次确认。
- 幽灵：用于背景色比较复杂的地方，常用在首页/产品页等展示场景。
- 禁用：行动点不可用的时候，一般需要文案解释、置灰或禁用标志。
- 加载中：用于异步操作等待反馈的时候，也可以避免多次提交。
- 直角：严肃、专业、力量、高端（奢侈品、健身、金融）；
- 0-12圆角：通用、中性、用户范围广（社交）；
- 全圆角：年轻、活泼、亲切（儿童、娱乐、购物）；
- 多边形：少见、个性、科技感、文艺；
- 线框
- 渐变风格
- 3D按钮（带阴影）
- 凸起按钮
- 长阴影按钮
- 光晕效果按钮
- 带图标按钮
- 按钮组
- block按钮，宽度根据页面整体安全宽度变化
- 环绕效果按钮
- 表单按钮
特别申明：本站的主旨在于收集互联网运营相关的干货知识，给运营小伙伴提供便利。网站所收集到的公开内容均来自于互联网或用户投稿，并不代表本站认同其观点，也不对网站内容的真实性负责，如有侵权，请联系站长删除，转载请注明出处：设计笔记「二」按钮细节交互：https://www.zcly.cn/34022.html。
微信扫一扫 
支付宝扫一扫 
