跳过顶部导航

Web风格指南概述

UHCL网站风格指南是用来帮助设计人员、开发人员和内容创建者的 大学雇用的出版商在学术和文化方面保持一致性 行政部门网页. 该指南包括一个全面的视觉列表 功能组件以及它们在整个站点中的使用.

Introduction

关于视觉风格

欧洲杯竞猜网站明湖分校网站的设计是基于品牌准则 由大学传播处设立. 开源字体有 被用来代替品牌字体,以方便使用和改进屏幕上的呈现. 颜色是按照WCAG 2使用的.AA无障碍指南.

UI组件和模式

该站点包含通用用户界面(UI)组件,旨在帮助用户查找 具体信息容易. 导航集、按钮和图标都紧随其后 关键受众熟悉或容易学习的已建立模式.

响应式网页设计

  • 响应式网页设计使UHCL网站看起来很好,在任何情况下都能正常运行 大小和设备无关.
  • HTML的构造使得一组HTML可以跨所有设备和设备工作 screen sizes.
  • HTML避免在不同的断点处显示重复的元素 使用JavaScript根据不同的断点调整显示.
  • When possible, spacing units are defined as rem or em units; rather than defining 像素大小,这允许元素适当缩放.

浏览器兼容性

HTML的构建是为了在以下浏览器/版本上查看:

  • ie浏览器:IE9 ~ IE11
  • Safari:最新版本(截至2015年11月)
  • Firefox:最新版本(截至2015年11月)
  • Chrome:最新版本(截至2015年11月)
  • Microsoft Edge:最新版本(截至2015年11月)