产品拆解！12个维度分析爱彼迎的用户体验设计 收藏
今天和大伙分享一个非常不错的产品，那就是爱彼迎。
爱彼迎（ Airbnb ）是一个出租住宿民宿的网站，提供短期出租房屋或房间，让旅行者通过网站或手机发掘和预订世界各地的独特房源，为近年来共享经济发展的代表之一。
我第一次用爱彼迎产品的时候，发现爱彼迎用户体验、设计都非常的不错，给人感受专业、舒适、信任带有设计追求的产品。虽然爱彼迎今年已经退出中国市场，聚焦出境游业务，但是 爱彼迎 的产品体验有很多点值得学习，今天我将从 12 个维度进行分析。
往期 产品拆解 ：
文档类产品解题宝典！24个细节全面拆解Notion 一、前言 Notion 是一款融合笔记（Notes）、任务（Tasks）、知识库（Wiki ）以及数据库（Database）的 all-in-one 生产力工具，产品主要服务于互联网群体。
阅读文章 >
一、品牌理念 从这张图我们清楚看出爱彼迎符号融入了人、地点和爱的品牌愿景。
爱彼迎说任何人都可以画出的心形，超越了语言和文化，颂扬了爱彼迎的热情好客精神，而热情好客的新调色板则反映了人们的开放心态。
爱彼迎的品牌色红色更好的传达了爱、热情好客品牌理念。
二、品牌符号 我从 App Store 找到最新的爱彼迎的 logo，发现爱彼迎的颜色有所变化，偏向粉一些的红色，更具有活力的颜色。
爱彼迎的 logo 好看是有原因的，我发现图标是由三角形区域中设计的，导致图标给人的感觉很稳，同时利用简洁的线条进行图形绘制，非常不错的符号。
例如日本三菱的 logo，也类似这种设计形式，虽然是三个菱形组成，但是都是在一个三角形下进行设计，显得非常的稳。同时我发现跟名字也有关联，菱字和菱形的关联。非常的经典、克制、耐看，从小就很喜欢这个 logo。
三、启动页 每一个 app 都有启动页，而爱彼迎用浅灰色的 logo 作为启动页。感受最深就是这个 App 没有广告，保持最纯粹的页面。
四、首页设计 爱彼迎首页目标非常的明确，顶部卡片利用大投影使得视觉层级是最高的，同时配上红色大按钮“搜索房源”的描述来提高用户的点击效率。
五、卡片设计 爱彼迎卡片设计非常有细节，banner 的比例是 3:2，用户的头像在图的右方，做了一个破形处理，让户主和图片关联起来，非常有创新的布局，让平庸的界面更加设计感，同时大部分用户都是右手操作，头像在右下角，在操作的热区，体验会更佳。
六、标签细节 爱彼迎标签一样很有细节，重要的标签颜色和普通不一样，重要标签是棕色色值而普通标签只是浅灰色，有个层级的对比。
标签的左右安全距离保持一致，当字数有变化的时候，标签感受和规范是一致的。
七、透明细节 爱彼迎评分标签背景是带一点透明度的，如果用纯色会突兀，而有透明度显得界面通透、清新。
右上角爱心图标白色描边+黑色透明+微投影，为了更好兼容白色图片和黑色图片。
八、布局细节 爱彼迎首页下滑有一个探索全球奇屋，全屏都是美丽的民宿，采用瀑布流的设计布局，图片之间错开展示，自适应的高度设计，头部大 banner，下面配上小图，具有节奏感。
左上角按钮大小高宽的点击区域大于 88px(基于 2 倍图）体验非常的好。
九、沉浸式体验 点击进入民宿，主图铺满 3/4 的手机界面，用户可以进行左右滑动查看民宿图片细节，用户还可以上下切换名宿，整体给用户沉浸的感受。
当用户点击喜欢的按钮，界面的背景色黑色变成彩色背景，给用户明显的感知。
我发现这些介绍页面可以翻译成中文，也可以显示原文（葡萄牙语）对应各国国家爱彼迎又做了对应的翻译处理，作为用户是非常的友好，能完全看的懂，满足国际化设计。
十、弥散色彩 爱彼迎有几处用了弥散的色彩，例如选择感兴趣的民宿，背景会加入一些弥散色彩做一些设计区分。
个人中心也会在背景上用品牌色作为弥散色彩进行设计，让页面更加丰富。
弥散光设计！网易阿里大厂都在用的刷屏级新设计风 这阵子不是有一种设计流行风悄悄刮了起来嘛！
阅读文章 >
十一、图标设计 发现爱彼迎的图标都是灰色线性图标，同时每一个风格的民宿会专门赋予一种图标，保证了图标的一致性。
线性图标的优点是简洁、高效，减少对内容的视觉干扰，能给用户带来极致的感受。
想绘制线性图标，这里有 6 个前辈为你踩过的坑 我们作为 UI 设计师，一开始入门接触最多的就是图标，而现在很多设计师都钟爱线性图标，导致很多新手设计师也跟随主流的脚步选择线性图标去设计，但是线性图标是不是真的像我们看起来那么简单呢？
阅读文章 >
十二、字体设计 仔细的人会发现，爱彼迎专门为自己的 APP 设计了数字字体和英文字体 airbnb-cereal-font，字体比较时尚、粗壮，特别应用在标题、评分、价格重要信息上具有很好的识别性。
字体也可以给产品提高品牌性，形成差异化。
总结 品牌符号可融入企业的愿景和理念。 品牌色的选择好的话，可以达成差异化。 为 APP 打造一款数字字体和英文字体可以提高产品的品牌性。 破形的设计还可以运用在 APP 的布局中，会有创新性的效果。 整个 APP 的图标风格需要保持一致，这样用户的感受是一致的。 图片的清晰、美观、高雅可以给整个 APP 提高美感，这个需要根据 APP 的定位来确定。 感谢大家阅读～～ 关注黄小伟设计，分享好的设计。
