设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
有哪些大厂设计师都会容易搞混的控件和规范？我给大家详解5个常被搞混的控件与大家盲区中的设计规范。
编者按：这篇文章来自资深设计师 Jeremiah Lam，他所撰写的这篇文章将UI中的下拉菜单的一些常见的注意事项都梳理总结了出来，做 UI 设计的同学可以收藏一下 ~当用户需要在UI界面中选择不同功能、选项、条目的时候，需要依赖诸如复选框、开关、按钮、下拉菜单等 UI 控件。这些 UI 控件有着不同的优缺点，需要根据使用场景和用户需求来灵活使用，同时，这些控件的设计也有很多注意事项。
UI 界面当中，各种开关、按钮、选框控件是非常常见的组件，它们看起来不复杂，但是在实际使用的时候讲究非常之多，它们不仅关乎体验，而且涉及到一些界面逻辑问题。
前面跟大家分享了 iOS 基本界面元素三大类中的 Bars（栏）、Views（视图），今天继续分享Controls（控件）。
我将分两期来总结一下弹框的规范和进阶使用方法，这一期我们先梳理一下平台规范下的弹框究竟有哪些。
本系列将分三期全方位解析如何做好标签栏设计，第一期先从 iOS 人机交互规范和 Google Material Design 平台规范切入，来系统梳理一下「标签栏」。
想成为真正的 UI 设计师，光会视觉设计可不行。这份控件设计指南，帮你快速巩固基础，今天继续为大家讲解控件指南第二部分 —— 控制器。
想成为真正的 UI 设计师，光会视觉设计可不行。这份控件设计指南，可以帮你快速巩固基础。
小溜Epik：我们在看 App 时，有没有思考过这样的问题，同样都是提示弹窗为什么出现那么多不同的样式，亦或者同样都是让界面进行切换的导航为什么有的可以通过侧滑切换，有的却只能点击切换呢？最近在玩 App 时发现了几组这样的控件，下面就来和大家分享下我对他们的理解和选用。
@孔雅轩LineVision ：这篇文章渗透进页面中的每一个 Kit控件，深入的分析每一个控件所能带给用户的视觉以及心理感受。欢迎关注作者的微信公众号：「线点研究所」「让界面更耐看的细节你注意到了吗」《让设计细节更高级的10个实用小技巧》《界面不精致，往往是你忽略了这些设计细节》《网易资深视觉设计师：24个容易忽略的App设计细节》
在开始着手设计手机界面时，困扰着新人的除了不知道应该在界面中放什么以外，最突出的就是不知道元素应该使用的长宽数值，也是学生问得最多的问题，所以着手整理2篇文章做扫盲，一次性搞明白，在手机的界面中如何设置元素的尺寸。下篇：《基础科普！
王M争：前段时间 B站对视频缓存功能做了一次调整，之前用户想要缓存当前视频只需点击「缓存」图标就行了，新版本中用户必须点击右上角的「更多」图标调出底部动作栏，然后再进行缓存操作。但是 B站官方上传的视频缓存入口依然保留在之前的位置，个人推测因为普通 up主所发布的视频长短不一，良莠不齐，更多的场景是用户阅完即走，缓存的需求不是很大，所以将缓存功能收起。
Z Yuhan：稍微复杂一点的产品都少不了提示功能，这种全局模块既需要整体解决方案，也需要具体运用规则。以手机 App 为例，提示种类很多（操作成功、操作失败、收藏点赞、二次确认……），展示形式也很多。
@龙爪槐守望者 ：经常能看到在很多 App 的 Navigation Bar（iOS 叫导航栏，安卓叫 App Bar /应用栏）下方、列表上方或者页面底部悬浮着一个横幅。这些横幅通过某个事件触发而出现，能常驻显示直到事件结束，并且通常可以操作。
王M争：最近发现一款看片神器——埋堆堆。这是 TVB 推出的官方 APP，里面有 TVB 历年制作的经典剧集，而且更重要的是不需要充会员，没有片头广告。
@龙爪槐守望者 ：Text fields（输入框/文本框）是一个历史悠久而经典的控件，当光标位于输入框时，用户可以在其中输入或复制粘贴文本、数字等内容。输入框虽然看上去简单，但需要考虑的细节也不少，本文将向你介绍输入框的相关组成部分和注意事项。
Echo ：本文本篇文章讲解设计规范中的单元控件类，也是设计规范系列的最后一篇，继这个系列之后我会写一些超有意思的文章，敬请期待哦！系列文章： 《轻松看懂规范！
Echo ：由于iOS 和 Material Design的组件体系有些不一样，所以关于组件的分类体系我会分iOS篇和Android篇来讲解，本篇文章为iOS 篇。对于大部分入门设计师及中级设计师来说，脑海里没有一套属于自己的组件分类体系。
@爆裂的墨水瓶 ：在产品视觉设计中，用英文命名图层是良好的习惯：对开发友好，而且方便配合一些设计工具（如Framer、Principle）。在ios设计中，苹果官方的图层命名较为完整，虽然不是唯一答案，但很有参考价值。
底部tab导航是现在应用里非常常见的一种组件。关于这种最常用到的组件，你了解的全面吗？
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到
讲的非常好，很感谢，但是文章中有一点点小问题，比如说文章中有一处是长边完全显示，写成了短边完全显示，会加长阅读的时间。不过也无伤大雅，总之很感谢！
思路非常好，点个赞，现实很多设计师在设计中更多是在参考需求原型，而没有跳出原型去思考设计策略，所以当面试官问到这个问题的时候不知道怎么说。 文章最后给出的设计策略个人觉得还是并不能解决问题。对于商品交易，除非复购或者对此商品非常了解，缩短交易路径是可用的，但是这只能复盖很小一部分场景，缩短交易路径的方法并不是单纯地缩短操作路径，这是很多新手都会走的误区...
特意登录感谢无私的大神
受益匪浅，感谢作者分享，期待后续文章
如何吸引用户注意力： 1.人性化：尽量不要传达系统消息感，可以考虑用人物对话等更有温度的形式来包装 2.个人IP：头像在互联网世界中，如同现实世界的名字一样，都是属于个人形象IP的一个标志，更容易被用户关注到