交互控件 - 优设网 - 学设计上优设

正序倒序

「这个控件叫什么」系列之Grabber/抓握指示器

从2017年 iOS 11发布开始，一个新的小横条控件就出现了。为了弄明白这个小横条控件的名称，我展开了一系列考据。

龙爪槐守望者 2.6w 人阅读 2021/12/31 交互控件 抓握指示器

「这个控件叫什么」系列之小红点+索引导航+分段控件

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Badge/徽标/小红点「小红点」是这个控件在国内最通俗的称呼，正式的名称为「Badge」（徽标），Badge是指通常出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。△ 形态各异的Badge（徽标）如何使用无数字和有数字Badge使用场景Badge可以分为无数字和有数字两类...

龙爪槐守望者 36.0w 人阅读 2017/03/23 UI控件 UI组件

「这个控件叫什么」系列之加载占位图+页面指示器

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。上期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》Skeleton Screen/加载占位图Skeleton Screen（加载占位图）是近年流行的加载控件，通常表现形式是在界面上待加载区域填充灰色的占位图，与线框图的效果非常相似。Skeleton Screen本质上是界面加载过程中的过渡...

龙爪槐守望者 5.0w 人阅读 2017/03/30 UI元素 UI设计

「这个控件叫什么」系列之步进器+Switch

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。往期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》这个控件叫：Stepper/步进器Stepper（步进器）由一个增加按钮、一个减少按钮和一个由按钮控制的数值组成。每次点击增加按钮（或减少按钮）数字增长（或减少）的数量是恒定的。

龙爪槐守望者 4.2w 人阅读 2017/04/10 UI控件 交互设计

「这个控件叫什么」系列之Toast（吐司提示）的曾经、现在与未来

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。往期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》《「这个控件叫什么」系列之步进器+SWITCH》Toast概念的由来除了Android规范，Windows的规范中也有Toast，但定义不一样。Toast在Android中的定义就是大家所熟...

龙爪槐守望者 8.4w 人阅读 2017/04/19 UI元素 UI控件

「这个控件叫什么」系列之Picker/选择器/拾取器

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。往期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》《「这个控件叫什么」系列之步进器+SWITCH》《「这个控件叫什么」系列之TOAST》这个控件叫：Picker/选择器/拾取器Picker（选择器/拾取器/选取器）是指提供多个选项集合供用户...

龙爪槐守望者 3.2w 人阅读 2017/04/26 UI元素 UI设计

「这个控件叫什么」系列之虚拟键盘/软键盘/Soft Keyboard

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Soft Keyboard（Virtual Keyboard/软键盘/虚拟键盘）并不是真实的物理键盘（Physical Keyboard），而是在屏幕内拥有键盘样式和功能的控件，它比真正的键盘尺寸更小，而且没有手感很难盲操作。在触屏当道的移动端Soft Keyboard也可以简称为Keyboard。

龙爪槐守望者 2.9w 人阅读 2017/05/11 UI元素 UI控件

「这个控件叫什么」系列之动作菜单/动作面板

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。往期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》《「这个控件叫什么」系列之步进器+SWITCH》《「这个控件叫什么」系列之TOAST》《「这个控件叫什么」系列之虚拟键盘/软键盘/SOFT KEYBOARD》Action Sheet（动作菜...

龙爪槐守望者 3.0w 人阅读 2017/08/14 UI控件 交互设计

「这个控件叫什么」系列之Popover/气泡弹出框/弹出式气泡

@龙爪槐守望者：鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。往期回顾：《「这个控件叫什么」系列之小红点+索引导航+分段控件》《「这个控件叫什么」系列之加载占位图+页面指示器》《「这个控件叫什么」系列之步进器+SWITCH》《「这个控件叫什么」系列之TOAST》《「这个控件叫什么」系列之虚拟键盘/软键盘/SOFT KEYBOARD》《「这个控件叫什么」系列之动作菜...

龙爪槐守望者 4.1w 人阅读 2017/09/04 交互控件 基本控件

「这个控件叫什么」系列之输入框/文本框/Text fields

@龙爪槐守望者：Text fields（输入框/文本框）是一个历史悠久而经典的控件，当光标位于输入框时，用户可以在其中输入或复制粘贴文本、数字等内容。输入框虽然看上去简单，但需要考虑的细节也不少，本文将向你介绍输入框的相关组成部分和注意事项。△ Text fields的相关组成部分标题 / 输入框标签（Label）Label是一个控件或一组相关控件的名称或标题，与Text field成对出现时表示输入框的标题或者内容，对于常见的主题有时也用图标代替Label。

龙爪槐守望者 3.7w 人阅读 2017/12/19 UI控件 交互控件

「这个控件叫什么」系列之Notice Bar/通告栏

@龙爪槐守望者：经常能看到在很多 App 的 Navigation Bar（iOS 叫导航栏，安卓叫 App Bar /应用栏）下方、列表上方或者页面底部悬浮着一个横幅。这些横幅通过某个事件触发而出现，能常驻显示直到事件结束，并且通常可以操作。翻遍 iOS Human Interface Guidelines 和 Material Design 都找不到这个控件，这个控件可能叫 Notice Bar（通告栏）。

龙爪槐守望者 3.6w 人阅读 2018/04/23 UI控件 反馈

本专题已完结，还有75个系列专题

收藏本专题 1885 查看更多专题

发评论！每天赢奖品

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

本期奖品

幻彩流光

已累计诞生 406 位幸运星

查看获奖名单

发表评论已发布13条

以上留言仅代表用户个人观点，不代表优设立场

评论就这些咯，让大家也知道你的独特见解立即评论

菜单 优设网uisdc.com 优设网 - 学设计上优设

开通优设VIP星球

尊享12项VIP特权 持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

作品集指导

优设设计专家语音在线指导

领取更多设计师实用特权

您还未登录

登录后即可体验更多功能

交互控件 《这个控件叫什么？》

11 篇文章 768827 位观众

作品集设计

从零开始打造一份能进大厂的设计作品集

查看专题

设计趋势

流行设计趋势一目了然

查看专题

即时设计的进阶之路

在线设计神器全面介绍，初高阶技巧汇总

查看专题

HMI设计指南

车载设计教科书级的干货合订本

查看专题

游戏设计

那些日进斗金的游戏是如何做好设计的？

查看专题

正序 倒序

龙爪槐守望者 2.6w 人阅读 2021/12/31 交互控件抓握指示器

龙爪槐守望者 36.0w 人阅读 2017/03/23 UI控件UI组件

龙爪槐守望者 5.0w 人阅读 2017/03/30 UI元素UI设计

龙爪槐守望者 4.2w 人阅读 2017/04/10 UI控件交互设计

龙爪槐守望者 8.4w 人阅读 2017/04/19 UI元素UI控件

龙爪槐守望者 3.2w 人阅读 2017/04/26 UI元素UI设计

龙爪槐守望者 2.9w 人阅读 2017/05/11 UI元素UI控件

龙爪槐守望者 3.0w 人阅读 2017/08/14 UI控件交互设计

龙爪槐守望者 4.1w 人阅读 2017/09/04 交互控件基本控件

龙爪槐守望者 3.7w 人阅读 2017/12/19 UI控件交互控件

龙爪槐守望者 3.6w 人阅读 2018/04/23 UI控件反馈

发评论！每天赢奖品

点击 登录 后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们

幻彩流光

已累计诞生 406 位幸运星

发表评论 已发布13条

2019-08-27 来自 优设惊喜部 ChickOS

↓ 下方为您推荐了一些精彩有趣的文章热评 ↓

大家都在看

LOGO设计

26篇文章

HMI设计指南

10篇文章

企业出海设计

15篇文章

从零开始掌握 Figma

35篇文章

即时设计的进阶之路

15篇文章

大厂实战案例复盘

19篇文章

改版设计

46篇文章

车载设计

23篇文章

B 端产品设计

41篇文章

关于我们

热门频道

设计灵感

支持与服务

优设微博

优设AIGC

400W粉丝！每日更新设计干货

优设

强烈推荐！优设官方品牌微博

优优教程网

菜单优设网 - 学设计上优设

尊享12项VIP特权持续新增

交互控件《这个控件叫什么？》

正序倒序

龙爪槐守望者 36.0w 人阅读 2017/03/23 UI控件 UI组件

龙爪槐守望者 5.0w 人阅读 2017/03/30 UI元素 UI设计

龙爪槐守望者 8.4w 人阅读 2017/04/19 UI元素 UI控件

龙爪槐守望者 3.2w 人阅读 2017/04/26 UI元素 UI设计

龙爪槐守望者 2.9w 人阅读 2017/05/11 UI元素 UI控件

点击登录后，在评论区留言，系统会随机派送奖品

2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们

发表评论已发布13条

2019-08-27 来自优设惊喜部 ChickOS

微信扫码添加管理员招财

微信号：扫码添加