跳到主要内容

网页风格指南

网页风格指南继承了大学风格指南的视觉识别规则。例外情况包括排版、颜色、写作风格和可newbb体育性,这些都是特定于屏幕媒体的。请参阅大学风格指南,了解徽标使用和视觉品牌识别指南。除了web应用程序,这个风格指南也适用于官方电子大学的宣传材料,比如电子邮件交流、在线广告、ppt演示等。

网页模板

所有新网站的开发都将在指定的机构模板中在UW-Green Bay内容管理系统中完成,除非项目认为其他必要。所遵循的视觉网页样式指南将自动合并到指定的机构网页模板中。目标是在整个威斯康星大学绿湾分校网站上保持统一的外观和感觉。首先要向听众传达我们大学是一个有凝聚力、有智慧和专业的机构。

威斯康星大学绿湾网的颜色

颜色 十六进制值 RGB值
品牌1(凤凰绿) # 0 f5640 R: 15 G: 86 B: 64 
品牌2
# 1 ba72e
R: 27 G: 167 B: 46
品牌3 # 234 e52 R: 35 G: 78 B: 82
品牌3口音
# 289 a8f
R: 40 G: 154 B: 143
品牌4
# ea7600
R: 234 G: 118 B: 0
品牌1深色 # 0 c3b33 R: 12 G: 59 B: 51
品牌2口音 # 54 e03d R: 84 G: 224 B: 61
背景光 # f4f5f6 R: 244 G: 245 B: 246
白色的背景 # f8faf5 R: 248 G: 250 B: 245

标志的使用

参见威斯康星大学绿湾图形风格指南的标志使用。

网络写作风格

的写作风格

目标是一种能让读者参与对话的写作风格。考虑你的听众。直接说话,回答他们的问题,尽可能简明明了地提供信息。避免用文字让读者不知所措。网络newbb体育者以任务为导向——他们浏览和浏览。通过清晰的小标题、项目符号列表和编号列表,帮助网络newbb体育者找到他们想要的内容。

编辑风格

清晰度,准确性和一致性对于威斯康星大学绿湾分校的声誉和机构认可至关重要。参见uw -绿湾身份工具。以下是在web上编辑风格一致性的快速参考指南。

指导方针 举个例子 不要做的例子
程序名称大写
小写的学科
威斯康星大学绿湾分校心理学学位……
获得心理学学位。
威斯康星大学绿湾分校心理学学位……
获得心理学学位。
“博士”或“教授”
不是“博士”
名,姓,博士
姓,教授
医生,名字,姓氏
(与医生混淆)
省略”:00” 下午3点。 下午三点。
对于每一个列表项目,使用一致的标点和句子结构。
  • 为了钱
  • 表演用的两个
  • 三、做好准备
  • 为了钱
  • 这个节目有两个
  • 准备,三个。
使用威斯康辛大学绿湾分校或威斯康辛大学绿湾分校 UW-Green湾
威斯康星大学绿湾分校

UWGB(仅限空间,newbb体育媒体名称,网址,电子邮件地址)
UW-GB
威斯康星大学-绿湾
威斯康星大学绿湾分校
格林湾的威斯康星大学
UWGB
在一个系列的最后一项之前,“and”或“or”不需要逗号,除非是为了澄清。 红、黄、蓝是三原色。艺术、人文和社会科学学院 红、黄、蓝是三原色。
艺术、人文和社会科学学院


其他编辑指南

  • 在www.uwgb.edu/directory上检查每个名字和头衔的拼写。
  • 句号后使用单个空格。
  • 逗号和句号通常放在引号内。

搜索引擎优化(SEO)

当为网络写作时,请记住我们的读者正在使用b谷歌和其他在线搜索引擎来查找信息。确保重要的搜索词出现在页面文本中是很重要的。页面标题、标题和带有替代文本的图像是搜索引擎显示的重要区域。成功的搜索引擎优化取决于识别你的客户在搜索时真正使用的单词,而不仅仅是你认为他们在使用的单词。底线是,写下你所知道的,并考虑到读者。

  • 确保每个页面都有一个独特的页面标题。
  • 使用描述性元描述。这有助于你的页面被索引,也显示在搜索引擎的结果中。
  • 选择简短但又容易被人读懂的网址。
  • 注意链接建设骗局。只链接到可信的资源,提高您的内容。

可newbb体育性

良好的可newbb体育性实践对于使您的内容更容易找到,并且您的站点对所有用户更容易使用非常重要。威斯康星大学绿湾内容的最低可newbb体育性要求如下所列。有关可newbb体育性指南的完整列表,请参阅WCAG 2.0。

  • 使用合适的标题来帮助读者阅读你的文章(标题1,标题2,标题3等等,而不是调整字体大小和粗细)
  • 使用特定的链接文本,使目标明确(例如:”看到指导方针。比“作为指导方针”要好点击这里”)。
  • 使用项目符号或编号列表工具(而不是键入项目符号/破折号和数字)。从word中复制时要注意这一点。)
  • 图像替代文本-包括图像的文本描述
  • 避免使用带有文本的图像,如果这样做,请确保有等效的文本可用(已转换为图像的文本不能被选择、搜索、通过屏幕阅读器阅读、放大等)。
  • 避免自动播放视频、动画、音频等。
  • 每个页面都需要一个独特的、描述性的标题。
  • 确保内容的阅读顺序与实际布局相匹配(例如,栏目内容从左向右阅读……如果你将两组栏目堆叠起来垂直阅读,只有视觉读者才能看到视觉相关性……搜索引擎、手机用户和屏幕阅读器会从右向左阅读。)

UWGB无障碍资源

用户体验(UX)

  • 尽量少用按钮,但要有策略地使页面的目标清晰。
  • 不要过度使用粗体。如果一切都是大胆的,那就没有什么是大胆的。
  • 保持网站内容最新和相关。
  • 为超链接保留下划线,不要为非超链接的web文本添加下划线。
  • 考虑用户newbb体育内容时使用的各种屏幕尺寸。记得检查你的网站在移动设备上的显示效果。
  • 花时间研究小部件,以创建适当的列布局。
  • 注意进入你网站的链接。
    • 将URL更改通知可能链接到您的内容的校园合作伙伴,以防止断开链接
    • 考虑用户将如何导航到您的内容。(如。新项目吗?确保它与你的大学网站有适当的链接。)

图片

  • 使用为web保存的高分辨率图像。图像分辨率应为72dpi,大小适当(低于2000像素宽)。
  • 确保图像没有不成比例地缩放到高或宽。
  • 除非获得授权,否则请勿使用受版权保护的图像。
    • 仅仅因为图片在网络上是可用的,并不意味着它们可以免费使用。
    • 大学对此负有责任。每一项侵权行为都可能造成高达1万美元的损失。
  • 如果需要照片,请联系营销和大学传播办公室。
  • 使用相关的图像,是代表的程序和人员在威斯康星大学绿湾分校。
  • 选择与页面内容相关并互为补充的图片。
  • 在可能的情况下,详细而准确地说明照片。
  • 记住要为你的图片添加替代文本。是描述性的。想象一下,向一个看不见的人描述这幅图像。

责任

Web贡献者有责任维护信息的质量和准确性。每个网络编辑都是他们项目的代表,在与威斯康星大学绿湾分校网站合作之前需要完成培训。网络编辑有责任确保遵守这些指导方针。

  • 是高质量的工作代表了威斯康星大学绿湾分校期望的卓越吗?
  • 你校对过你的作品了吗?
  • 你考虑过你的听众吗?
  • 它是否符合这些准则?
  • 您的更改是否会影响到可能链接到您网站的校园合作伙伴?

网页内容质量标准

什么是高质量的网页内容?下面的标题是一个帮助你的工具。威斯康星大学绿湾分校网站渴望一个令人满意或更好的内容标准,写得好,准确,相关和及时。在适当的情况下,内容最好与照片、图形和视频搭配,以获得丰富的视觉体验。内容也应该给予直观的布局和结构,以支持可用性。

标准 模范 令人满意的 部分满意 令人不满意的
相关性
  • 内容有一个独特的主要思想、目的或主题
  • 为目标受众提供有用的信息。
  • 网站的目的、主题或主要思想是显而易见的
  • 为目标受众提供适当的信息。
  • 模糊的主题或主旨,不会产生强烈的目的感
  • 不包含目标受众可以使用的信息。
  • 缺乏明确的目的或中心主题
  • 对目标受众没有用
内容
  • 信息引人入胜且准确
  • 信息是相关和准确的
  • 信息不完整
  • 信息不准确和/或有重大差距
照片,图形和视频
  • 有趣,相关的视觉效果,展示行动,提供洞察力
  • 适当大小和标题的视觉内容
  • 所有的照片,图形,和/或视频增强内容,创造兴趣和支持参与
  • 一般/无趣,但准确的视觉效果
  • 大多数照片,图形和/或视频增强了内容并创造了兴趣。
  • 一些照片、图形和/或视频不适合内容,不能引起兴趣。
  • 照片、图形和/或视频不适合作为内容
  • 分散注意力,无关紧要,给人一种忙碌的感觉,分散了对内容的关注。
  • 小尺寸的,歪斜的或模糊的
写力学
  • 逻辑读序
  • 可读的句子结构
  • 简洁,skimmable
  • 没有语法、大写、标点或拼写错误
  • 连贯、恰当的声音
  • 语法、大小写、标点和拼写错误很少
  • 一致的声音
  • 语法、大小写、标点和拼写错误少
  • 不合适的声音
  • 过多或过少的文本,但仍然可用
  • 语法、大写、标点和拼写上有很多错误
  • 需要大量的编辑和修改
  • 不一致的声音
  • 没有文本内容或太多,它压倒了读者
布局
  • 逻辑、直观的导航
  • 页面分为可消化的内容区域
  • 布局引导用户清除操作或经常查找的信息
  • 功能布局,适合内容
  • 页面布局可能“繁忙”或缺乏想象力
  • 页面布局混乱、杂乱或单调
  • 布局不反映思想和内容,但似乎武断
可用性
  • 描述性的标题
  • 直观的,描述性的链接文本
  • 清晰的布局,明显的操作项
  • 带有替代文本的图像
  • 通用或长链接文本
  • 笼统或长度不恰当的标题
  • 链接文本不清晰
  • 文本内容在图像与交替
  • 无互动内容
  • 标题或段落分隔符不用于创建层次结构或使读者定位于文本
  • 没有alt文本的图像中的关键内容
及时的
  • 信息经常更新,所以它是新鲜的和最新的
  • 信息陈旧但准确,每年更新几次
  • 信息是陈旧的,很少被查阅,使用过时的照片、语言和参考文献。
  • 信息过时且不正确。

问题吗?

请通过IT请求帮助发送您的请求。