公关部的工作室

marcom-studio-internal.svg

网页风格指南

页眉和页脚

绝大多数世界杯官方app官方网站都必须使用该大学的全球页眉和页脚之一. 全球页眉和页脚的设计是为了确保大学的品牌标识是一致的,并且世界杯官方app的网站包含必要的元素. 虽然所有全局页眉和页脚具有相同的外观和感觉, 根据网站的主要受众和在世界杯官方app网站架构中的位置,可以进行变化.

在本页

世界杯官方app全局标头

世界杯官方app的全局标头由两部分组成, 一个蓝色的顶部栏和一个白色的网站导航, 下面分别对它们进行了描述.

标题部分,站点导航和顶部栏
部分世界杯官方app报头

窗口的顶部

顶部栏包含实用程序链接,包括站点搜索功能.

主顶杆
  • 用例: 使用世界杯官方app全球导航的顶级大学页面
  • 示例页面: 主页,世界杯官方app,招生,学者,地点,世界杯官方app
桌面视图
主桌面栏
移动视图
主移动顶板
二级A顶栏
  • 用例: 世界杯官方app官方网站,在页面顶部包含世界杯官方app部门/单位徽标
  • 示例页面: 大学主页
  • 可选功能: 谷歌语言小部件
桌面视图
二级桌面栏
移动视图
次级活动顶板
二级B顶板
  • 用例: 世界杯官方app官方网站没有在页面顶部包含世界杯官方app部门/单位徽标
  • 示例页面: 教务长,校友,学生事务
  • 可选功能: 谷歌语言小部件
桌面视图
备用B桌面顶栏
移动视图
二级移动顶栏
会员顶栏
  • 用例: 根据业务情况和技术限制,附属网站和第三方应用程序/网站可能会或可能不会使用世界杯官方app标头
  • 示例页面: 校园碟,喧闹校园店,校园科技店
桌面视图
附属桌面栏
移动视图
附属移动顶栏

网站导航

站点导航描述了主站点导航栏,其中包含所有站点的链接或其他导航组件以及世界杯官方app品牌徽标或站点名称.

主站点导航
  • 用例: 顶级大学页面
  • 示例页面: 家,世界杯官方app,地点,世界杯官方app,校友
  • 可选功能: CTA 按钮,右对齐
桌面视图
主页导航
移动视图
主站点导航从家庭移动视图
从站点导航
  • 用例: 没有自己的世界杯官方app品牌标志和使用纯文本标题的部门和其他倡议页面
  • 示例页面: 发展 & 校友关系
  • 可选功能: CTA 按钮,右对齐
桌面视图
从发展和校友的辅助站点导航
移动视图
从站点导航移动视图

页脚

建议所有世界杯官方app网站也采用大学签名蓝色的世界杯官方app页脚,其中包括所有必需的元素. 

主要的页脚

  • 用例: 使用世界杯官方app全球导航的顶级大学页面
  • 示例页面: 主页,招生,学者,地点,世界杯官方app
桌面视图
主桌面页脚

带脚踝的主页脚

  • 用例: 对大学使命有直接影响的高级大学页面, 愿景, 值和目标
  • 示例页面: 世界杯官方app,校长办公室,包容性卓越,战略计划
桌面视图
主桌面脚与脚踝
移动视图
带脚踝的主要移动页脚

二级页脚

  • 用例: 所有其他世界杯官方app官方网站
  • 示例页面: 学院主页、主要行政单位等.
桌面视图
辅助桌面页脚
移动视图
次级移动页脚

附属页脚

  • 用例: 根据商业案例和技术限制,附属网站和第三方应用程序/网站可以或不可以使用世界杯官方app页脚
  • 示例页面: 校园碟,Rowdy校园商店,世界杯官方app奖学金中心,RowdyLink
桌面视图
附属桌面页脚
移动视图
附属移动页脚