Codecademy是一家免費趣味編程網(wǎng)站,繼獨立用戶數(shù)突破2400萬之后,這家網(wǎng)站最近徹底改頭換面,啟用了全新的設(shè)計風(fēng)格,重新設(shè)計了網(wǎng)站。新網(wǎng)站非常漂亮,充滿了極客的味道。首先被大刀闊斧修改的就是logo。新的logo在設(shè)計過程中參考了大量Codecademy的用戶、員工以及創(chuàng)始人Zach和Ryan的意見,最終由Pentagram的Eddie Opara和他的團(tuán)隊設(shè)計成了現(xiàn)在的樣子。
為了與新的 logo 配套,Eddie Opara 還為 Codecademy 設(shè)計了一整套的圖標(biāo),以及新字體和相關(guān)的配色方案。
趣味編程網(wǎng)站Codecademy新LOGO
在完成了字體、配色等基礎(chǔ)方案設(shè)計之后,Codecademy 將整個網(wǎng)站的 UI 系統(tǒng)也全部重新設(shè)計。使用了更多活潑的配色,以及更鮮明直接的設(shè)計風(fēng)格,這些設(shè)計會用在頁眉、頁腳、表單域、按鈕、注冊模塊等所有方面,為網(wǎng)站定義了全新的交互風(fēng)格。
設(shè)計原稿也有很多,最下方三個是最終的備選方案。話說左下角那個也很不錯??!
除此之外,Codecademy 還重新設(shè)計了網(wǎng)站地圖,相關(guān)的頁面跳轉(zhuǎn)更加的直接,相關(guān)的網(wǎng)頁也使用了同樣的設(shè)計語言重新優(yōu)化,所有的網(wǎng)頁現(xiàn)在都擁有了一致的視覺體驗。
除了網(wǎng)站設(shè)計上的改版以外,Codecademy 還新增了許多新功能,比如新增“Codebits”功能,可以讓用戶向其他團(tuán)隊分享已經(jīng)完成的項目。另外,Codecademy 開始采用新的教學(xué)框架,嘗試在保留編程基礎(chǔ)教育的基礎(chǔ)上,向?qū)I(yè)化編程教育轉(zhuǎn)型。本文文字來源:鏈接