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

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

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

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

1、從視覺方面:設計語言比較老舊,各端不夠統(tǒng)一,跟競品沒有形成差異化。

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

3、從產品方面:為了達到收支平衡,我們推出會員功能,需要從設計角度提升會員尊享感。

針對這些問題,我們在多次頭腦風暴后提煉出了新版本的設計目標:結構合理、突出網盤功能、體驗友好、提升會員感知度。

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

眾所周知,網盤等工具類產品需要具備簡單高效的特點,但是在使用過程中,往往容易顯得單調和缺少感情。經過前期的腦暴討論和分析,結合網盤自身的用戶特征,希望在新版設計中傳達給人更多簡潔、輕快和活潑的體驗感受。

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

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

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

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

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

新手引導頁面是為首次注冊用戶展示的網盤功能介紹,用戶可在第一次使用網盤前對的核心功能做個了解,幫助用戶擴展使用場景。采用動效的形式,使用戶更有參與感。

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

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

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

同樣我們全局的icon也采用了線性圖標,這種方式輕巧簡練,具有一定的想象空間,且不會對界面產生太大的視覺干擾,圓角的處理更符合本次改版的視覺語言,簡潔、輕快、活潑。

備受好評的百度網盤Web 新版,原來設計師下了這么多功夫!

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

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