項目背景

隨著現代都市的生活節奏變快，人與人之間從陌生到熟悉平均需要3到6個月，交友的時間成本太高導致很多人不想交友，致使大部分人習慣了獨來獨往，這次的設計，主要針對那些在生活中不愛交友的人群，讓他們可以在網絡上廣交益友，結識知音，用最簡單的操作，達到最終的目標。

目標人群

知音APP主要面對18-40歲左右的人群，這其中大部分都是上班族和大學生。

最終目標

知音APP致力讓每個人都能擁有一個高質量的朋友圈，讓不愛交友的人可以廣結益友。

視覺規范

主色調：#8200ff

輔助色：#e100ff

點綴色：#78cbe9，#eddc58，#eddc58

字體規范

中文/數字蘋方/中黑

字體大小

20px

24px

28px

32px

36px

46px

圖標規范

底部tab欄

由簡單的線性圖標組成，發生點擊后變成由主色調微漸變做90%填充的面性圖標。

App架構

找知音

錄制聲音

匹配交友

banner

星球

附近的人交友擴列

快速匹配

公告

知音

動態

房間列表推薦

關注

發動態

消息

系統消息

關注消息

星球

交友擴列快速匹配

公告

知音

動態

房間列表推薦

關注

發動態

消息

系統消息

關注消息

個人信息

我的

我的動態我的資料

設置

登錄頁面

登錄頁做了很多競品分析，總結了市場上大部分的同類型產品，最終決定采用以一一個陽光有活力的妹子作為底色背景，并在上面加了一層由主色調到透明色的漸變，增加設計感的同時也使產品有了一種品牌特色。

個人中心頁面

頂部背景圖片可以讓客戶根據喜好自由跟換，符合用戶需求。

為標簽設計彩色的底很凸顯出重要性，讓用戶直觀的感受到色彩的美

底部的懸浮按鈕可以給客戶提供便捷的方式去發動態，也使得整個版面根據設計感。

我的消息頁面

這里的消息頁面，采用的是比較常規的列表流，通過點擊頂部導航可以切換關注消息列表和系統消息列表，列表欄呈現的內容也能直觀的好友在線與否，給予用戶很好的體驗。

點擊列表可以和好友進行對話，用戶通過上方的卡片信息，可以直觀的看到你與好友的匹配值，并能夠看到你們的共同點，增加了用戶體驗。