透过纽约新学院(The New School)网站赏析大学院校类网页设计技巧

Author: Chris Song

一个世纪前,一小群美国著名的知识分子和教育家在纽约市创办了这所新学校,他们对传统大学的知识胆怯感到沮丧。创始人,其中包括查尔斯·比尔德、约翰·杜威、詹姆斯·哈维·罗宾逊和托尔斯坦·维布伦,着手创建一种新的学术机构,在这种机构中,教师和学生可以自由地诚实和直接地解决20世纪社会面临的问题。他们的愿景是把有兴趣提问、辩论和讨论当今最重要问题的学者和公民聚集在一起。


网站的标志logo就很有特色。通篇下来会发现,很多设计上的细节,都是跟品牌VI的这个特征有关。



如果你不懂英文,也可以猜到,网站首页,就是一句句类似名人名言的诗词在切换。


1919年,他们成立了新的社会研究学校。这所大学现在正式命名为新学院,现已发展为包括五所学院,其课程反映了创始人对新兴社会科学、国际事务、文科、历史和哲学以及艺术、设计、管理和表演艺术的兴趣。


下拉栏目菜单的设置,颇有张力。



新学院(The New School)是一所位于纽约市的美国高等教育机构,其校舍大部分位于格林威治村(Greenwich Village)一带。大学部跟研究所的学生共约9300人,主要科系包含社会科学、人文学科、公共政策、美工设计跟艺术音乐相关科目。新学院由基础研究学院,社会研究学院,管理和市政学院,帕森设计学院、尤金朗学院、蔓尼斯音乐学院、爵士与现代音乐学院以及戏剧学院这八所位于纽约市的成员学院组成。


对于搜索的功能设置,酷毙。


纽约新学院(The New School)学校网站地址;https://www.newschool.edu/



每个页面的一级标题都采用了这个大字号。


大面积留白的技巧,让视觉聚焦。



在图片layout方便,确实新锐,大胆。突破了大多数大学院校网站的中规中矩。





除了图片陈列与众不同外,类似这种文字型的列表,也是超级个性。版式设计与交互设计结合得非常好。



对于站点中比较重要的提交按钮,非常醒目。



网站的页脚,大篇幅但不空洞。



所有带有略图的交互设计方式一致。给人感觉很统一。




也有个别页面模型采用了瀑布流的模式。



一个叫JT在纽约的海归说:


我在The New School读了两年研究生,认为这学校在对我各方面的提高有很大的影响。


  1. 我所在的专业没有中国人,同学来自不同国家不同文化,但是却非常的友好,提出的想法和观点都具备文化特色又能够基于美国纽约的情况。

  2. 你能够更大程度地提升自己融入纯英语的学习环境的能力,适应力以及对多元文化的包容性。

  3. 我们的学生证可以去纽约大学的图书馆,还可以申请预约其他的阅读资料。

  4. 在课外活动上面,也提供了各种各样不同形式的programs or organizations and clubs. 只要你愿意,都是能够在方方面面提升你对纽约这个城市的探索和认识。确实非常非常的好。

  5. 在提升学生身心方面,学校有很多workshops, wellness programs, wellness center 开放各种课程给学生,免费的。同时如果你觉得自己不开心,心理解不开的情绪,随时可以预约参加一些冥想的课程,以及可以预约个人的心理辅导。

  6. 这所学校非常的包容,没有很多的种族歧视。让每个人都能够在这里得到想要的发展机会和平台。

  7. 每年每个学期都会有好几场招聘会,招聘会之前还有很多辅导的课程,让你如何更好的准备应聘。

  8. 位置处于5大道,有先天的地理优势,在纽约的中心地带,你能够将自己完全地融入纽约曼哈顿的生活。


对于这个大学网站的设计,版式设计方面能如此个性化,打破传统学校类网站设计的风格和布局,可能跟这个学校的决策人有一些关系。另外,在整体的设计风格中,一直延续了品牌logo中的双杠线特征。这个在很多高端的网站设计中可以看到。

相关阅读