考慮到 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)站首頁(yè)

首先從網(wǎng)站首頁(yè)來看，通過深色背景加光暈的方式，提升網(wǎng)站整體的品質(zhì)感，搭配線條旋轉(zhuǎn)的效果，增強(qiáng)視覺體驗(yàn)。這也是近兩年網(wǎng)站設(shè)計(jì)逐漸流行的風(fēng)格——深色系配色和動(dòng)效的結(jié)合，兩種技巧的搭配，創(chuàng)造出層次分明的視覺，營(yí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)建方式，我們也有一些想法：?jiǎn)柎鸬膭?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é)一起前行