大家好，今天分享的是「UI设计中的氛围图（上）」
在UI设计中我们经常能看到氛围图/头图的设计，氛围图会让界面更有设计感与吸引力。以下仅做个人学习笔记，具体详情可查看UI中国原文章。
什么是氛围图。
在UI界面中为了辅助信息理解或为了让页面更加有设计感、烘托画面氛围而加的配图，我们可以统称为氛围图。像常见的个人中心顶部的背景图、某专区头图都算氛围图。
氛围图使用场景。
氛围图除了能够帮助用户更好的理解信息外，还能加强页面的设计感，深受设计师们的青睐，在UI设计中的应用场景也特别广泛，常见的使用场景有以下几种：
个人中心页面
个人中心是氛围图最常出现的场景之一。 通常在个人中心页面顶部出现的用户信息比较单一，设计师会采用加入氛围图的形式来丰富画面，让画面更加平衡。同时个人中心的氛围图也是传递品牌的绝佳窗口，透过氛围图传达品牌调性，加强品牌记忆。
专区模块
氛围图也经常出现在专区模块，特别是一些h5页面中，吸引用户注意力，向用户传达该模块的业务特性，辅助信息理解。
详情页
氛围图也常出现在详情页顶部，通过氛围图传达该详情页信息内容，辅助信息理解。通常出现在一些活动详情、商品详情页里。
登录页
氛围图也常被应用在登录页面，烘托整个产品氛围，传递产品调性。
页面底部
在UI设计中，有时会出现信息内容过少，导致界面底部留白特别多的情况，这个时候设计师也通常会采用氛围图的形式来丰富画面，避免页面底部过空，界面不平衡的情况。
以上只是一些常见的氛围图，氛围图还有许多的应用场景，比如天气背景图、瓷片入口氛围图等等，在UI界面中是很重要的组成部分，设计形式也非常丰富。