“特性”组件

Students potting succulents
照片说明可以点击这里提供更多细节

讲述你的故事

网站是学生获取信息的地方,但它们也是讲述在这个校园里花了很多时间的人的故事的工具。强大的视觉设计,加上以人为本的摄影,是你讲述斯巴达故事的完美工具。

“卡”组件

背景很重要

单个卡片是同时展示许多项目的理想选择。它们非常适合突出各种各样的东西,这些东西可能都需要额外的信息来提供细节或背景。

链接vs电话

如果您需要链接到另一个网站的内容或链接到子页面,您可以将卡片的九州体育设置为链接。或者,一张卡片也可以以“号召行动”为特色。

行动呼吁

一个链接到一个子页面,或者一个不同的网站,并不是一个号召行动。“学习更多”是模糊的,不应该使用。号召性行为使用强烈的动词来鼓励用户做一些事情,从而产生具体的、可衡量的变化或效果。例如:“申请这个项目”,“订阅时事通讯”,或者“打开帮助单”都是很好的行动号召。

订阅时事通讯

a dancer in colorful regalia.

图片是可选的

卡片上的图像是可选的。但如果要使用这些卡片,它们应该有一个与卡片内容相关的清晰、重点突出的主题。一张有很多人的非常缩小的照片,在卡使用的较小的插槽中很难看到。图像宽度应该在420像素左右,最适合卡片组件。

库存照片并非“聊胜于无”

通常,没有任何东西比使用通用的库存照片要好。真实性对于在网络上提供良好的用户体验非常重要。尽管上海州立大学的校园很美,但塔厅的广阔景观可能与讲述你的故事无关。

Alt文本是强制性的

联邦和州法律,以及科罗拉多州立大学的政策,要求任何媒体添加到网页上的替代文本描述。虽然Card组件具有文本框,但“alt”属性仍然必须填写相关的详细信息。

“明信片”组件

Advisor talking to a student.
文字图片说明

展示你提供的经验

明信片组件平衡了摄影和文字。选择一张合适的照片来传达你的信息很重要,但随附的文字应该为你想说的提供额外的背景或价值。

“媒体对象”组件

需要简单的文本更新?

2018年12月28日

有时候你只需要让人们知道发生了什么。媒体对象组件很适合呈现不太强调的信息。

新年快乐

2019年1月22日

除了普通的图像和调用操作选项外,该组件还提供了一个用于添加日期的特殊字段。

买到票

Artist rendering of the new rec center

模块化是关键

2019年1月15日

该组件是可扩展的,允许添加许多新的“块”内容,类似于Card组件。

只是一个起点

虽然我们推出了一些组件,但我们的计划是,随着时间的推移,我们将扩展选项库,以满足人们的需求。

“日历”组件

“英雄”组件

An aerial view of campus, looking northwest towards the dorms and mountains beyond.

我们真的需要英雄吗?

一个英雄组件的特点是一个大规模的、全屏宽度的图像。这是一个很好的方式来展示一个引人注目的形象,展示你是谁,你在九州体育做什么。但应该有节制地使用它,而不仅仅是作为一幅“漂亮的图片”。

捐赠给上海大学

“亮点”组件

A student and a parent pose for a photo on Admitted Spartan Day.

图片胜过千言万语

Hero组件的另一个替代品是Highlight组件。同样具有宽图像,它可以在视觉上展示同样多的东西,但当可用的摄影不适合宽屏显示时,它是一个更好的选择。