继独立用户数突破 2400 万之后,Codecademy,这家免费趣味编程网站最近彻底改头换面,启用了全新的设计风格,重新设计了网站。新网站非常漂亮,充满了极客的味道。
首先被大刀阔斧修改的就是 logo。新的 logo 在设计过程中参考了大量 Codecademy 的用户、员工以及创始人 Zach 和 Ryan 的意见,最终由 Pentagram 的 Eddie Opara 和他的团队设计成了现在的样子。
设计原稿也有很多,最下方三个是最终的备选方案。话说左下角那个也很不错啊!
为了与新的 logo 配套,Eddie Opara 还为 Codecademy 设计了一整套的图标,以及新字体和相关的配色方案。
在完成了字体、配色等基础方案设计之后,Codecademy 将整个网站的 UI 系统也全部重新设计。使用了更多活泼的配色,以及更鲜明直接的设计风格,这些设计会用在页眉、页脚、表单域、按钮、注册模块等所有方面,为网站定义了全新的交互风格。
除此之外,Codecademy 还重新设计了网站地图,相关的页面跳转更加的直接,相关的网页也使用了同样的设计语言重新优化,所有的网页现在都拥有了一致的视觉体验。
再附上一部分网页的图片。
除了网站设计上的改版以外,Codecademy 还新增了许多新功能,比如新增“Codebits”功能,可以让用户向其他团队分享已经完成的项目。另外,Codecademy 开始采用新的教学框架,尝试在保留编程基础教育的基础上,向专业化编程教育转型。
[本文参考以下来源:codecademy.com, thenextweb.com]