隨著市場(chǎng)的不斷變化和競(jìng)爭(zhēng)的日益激烈，生活服務(wù)平臺(tái)的更新迭代早已不再是單純的“功能疊加”。對(duì)于 58 同城這樣一個(gè)深耕國(guó)內(nèi)市場(chǎng)多年的平臺(tái)來說，每次改版都是一次“挑戰(zhàn)與機(jī)遇并存”的自我更新。今年，正值 58 同城企業(yè)文化煥新之際，我們迎來了產(chǎn)品的全面升級(jí)。

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

更多58設(shè)計(jì)案例：

一、定義視覺語(yǔ)言

視覺煥新不僅僅是設(shè)計(jì)風(fēng)格上的“顏值爆表”，而是要從信息呈現(xiàn)、用戶體驗(yàn)和情感鏈接等多維度去“打破常規(guī)”。我們希望通過本次升級(jí)，精準(zhǔn)捕捉用戶快節(jié)奏、高效能、個(gè)性化的需求，使得用戶在操作過程中不再感到負(fù)擔(dān)。讓每一位用戶都能感受到“煥然一新”的操作體驗(yàn)。

1. 簡(jiǎn)單直接·提升信息傳遞效率

改版的第一個(gè)突破口，就是對(duì)信息密度的優(yōu)化。在過去，58 同城的首頁(yè)內(nèi)容信息過于密集，導(dǎo)致許多用戶在尋找目標(biāo)服務(wù)時(shí)往往感到迷茫。我們通過重構(gòu)信息結(jié)構(gòu)，優(yōu)化信息層級(jí)，讓用戶在第一時(shí)間就能找到自己需要的內(nèi)容。為此，我們采用了以下幾項(xiàng)設(shè)計(jì)策略：

金剛區(qū)布局優(yōu)化：

根據(jù)金剛區(qū)點(diǎn)擊率數(shù)據(jù)優(yōu)化布局，將原本四排圖標(biāo)調(diào)整為三排，減少了視覺上的擁擠感，提升了點(diǎn)擊的精準(zhǔn)度。

頂部信息簡(jiǎn)化：

通過輕量化的內(nèi)容呈現(xiàn)，幫助用戶快速進(jìn)入各項(xiàng)核心服務(wù)。

信息流優(yōu)化：

精簡(jiǎn)信息內(nèi)容，增加大字號(hào)字體和標(biāo)簽，提升用戶在瀏覽信息時(shí)的視覺流暢度。

啟動(dòng)頁(yè)煥新：

去掉不必要的元素，突出核心內(nèi)容，確保用戶在 2s 內(nèi)能閱讀完全部?jī)?nèi)容。

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

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

58 用戶不僅看重效率，更加看重平臺(tái)帶給他們的情感聯(lián)結(jié)。優(yōu)秀的設(shè)計(jì)是品牌與用戶溝通的橋梁。因此，在本次改版中，我們注重品牌的“溫度”和“親和力”。從視覺到語(yǔ)義，我們都進(jìn)行了全方位的優(yōu)化。

色彩系統(tǒng)煥新：

色彩系統(tǒng)是視覺煥新的基礎(chǔ)。我們基于 58 品牌色重新拓展了色彩體系，將原有的 4 種 58 品牌色融入其中。由原來的單一標(biāo)準(zhǔn)色擴(kuò)展至 5 個(gè)標(biāo)準(zhǔn)色，并將其與業(yè)務(wù)進(jìn)行了關(guān)聯(lián)。這充分展現(xiàn)了 58 色彩系統(tǒng)的開放性與包容性，猶如一場(chǎng)奇妙的視覺盛宴，為我們的品牌注入了全新的活力。

圖標(biāo)設(shè)計(jì)：

圖標(biāo)的設(shè)計(jì)至關(guān)重要，每個(gè)圖標(biāo)代表一個(gè)“服務(wù)品類”，承載著重要的流量轉(zhuǎn)化作用。如何做到功能性與美觀度的契合是圖標(biāo)設(shè)計(jì)的難點(diǎn)。設(shè)計(jì)師需深入了解服務(wù)品類的特點(diǎn)，通過簡(jiǎn)潔而富有創(chuàng)意的圖形語(yǔ)言來傳達(dá)信息，同時(shí)注重色彩搭配與視覺平衡，讓圖標(biāo)在吸引眼球的同時(shí)，準(zhǔn)確傳達(dá)服務(wù)內(nèi)容，實(shí)現(xiàn)功能與美感的完美結(jié)合。

引入 IP 形象：

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

語(yǔ)義煥新：

在全新設(shè)計(jì)語(yǔ)言中，我們將語(yǔ)義設(shè)計(jì)作為我們?cè)O(shè)計(jì)的重要一環(huán)。這也是過去常被大家忽視的部分。我們定義了平臺(tái)與用戶的關(guān)系，并為平臺(tái)打造了一個(gè)親切專業(yè)的人設(shè)。語(yǔ)義風(fēng)格不再拘泥于傳統(tǒng)的嚴(yán)肅正式，變得親切幽默，更貼近日常對(duì)話方式，拉近品牌與用戶的距離。

3. 多元融合·包容多品類業(yè)務(wù)

色彩體系不僅要滿足視覺上的“好看”，更要傳遞品牌的個(gè)性和功能區(qū)分度。我們?yōu)槊總€(gè)業(yè)務(wù)線設(shè)定不同的色彩語(yǔ)言來體現(xiàn)自己的特色，同時(shí)與整體設(shè)計(jì)風(fēng)格無縫融合，營(yíng)造一種既統(tǒng)一又多元的視覺體驗(yàn)。

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

業(yè)務(wù)線的專屬色：為了讓每個(gè)業(yè)務(wù)板塊都具有鮮明的視覺識(shí)別性，我們?yōu)槊總€(gè)業(yè)務(wù)線制定了獨(dú)特的色彩系統(tǒng)。這些色彩不僅幫助用戶快速識(shí)別不同的功能模塊，還增強(qiáng)了界面的層次感和結(jié)構(gòu)感。每種顏色的選擇都精準(zhǔn)契合業(yè)務(wù)本身的特質(zhì)，同時(shí)避免了過度堆砌導(dǎo)致的視覺雜亂感。?

4. 自然生長(zhǎng)，讓產(chǎn)品體驗(yàn)更生動(dòng)

動(dòng)效：

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

這種靈動(dòng)的設(shè)計(jì)元素，不僅能夠在視覺上吸引用戶，更能讓用戶在操作中體驗(yàn)到愉悅感和參與感，減少了“工具化”平臺(tái)帶來的冷冰冰感。

二、規(guī)范制定業(yè)務(wù)推進(jìn)

為了更好的保證 58 體驗(yàn)一致性，我們?cè)谠O(shè)計(jì)語(yǔ)言推進(jìn)，業(yè)務(wù)規(guī)范化方面也下了不少功夫。尤其是業(yè)務(wù)大類頁(yè)的規(guī)范統(tǒng)一，不僅提升了各個(gè)版塊之間的協(xié)調(diào)性，也增強(qiáng)了產(chǎn)品的整體一致性。在未來，我們會(huì)繼續(xù)推動(dòng)更多的設(shè)計(jì)與技術(shù)合作，進(jìn)一步優(yōu)化產(chǎn)品的全鏈路體驗(yàn)。

1. 未來可期——改版的意義遠(yuǎn)不止表面

58 同城的視覺語(yǔ)言煥新升級(jí)，不僅是對(duì)平臺(tái)外觀和體驗(yàn)的一次優(yōu)化，它更是一次對(duì)“用戶、品牌、市場(chǎng)”三者關(guān)系的深刻洞察。每一次“改版”背后不僅僅是為了吸引用戶，更是在問自己：我們能為用戶提供什么？如何在這個(gè)信息過載、競(jìng)爭(zhēng)激烈的時(shí)代，真正為他們帶來價(jià)值？

本次煥新所傳遞的理念遠(yuǎn)超設(shè)計(jì)本身，代表的是一種敢于創(chuàng)新、擁抱變化的精神，是品牌如何與時(shí)代對(duì)話、與用戶建立深刻情感連接的探索。也許，正是因?yàn)檫@一切，我們才會(huì)看到 58 同城在這次改版后的真正意義——不再僅僅是一個(gè)“生活服務(wù)平臺(tái)”，而是成為了用戶生活的一部分，一個(gè)充滿親和力、靈動(dòng)感的伴隨者。

歡迎關(guān)注「58UXD」的微信公眾號(hào)：