趣味編程網站Codecademy改版,採用全新設計風格並增加了新功能

繼獨立用戶數突破2400萬之後,Codecademy,這家免費趣味編程網站最近徹底改頭換面,啟用了全新的設計風格,重新設計了網站。新網站非常漂亮,充滿了極客的味道。

首先被大刀闊斧修改的就是logo。新的logo在設計過程中參考了大量Codecademy的用戶、員工以及創始人Zach和Ryan的意見,最終由Pentagram的Eddie Opara和他的團隊設計成了現在的樣子。

設計原稿也有很多,最下方三個是最終的備選方案。話說左下角那個也很不錯啊!

為了與新的logo 配套,Eddie Opara 還為Codecademy 設計了一整套的圖標,以及新字體和相關的配色方案。

在完成了字體、配色等基礎方案設計之後,Codecademy 將整個網站的UI 系統也全部重新設計。使用了更多活潑的配色,以及更鮮明直接的設計風格,這些設計會用在頁眉、頁腳、表單域、按鈕、註冊模塊等所有方面,為網站定義了全新的交互風格。

除此之外,Codecademy 還重新設計了網站地圖,相關的頁面跳轉更加的直接,相關的網頁也使用了同樣的設計語言重新優化,所有的網頁現在都擁有了一致的視覺體驗。

再附上一部分網頁的圖片。

除了網站設計上的改版以外,Codecademy 還新增了許多新功能,比如新增“Codebits”功能,可以讓用戶向其他團隊分享已經完成的項目。另外,Codecademy 開始採用新的教學框架,嘗試在保留編程基礎教育的基礎上,向專業化編程教育轉型。

[本文參考以下來源:codecademy.com , thenextweb.com ]