通过前三篇内容，我们了解了系统的结构框架和内容区域的设计思路，基本上已经可以搭建一个完整的网站原型了。那么接下来的这章就主要是介绍一些组件的设计，以便扩充我们的武器库，让我们搭建的系统细节上更加完善、展示效果上更加多样化。

弹窗窗口

弹窗是系统常用的一种展示内容的方式，在网页、软件、系统、APP都是非常常见的。我觉得弹窗更多的是一种容器，用户来盛放内容，这和我上两章提到的内容的“弹窗式”展示样式是一致的。那这边单独将弹窗作为一种组件进行介绍，是因为弹窗作为一种最常见的展现方式，但是在结合到不同的场景、针对不同目的会有很多种不同的弹窗形式，所以这边对弹窗进行了整理和说明。

【弹窗结构】弹窗主要分为弹窗控制区和内容区两个部分组成。

• 弹窗控制区：展示弹窗对应的内容名称，控制弹窗的变化（放大、缩小、关闭等）；
• 内容区：展示内容信息，常见为表单、列表、详情等形式，和上章介绍的内容区（详情页）样式基本一致；