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