備受好評(píng)的百度網(wǎng)盤Web 新版頁(yè)面是如何設(shè)計(jì)的
發(fā)布時(shí)間:2021-12-18 10:24 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

網(wǎng)盤作為一個(gè)在線備份存儲(chǔ),共享文件的工具類產(chǎn)品,給人們的工作和生活帶來(lái)了很大的幫助和便利。百度網(wǎng)盤是目前國(guó)內(nèi)使用量最大的網(wǎng)盤產(chǎn)品,為了讓用戶有著更好的使用體驗(yàn),需要對(duì)產(chǎn)品進(jìn)行不斷的優(yōu)化和創(chuàng)新。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

我們針對(duì)現(xiàn)有產(chǎn)品進(jìn)行了問(wèn)題分析,發(fā)現(xiàn)了現(xiàn)階段產(chǎn)品存在的問(wèn)題:

1、從視覺(jué)方面:設(shè)計(jì)語(yǔ)言比較老舊,各端不夠統(tǒng)一,跟競(jìng)品沒(méi)有形成差異化。

2、從體驗(yàn)方面:產(chǎn)品接手的人太多,導(dǎo)致體驗(yàn)方面不夠一致,需要統(tǒng)一操作語(yǔ)言,從而提升用戶使用效率。

3、從產(chǎn)品方面:為了達(dá)到收支平衡,我們推出會(huì)員功能,需要從設(shè)計(jì)角度提升會(huì)員尊享感。

針對(duì)這些問(wèn)題,我們?cè)诙啻晤^腦風(fēng)暴后提煉出了新版本的設(shè)計(jì)目標(biāo):結(jié)構(gòu)合理、突出網(wǎng)盤功能、體驗(yàn)友好、提升會(huì)員感知度。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

眾所周知,網(wǎng)盤等工具類產(chǎn)品需要具備簡(jiǎn)單高效的特點(diǎn),但是在使用過(guò)程中,往往容易顯得單調(diào)和缺少感情。經(jīng)過(guò)前期的腦暴討論和分析,結(jié)合網(wǎng)盤自身的用戶特征,希望在新版設(shè)計(jì)中傳達(dá)給人更多簡(jiǎn)潔、輕快和活潑的體驗(yàn)感受。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

通過(guò)幾輪對(duì)網(wǎng)盤首頁(yè)的設(shè)計(jì)探索,最終采用淺色為主,扁平化風(fēng)格的方案。以百度的品牌色,藍(lán)色、白色和紅色為基礎(chǔ),增強(qiáng)品牌識(shí)別性,以及各端統(tǒng)一性。而且藍(lán)色源于天空,沉穩(wěn)與科技感符合網(wǎng)盤的產(chǎn)品特征,容易讓人聯(lián)想到在云端的氛圍感受,在長(zhǎng)時(shí)間使用過(guò)程中不會(huì)讓人產(chǎn)生視覺(jué)疲勞。頁(yè)面適當(dāng)留白,弱化不必要的視覺(jué)元素,突出內(nèi)容本身,從而提升用戶操作效率。將紅色賦予會(huì)員,一方面通過(guò)醒目的紅色可以突顯會(huì)員與眾不同的尊享感,一方面可以引導(dǎo)人們來(lái)了解會(huì)員,帶來(lái)更大的收益。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

由于百度網(wǎng)盤的用戶年齡大部分分布在20-35歲之間,屬于80后和90后的年齡段,這類人群更容易接觸新鮮事物。因此在設(shè)計(jì)中加入了換膚功能,來(lái)體現(xiàn)更多的場(chǎng)景氛圍,后續(xù)還會(huì)不斷完善皮膚的類別和數(shù)量,滿足不同人群喜好。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

新手引導(dǎo)頁(yè)面是為首次注冊(cè)用戶展示的網(wǎng)盤功能介紹,用戶可在第一次使用網(wǎng)盤前對(duì)的核心功能做個(gè)了解,幫助用戶擴(kuò)展使用場(chǎng)景。采用動(dòng)效的形式,使用戶更有參與感。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

這次改版也對(duì)經(jīng)常使用的文件類型圖標(biāo)做了重新的設(shè)計(jì),采用了較為明快的色彩,使得網(wǎng)盤不再單調(diào)乏味,更加充滿朝氣與活力,給人以愉悅感。圖標(biāo)的圖形及顏色同時(shí)遵循品牌特征,使人易于識(shí)別。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

同樣我們?nèi)值膇con也采用了線性圖標(biāo),這種方式輕巧簡(jiǎn)練,具有一定的想象空間,且不會(huì)對(duì)界面產(chǎn)生太大的視覺(jué)干擾,圓角的處理更符合本次改版的視覺(jué)語(yǔ)言,簡(jiǎn)潔、輕快、活潑。

備受好評(píng)的百度網(wǎng)盤Web 新版,原來(lái)設(shè)計(jì)師下了這么多功夫!

本次改版主要在視覺(jué)設(shè)計(jì)上進(jìn)行了升級(jí)和優(yōu)化,整體采用扁平化風(fēng)格使體驗(yàn)更加輕量化,通過(guò)圖標(biāo)和色彩的運(yùn)用,更加滿足年輕用戶喜好,而且符合設(shè)計(jì)趨勢(shì)。  在交互設(shè)計(jì)上,對(duì)首頁(yè)結(jié)構(gòu)的重新規(guī)劃使層次更加清晰,使用更加簡(jiǎn)單。Web端的改版,較以往版本有著較大的升級(jí),也希望之后通過(guò)設(shè)計(jì)的力量讓網(wǎng)盤體驗(yàn)更加友好。

HTML基礎(chǔ)視頻教程
我要自學(xué)網(wǎng)商城 ¥30 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC