在我们日常使用的APP中，头像这一设计元素基本上是必备的，不过这一元素虽然常见，但若想设计得好，还是需要注意许多细节。本篇文章里，作者便对头像设计的细节做了总结，一起来看看吧，也许会加深你对头像设计的理解。

用户头像是我们在做UI时经常会用到的设计元素，但想要设计好它也是有很多需要注意的细节知识的，今天这篇文章将深入到头像设计的方方面面，不同的事件、状态、操作、配色等等一系列UI设计的最佳实践。

这篇文章准备了很多实例，或许可以给你一些启发。

近年来，我几乎每天都在浏览数以万计的UI组件、界面、不同的网站和app，研究它们的结构、布局和配色方式。我的目标是创建一个全面的UI指南，设计应用及其组件、模板等。

今天这部分讲的就是关于用户头像的UI组件探索。用户头像是一个组件元素，用户通过它来标识自己。

基本上有以下三种类型可以用来代表用户头像：

根据具体使用场景的不同，你可以使用多样化的颜色和尺寸:

• 为了更好的识别，不同用户配色可以多样化一些；
• 页眉、导航栏中一般用24-40dp宽度为主；
• 40-48dp的头像大小通常用在内容块或列表中；
• 如果你想在更大的页面中使用头像，比如个人中心、设置中心等时，推荐使用56 dp。