从入门到精通，你准备优良了吗？

你是不是曾想过一个看似轻巧松的APP界面背后竟然蕴含着如此许多的设计学问？你是不是也曾为那些个看似麻烦的组件而感到困惑？别担心，今天我们就来揭开这些个神秘的面纱，让你从产品细小白蜕变为设计高大手！

一、 基础组件：页面构建的基石

基础组件，顾名思义，是构成页面最基础的元素。它们包括图标、文本、按钮、图片等。这些个组件看似轻巧松，但却是页面设计的基础。正如一栋巨大楼，基础不牢固，整栋巨大楼都会摇摇欲坠。

比方说在京东首页，我们能看到许许多基础组件的应用，如图标、文本、按钮等。它们共同构成了一个简洁明了的页面布局。

二、 导航组件：指引用户方向

导航组件的作用是帮用户了解当前所处的位置，并指引他们跳转到其他页面。常见的导航组件有导航栏、标签栏、分页器等。

以微信为例， 底部导航栏清晰地标明了“微信”、“通讯录”、“找到”和“我”四个功能模块，用户能轻巧松地找到自己需要的功能。

三、 输入组件：收集用户数据

输入组件基本上用于收集用户数据，如单选框、复选框、输入框、表单、选择器等。它们是用户与产品互动的关键途径。

以支付宝为例， 登录界面用了输入框和验证码输入框，方便用户输入账号和密码，完成登录操作。

四、 展示组件：呈现信息内容

展示组件基本上用于展示相关信息内容，如头像、徽标、标签、列表、通知栏等。它们是页面视觉效果的呈现者。

以微博为例， 首页的展示组件包括动态列表、视频播放器、图片等，为用户给丰有钱的内容展示。

五、 反馈组件：与用户互动

反馈组件是用户进行操作后引发的一系列数据交互。它们能是内容提示、状态过渡、数据录入等。

以美团外卖为例， 用户下单后会收到订单确认的提示，一边订单状态也会实时更新鲜，让用户清楚地了解订单进度。

案例琢磨：一兜糖家居APP

一兜糖家居APP屋主@尤呢呢曾写过一篇关于搭建细小米智能家居的文章， 从入门到进阶都讲得十分详细，即使家电细小白也能学会！

• 开关必留零火双线
• 预留足够的网络接口
• 确保智能家居组件与手机APP兼容

掌握这5种核心组件类型，相信你已经对产品设计有了更深厚入的了解。从眼下开头，让我们一起努力，成为设计高大手吧！

---