億萬人在用的58 APP，如何做視覺語言升級設計？

隨著市場的不斷變化和競爭的日益激烈，生活服務平臺的更新迭代早已不再是單純的“功能疊加”。對于 58 同城這樣一個深耕國內市場多年的平臺來說，每次改版都是一次“挑戰與機遇并存”的自我更新。今年，正值 58 同城企業文化煥新之際，我們迎來了產品的全面升級。

此次改版的核心目標非常明確：我們不僅要進行改版，更要通過精準的設計提升用戶體驗，以吸引更多新用戶。特別是在這個“流量見頂”的時代，如何借助改版吸引新用戶、留住老用戶，成了我們必須深入思考的問題。今天，就讓我們一起來揭秘本次 58APP 視覺升級背后的設計理念和思考。

更多58設計案例：

一、定義視覺語言

視覺煥新不僅僅是設計風格上的“顏值爆表”，而是要從信息呈現、用戶體驗和情感鏈接等多維度去“打破常規”。我們希望通過本次升級，精準捕捉用戶快節奏、高效能、個性化的需求，使得用戶在操作過程中不再感到負擔。讓每一位用戶都能感受到“煥然一新”的操作體驗。

1. 簡單直接·提升信息傳遞效率

改版的第一個突破口，就是對信息密度的優化。在過去，58 同城的首頁內容信息過于密集，導致許多用戶在尋找目標服務時往往感到迷茫。我們通過重構信息結構，優化信息層級，讓用戶在第一時間就能找到自己需要的內容。為此，我們采用了以下幾項設計策略：

金剛區布局優化：

根據金剛區點擊率數據優化布局，將原本四排圖標調整為三排，減少了視覺上的擁擠感，提升了點擊的精準度。

頂部信息簡化：

通過輕量化的內容呈現，幫助用戶快速進入各項核心服務。

信息流優化：

精簡信息內容，增加大字號字體和標簽，提升用戶在瀏覽信息時的視覺流暢度。

啟動頁煥新：

去掉不必要的元素，突出核心內容，確保用戶在 2s 內能閱讀完全部內容。

這些設計背后，正是對“用戶喜歡快速瀏覽、碎片化信息”的深刻洞察。通過這些優化，58 同城能夠幫助用戶以更高效的方式獲得他們所需的服務與信息。

2. 美好安樂·拉近品牌與用戶的距離

58 用戶不僅看重效率，更加看重平臺帶給他們的情感聯結。優秀的設計是品牌與用戶溝通的橋梁。因此，在本次改版中，我們注重品牌的“溫度”和“親和力”。從視覺到語義，我們都進行了全方位的優化。

色彩系統煥新：

色彩系統是視覺煥新的基礎。我們基于 58 品牌色重新拓展了色彩體系，將原有的 4 種 58 品牌色融入其中。由原來的單一標準色擴展至 5 個標準色，并將其與業務進行了關聯。這充分展現了 58 色彩系統的開放性與包容性，猶如一場奇妙的視覺盛宴，為我們的品牌注入了全新的活力。

圖標設計：

圖標的設計至關重要，每個圖標代表一個“服務品類”，承載著重要的流量轉化作用。如何做到功能性與美觀度的契合是圖標設計的難點。設計師需深入了解服務品類的特點，通過簡潔而富有創意的圖形語言來傳達信息，同時注重色彩搭配與視覺平衡，讓圖標在吸引眼球的同時，準確傳達服務內容，實現功能與美感的完美結合。

引入 IP 形象：

在本次視覺升級中我們還設計了全新的 IP 形象，并貫穿到整個產品設計中。全新 IP 形象不僅造型獨特、可愛且充滿親和力，還融合了 58 同城的服務理念與核心價值。它將以更加生動有趣的方式出現在大眾視野，加強與用戶的互動與情感連接。無論是線上平臺還是線下活動，這個新形象都將帶來全新體驗，讓 58 超級符號深入人心，進一步提升品牌認知度與影響力。目前已在下拉刷新、缺省圖等場景使用。

語義煥新：

在全新設計語言中，我們將語義設計作為我們設計的重要一環。這也是過去常被大家忽視的部分。我們定義了平臺與用戶的關系，并為平臺打造了一個親切專業的人設。語義風格不再拘泥于傳統的嚴肅正式，變得親切幽默，更貼近日常對話方式，拉近品牌與用戶的距離。

3. 多元融合·包容多品類業務

色彩體系不僅要滿足視覺上的“好看”，更要傳遞品牌的個性和功能區分度。我們為每個業務線設定不同的色彩語言來體現自己的特色，同時與整體設計風格無縫融合，營造一種既統一又多元的視覺體驗。

整體色調更加靈動與輕盈：整體色調主要以輕盈且充滿活力的色彩為主，避免了以往單一沉悶的色調。色彩上的大膽突破使平臺看起來更加現代且富有生命力，符合當下用戶追求個性化和多元化的需求。

業務線的專屬色：為了讓每個業務板塊都具有鮮明的視覺識別性，我們為每個業務線制定了獨特的色彩系統。這些色彩不僅幫助用戶快速識別不同的功能模塊，還增強了界面的層次感和結構感。每種顏色的選擇都精準契合業務本身的特質，同時避免了過度堆砌導致的視覺雜亂感。?

4. 自然生長，讓產品體驗更生動

動效：

動效設計的加入是本次改版一大亮點，極大地提升了用戶的互動體驗。每個頁面的切換和元素的動態效果都經過精心設計，不僅讓界面更加生動，也提升了整體的使用流暢度。無論是輕盈的按鈕點擊效果，還是列表的骨架動畫，細膩的動效讓用戶在每一次操作時都能感受到愉悅和反饋。這種設計不僅吸引用戶眼球，還能讓用戶在操作過程中感受到更多的參與感，降低平臺的“工具化”冷漠感。

這種靈動的設計元素，不僅能夠在視覺上吸引用戶，更能讓用戶在操作中體驗到愉悅感和參與感，減少了“工具化”平臺帶來的冷冰冰感。

二、規范制定業務推進

為了更好的保證 58 體驗一致性，我們在設計語言推進，業務規范化方面也下了不少功夫。尤其是業務大類頁的規范統一，不僅提升了各個版塊之間的協調性，也增強了產品的整體一致性。在未來，我們會繼續推動更多的設計與技術合作，進一步優化產品的全鏈路體驗。

1. 未來可期——改版的意義遠不止表面

58 同城的視覺語言煥新升級，不僅是對平臺外觀和體驗的一次優化，它更是一次對“用戶、品牌、市場”三者關系的深刻洞察。每一次“改版”背后不僅僅是為了吸引用戶，更是在問自己：我們能為用戶提供什么？如何在這個信息過載、競爭激烈的時代，真正為他們帶來價值？

本次煥新所傳遞的理念遠超設計本身，代表的是一種敢于創新、擁抱變化的精神，是品牌如何與時代對話、與用戶建立深刻情感連接的探索。也許，正是因為這一切，我們才會看到 58 同城在這次改版后的真正意義——不再僅僅是一個“生活服務平臺”，而是成為了用戶生活的一部分，一個充滿親和力、靈動感的伴隨者。

歡迎關注「58UXD」的微信公眾號：