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)的配色方案。

趣味編程網(wǎng)站Codecademy新LOGO

在完成了字體、配色等基礎(chǔ)方案設(shè)計(jì)之后，Codecademy 將整個(gè)網(wǎng)站的 UI 系統(tǒng)也全部重新設(shè)計(jì)。使用了更多活潑的配色，以及更鮮明直接的設(shè)計(jì)風(fēng)格，這些設(shè)計(jì)會(huì)用在頁眉、頁腳、表單域、按鈕、注冊(cè)模塊等所有方面，為網(wǎng)站定義了全新的交互風(fēng)格。

設(shè)計(jì)原稿也有很多，最下方三個(gè)是最終的備選方案。話說左下角那個(gè)也很不錯(cuò)啊！

除此之外，Codecademy 還重新設(shè)計(jì)了網(wǎng)站地圖，相關(guān)的頁面跳轉(zhuǎn)更加的直接，相關(guān)的網(wǎng)頁也使用了同樣的設(shè)計(jì)語言重新優(yōu)化，所有的網(wǎng)頁現(xiàn)在都擁有了一致的視覺體驗(yàn)。

除了網(wǎng)站設(shè)計(jì)上的改版以外，Codecademy 還新增了許多新功能，比如新增“Codebits”功能，可以讓用戶向其他團(tuán)隊(duì)分享已經(jīng)完成的項(xiàng)目。另外，Codecademy 開始采用新的教學(xué)框架，嘗試在保留編程基礎(chǔ)教育的基礎(chǔ)上，向?qū)I(yè)化編程教育轉(zhuǎn)型。本文文字來源：鏈接

新聞稿：鏈接