令人驚艷的網(wǎng)站
考慮到 WRITE-BUG 平臺面向的主要用戶是 95 后、00 后 Z 世代的在校大學(xué)生,所以基于用戶的審美和交互習(xí)慣,我們【W(wǎng)RITE-BUG?數(shù)字空間】重新進行了的思考,相對于 2.0 是一次完全的、全新的大膽設(shè)計。
平臺整體設(shè)計
網(wǎng)站內(nèi)部的整體設(shè)計采用了黑色的主色調(diào),大量運用深色背景,作為神秘色系的黑色給人以個性而充滿高品質(zhì)的感覺,搭配亮色的 banner 來突出主題,視覺上有輕有重,賦予界面生命力。同時,黑色主色調(diào)更具有神秘空間感,加深學(xué)習(xí)圈的空間感,體現(xiàn)我們想要表達的“數(shù)字空間”。
網(wǎng)站首頁
首先從網(wǎng)站首頁來看,通過深色背景加光暈的方式,提升網(wǎng)站整體的品質(zhì)感,搭配線條旋轉(zhuǎn)的效果,增強視覺體驗。這也是近兩年網(wǎng)站設(shè)計逐漸流行的風(fēng)格——深色系配色和動效的結(jié)合,兩種技巧的搭配,創(chuàng)造出層次分明的視覺,營造出微妙的情緒氛圍和令人著迷的神秘感。
卡片式列表
對于學(xué)習(xí)圈內(nèi)的內(nèi)容展示,我們?nèi)坎捎每ㄆ搅斜碓O(shè)計,卡片相對于傳統(tǒng)的列表加分割線的閱讀效率更高,每個卡片的獨立性很強,同時我們更想要表達學(xué)習(xí)圈“數(shù)字空間”的概念,即學(xué)習(xí)圈本身就是一個存儲數(shù)據(jù)的容器,每張卡片匯聚一定的信息,使得每張卡片成為了獨立單元,而卡片也匯集在學(xué)習(xí)圈這個大容器中,從而達到[存儲]的概念。
交互設(shè)計
這一次,我們也在網(wǎng)站多處交互中應(yīng)用了微動效,圖標動態(tài)效果的變化,讓用戶清楚地知道操作是有效的,并且動效的趣味性也能鼓勵用戶進行操作和點擊,也使得產(chǎn)品在使用過程中變得更加有趣。 其中對于問答的創(chuàng)建方式,我們也有一些想法:問答的創(chuàng)建流程有四個步驟,我們希望用戶能夠一步一步創(chuàng)建高質(zhì)量的問題,同時這樣新的提問方式,也希望能夠促進用戶完成問答的創(chuàng)建行為。
WRITE-BUG 研發(fā)團隊衷心希望【W(wǎng)RITE-BUG 數(shù)字空間】可以給每位同學(xué)一個屬于自己的秘密空間,同時祝愿大家在“公開圈子”世界里,遇見志同道合的伙伴們,因為我們與大家一樣,都曾孤獨前行著。不忘初心,砥礪前行,這次,讓我們陪伴著同學(xué)一起前行