Codecademy是一家免費(fèi)趣味編程網(wǎng)站,繼獨(dú)立用戶數(shù)突破2400萬之后,這家網(wǎng)站最近徹底改頭換面,啟用了全新的設(shè)計(jì)風(fēng)格,重新設(shè)計(jì)了網(wǎng)站。新網(wǎng)站非常漂亮,充滿了極客的味道。首先被大刀闊斧修改的就是logo。新的logo在設(shè)計(jì)過程中參考了大量Codecademy的用戶、員工以及創(chuàng)始人Zach和Ryan的意見,最終由Pentagram的Eddie Opara和他的團(tuán)隊(duì)設(shè)計(jì)成了現(xiàn)在的樣子。
舊 新
為了與新的 logo 配套,Eddie Opara 還為 Codecademy 設(shè)計(jì)了一整套的圖標(biāo),以及新字體和相關(guān)的配色方案。
在完成了字體、配色等基礎(chǔ)方案設(shè)計(jì)之后,Codecademy 將整個(gè)網(wǎng)站的 UI 系統(tǒng)也全部重新設(shè)計(jì)。使用了更多活潑的配色,以及更鮮明直接的設(shè)計(jì)風(fēng)格,這些設(shè)計(jì)會用在頁眉、頁腳、表單域、按鈕、注冊模塊等所有方面,為網(wǎng)站定義了全新的交互風(fēng)格。