菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

交互控件话题

首页
设计文章
交互控件

UI

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

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

2021/12/31

龙爪槐守望者

主编推荐

UI 2.3w

超详细！总监出品的B端设计规范指南（五）：控件

本文我们继续认识控件有关设计的内容，包括时间选择器、面包屑、页码、导航栏、开关、分页选择器等控件。

2021/05/31

酸梅干超人

交互

领导用错控件了，但说服不了他，该怎么办？

不管是产品还是领导，都会把开关控件当作是一个内容切换的控件使用，很容易造成歧义。我有提过这个问题，但是他们就会觉得这个就应该这样用。我该怎么说服他们呢？

2021/01/23

土拨鼠

UI 2.5w

快记下来！5个连大厂设计师都容易搞混的控件与规范

有哪些大厂设计师都会容易搞混的控件和规范？我给大家详解5个常被搞混的控件与大家盲区中的设计规范。

2020-12-28

土拨鼠

交互 1.2w

不熟悉文本框交互设计？来看这篇全方位拆解！

文本框的出现几乎可以追溯到可视化交互诞生的源头，是一个再经典不过的「鼻祖」控件了。我们每天都在和文本框打交道，不论你是产品设计者还是用户。

2020-08-14

土拨鼠

交互 1.1w

新人来收！4个底部浮层的科普知识点

底部浮层与对话框的作用是高度相似的，都是信息提示或是对当前页面信息的延展，但在具体使用场景的交互操作中，二者却大有不同。

2020-08-13

土拨鼠

UI 2.9w

UI 界面下拉菜单完全设计指南

编者按：这篇文章来自资深设计师 Jeremiah Lam，他所撰写的这篇文章将UI中的下拉菜单的一些常见的注意事项都梳理总结了出来，做 UI 设计的同学可以收藏一下 ~当用户需要在UI界面中选择不同功能、选项、条目的时候，需要依赖诸如复选框、开关、按钮、下拉菜单等 UI 控件。这些 UI 控件有着不同的优缺点，需要根据使用场景和用户需求来灵活使用，同时，这些控件的设计也有很多注意事项。今天这篇文章着重聊聊下拉菜单的设计注意事项，文章会加入大量的用例和最佳实践来为你进行说明。

2020-07-17

陈子木

UI

iOS 人机界面指南精简版笔记之界面元素：Controls（下）

前面跟大家分享了 iOS 基本界面元素三大类中的 Bars（栏）、Views（视图），今天继续分享Controls（控件）的第二篇。

2020-05-26

土拨鼠

交互 1.5w

控件进阶专题！弹框设计深度思考总结

如何高效进行弹框控件的选择？用一篇深度思考总结带你了解弹框的正确打开方式，帮你在今后设计弹框的过程中变得更加得心应手。

2020-04-30

土拨鼠

交互 1.2w

这个交互描述怎么写：InputText 输入框

本文从输入框的定义、使用场景、相关组件、交互说明都有详细的分析，作者还附上输入框的源文件供大家参考学习。

2020-04-29

土拨鼠

交互 2.0w

交互控件科普系列！Banner 的常见样式和设计注意事项总结

当你需要展示一段持续提示，却又不想打断用户操作。用 Dialog 弹窗会打断用户操作，Toast 又不够明显，Snackbar 会自动消失，那么不妨就来跟我一起认识下能满足该要求的 Banner 控件吧。

2019-09-03

土拨鼠

UI 1.0w

交互控件科普系列！Dialogs 的常见样式和设计注意事项总结

在前两篇文章中为大家介绍过 Snackbars 和 Banners 两位轻量级提示控件的用法，今天就让我们来继续详解一下 BOSS 级的提示控件 Dialogs 家族。

2019-09-02

土拨鼠

UI 1.4w

交互控件科普系列！ Sheet 的常见样式和设计注意事项总结

现在连 UI 设计师也得了解基础的交互设计知识，才有机会敲开大厂的门了。本专题列举了最常见的交互组件，包括定义、常见样式和设计方法。值得每个设计师收藏阅读。

2019-09-01

土拨鼠

UI 1.6w

交互控件科普系列！Snackbar 的常见样式和设计注意事项总结

现在连 UI 设计师也得了解基础的交互设计知识，才有机会敲开大厂的门了。本专题列举了最常见的交互组件，包括定义、常见样式和设计方法。值得每个设计师收藏阅读。

2019-08-30

土拨鼠

交互 1.4w

实用总结！「返回」功能应该怎么设计？

王M争：前几天在 b 站上看郭德纲的相声，在下面看到一个推荐视频就点了进去，看完之后点「返回」想继续看之前的相声，结果发现直接回到了搜索结果页面，把刚才那层给跳过去了。我自己也是 b 站老用户了，怎么会遇到这个情况？我就拿小米和三星手机看了一下，发现返回的是相声页。

2018-04-22

程远

产品 2.2w

超多案例！超全面的提示框设计总结

文章分享了弹出框都有哪些，以及弹出框应该怎样使用。前言任何一款应用程序都少不了提示。当我们需要告知用户某些特殊消息时就会用到弹框，但是用户在执行一系列连续动作时突然被一个提示打断，这样就会影响到用户体验。

2018-02-25

程远

产品

春节专题！App 设计系列之提示的概念和设计要点

上一篇文章为设计师们拨云见雾，分析了模态弹窗与非模态弹窗，受到了挺多读者的喜爱，详文《春节专题！App 设计系列之模态弹窗与非模态弹窗》，但是其实对于弹窗的诠释还是有限，弹窗的作用是引导、指导用户，给予用户反馈信息。那么在这类反馈信息中，怎样的提示才能更加人性化？

2018-02-18

程远

产品 1.9w

App 设计系列之模态弹窗与非模态弹窗

在手机app应用中各种格式的弹窗效果相信大家都看过，也可能反感过某些弹窗，本文就来谈谈关于app弹窗设计以及弹窗的适用情景。一. 弹窗的定义1. 弹窗作用弹窗是为了让用户回应，需要用户与之交互的窗口。非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。

2018-02-17

程远

教程 2.7w

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

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

2017-12-19

程远

教程 3.1w

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

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

2017-09-04

程远

教程 2.1w

超实用！如何正确使用控件系列之提示框（Toast）

从今天起，我们开始介绍iOS和Android设计规范中的各种控件。掌握它们，能有效地帮你设计出一个高质量的交互稿。今天我们要介绍的是提示框，英文是toast。

2017-08-21

程远

教程 1.4w

提升细节体验！移动应用的弹窗设计指南

@可乐橙_ColaChan （译者）：弹窗、对话框，随你怎么称呼，这些小窗口出现在屏幕上从来都不是理所当然。虽然它们是你应用中一些相对较“小”的元素，却扮演着影响用户体验的重要角色。一方面，它们可以帮助用户度过应用内的旅程。

2017-08-06

程远

教程

这两个最常见的交互控件，你知道该怎么用吗？

王镇雷：移动端设计中有三个名字经常被提到：Dialog、Toast 和 Snackbar，大部分同学从 Google 设计规范中第一次了解它们。原本无论作为系统规范还是应用组件它们都已足够成熟，我也自以为对它们有足够的了解。但最近工作、交流中发现对这三者尤其 Snackbar 的了解非常浅，所以花了一点时间重新学习了一下。

2017-07-05

程远

没有更多文章了

大家都在看

平面设计

文章 374

logo设计

文章 181

入门

文章 162

视觉设计

文章 164

用户体验设计

文章 295

海报设计

文章 250

B端设计

文章 121

字体设计

文章 329

职场

文章 134

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注