今天和大伙分享一個非常不錯的產品,那就是愛彼迎。
愛彼迎(Airbnb)是一個出租住宿民宿的網站,提供短期出租房屋或房間,讓旅行者通過網站或手機發掘和預訂世界各地的獨特房源,為近年來共享經濟發展的代表之一。
我第一次用愛彼迎產品的時候,發現愛彼迎用戶體驗、設計都非常的不錯,給人感受專業、舒適、信任帶有設計追求的產品。雖然愛彼迎今年已經退出中國市場,聚焦出境游業務,但是愛彼迎的產品體驗有很多點值得學習,今天我將從 12 個維度進行分析。
往期產品拆解:
從這張圖我們清楚看出愛彼迎符號融入了人、地點和愛的品牌愿景。
愛彼迎說任何人都可以畫出的心形,超越了語言和文化,頌揚了愛彼迎的熱情好客精神,而熱情好客的新調色板則反映了人們的開放心態。
愛彼迎的品牌色紅色更好的傳達了愛、熱情好客品牌理念。
我從 App Store 找到最新的愛彼迎的 logo,發現愛彼迎的顏色有所變化,偏向粉一些的紅色,更具有活力的顏色。
愛彼迎的 logo 好看是有原因的,我發現圖標是由三角形區域中設計的,導致圖標給人的感覺很穩,同時利用簡潔的線條進行圖形繪制,非常不錯的符號。
例如日本三菱的 logo,也類似這種設計形式,雖然是三個菱形組成,但是都是在一個三角形下進行設計,顯得非常的穩。同時我發現跟名字也有關聯,菱字和菱形的關聯。非常的經典、克制、耐看,從小就很喜歡這個 logo。
每一個 app 都有啟動頁,而愛彼迎用淺灰色的 logo 作為啟動頁。感受最深就是這個 App 沒有廣告,保持最純粹的頁面。
愛彼迎首頁目標非常的明確,頂部卡片利用大投影使得視覺層級是最高的,同時配上紅色大按鈕“搜索房源”的描述來提高用戶的點擊效率。
愛彼迎卡片設計非常有細節,banner 的比例是 3:2,用戶的頭像在圖的右方,做了一個破形處理,讓戶主和圖片關聯起來,非常有創新的布局,讓平庸的界面更加設計感,同時大部分用戶都是右手操作,頭像在右下角,在操作的熱區,體驗會更佳。
愛彼迎標簽一樣很有細節,重要的標簽顏色和普通不一樣,重要標簽是棕色色值而普通標簽只是淺灰色,有個層級的對比。
標簽的左右安全距離保持一致,當字數有變化的時候,標簽感受和規范是一致的。
愛彼迎評分標簽背景是帶一點透明度的,如果用純色會突兀,而有透明度顯得界面通透、清新。
右上角愛心圖標白色描邊+黑色透明+微投影,為了更好兼容白色圖片和黑色圖片。
愛彼迎首頁下滑有一個探索全球奇屋,全屏都是美麗的民宿,采用瀑布流的設計布局,圖片之間錯開展示,自適應的高度設計,頭部大 banner,下面配上小圖,具有節奏感。
左上角按鈕大小高寬的點擊區域大于 88px(基于 2 倍圖)體驗非常的好。
點擊進入民宿,主圖鋪滿 3/4 的手機界面,用戶可以進行左右滑動查看民宿圖片細節,用戶還可以上下切換名宿,整體給用戶沉浸的感受。
當用戶點擊喜歡的按鈕,界面的背景色黑色變成彩色背景,給用戶明顯的感知。
我發現這些介紹頁面可以翻譯成中文,也可以顯示原文(葡萄牙語)對應各國國家愛彼迎又做了對應的翻譯處理,作為用戶是非常的友好,能完全看的懂,滿足國際化設計。
愛彼迎有幾處用了彌散的色彩,例如選擇感興趣的民宿,背景會加入一些彌散色彩做一些設計區分。
個人中心也會在背景上用品牌色作為彌散色彩進行設計,讓頁面更加豐富。
發現愛彼迎的圖標都是灰色線性圖標,同時每一個風格的民宿會專門賦予一種圖標,保證了圖標的一致性。
線性圖標的優點是簡潔、高效,減少對內容的視覺干擾,能給用戶帶來極致的感受。
仔細的人會發現,愛彼迎專門為自己的 APP 設計了數字字體和英文字體 airbnb-cereal-font,字體比較時尚、粗壯,特別應用在標題、評分、價格重要信息上具有很好的識別性。
字體也可以給產品提高品牌性,形成差異化。
- 品牌符號可融入企業的愿景和理念。
- 品牌色的選擇好的話,可以達成差異化。
- 為 APP 打造一款數字字體和英文字體可以提高產品的品牌性。
- 破形的設計還可以運用在 APP 的布局中,會有創新性的效果。
- 整個 APP 的圖標風格需要保持一致,這樣用戶的感受是一致的。
- 圖片的清晰、美觀、高雅可以給整個 APP 提高美感,這個需要根據 APP 的定位來確定。
感謝大家閱讀~~ 關注黃小偉設計,分享好的設計。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 14 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓