Codecademy改版,采用全新设计风格并增加了新功能_最新动态_新闻资讯_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 新闻资讯 > 最新动态 > Codecademy改版,采用全新设计风格并增加了新功能

Codecademy改版,采用全新设计风格并增加了新功能

 2014/4/24 23:07:50    程序员俱乐部  我要评论(0)
  • 摘要:继独立用户数突破2400万之后,Codecademy,这家免费趣味编程网站最近彻底改头换面,启用了全新的设计风格,重新设计了网站。新网站非常漂亮,充满了极客的味道。首先被大刀阔斧修改的就是logo。新的logo在设计过程中参考了大量Codecademy的用户、员工以及创始人Zach和Ryan的意见,最终由Pentagram的EddieOpara和他的团队设计成了现在的样子。设计原稿也有很多,最下方三个是最终的备选方案。话说左下角那个也很不错啊!为了与新的logo配套
  • 标签:功能 改版 新功能 设计

  继独立用户数突破 2400 万之后,Codecademy,这家免费趣味编程网站最近彻底改头换面,启用了全新的设计风格,重新设计了网站。新网站非常漂亮,充满了极客的味道。

  首先被大刀阔斧修改的就是 logo。新的 logo 在设计过程中参考了大量 Codecademy 的用户、员工以及创始人 Zach 和 Ryan 的意见,最终由 Pentagram 的 Eddie Opara 和他的团队设计成了现在的样子。

  设计原稿也有很多,最下方三个是最终的备选方案。话说左下角那个也很不错啊!

  为了与新的 logo 配套,Eddie Opara 还为 Codecademy 设计了一整套的图标,以及新字体和相关的配色方案。

  在完成了字体、配色等基础方案设计之后,Codecademy 将整个网站的 UI 系统也全部重新设计。使用了更多活泼的配色,以及更鲜明直接的设计风格,这些设计会用在页眉、页脚、表单域、按钮、注册模块等所有方面,为网站定义了全新的交互风格。

  除此之外,Codecademy 还重新设计了网站地图,相关的页面跳转更加的直接,相关的网页也使用了同样的设计语言重新优化,所有的网页现在都拥有了一致的视觉体验。

  再附上一部分网页的图片。

  除了网站设计上的改版以外,Codecademy 还新增了许多新功能,比如新增“Codebits”功能,可以让用户向其他团队分享已经完成的项目。另外,Codecademy 开始采用新的教学框架,尝试在保留编程基础教育的基础上,向专业化编程教育转型。

  [本文参考以下来源:codecademy.com, thenextweb.com]

发表评论
用户名: 匿名