网页风格指南
网页风格指南继承了大学风格指南的视觉识别规则。例外情况包括排版、颜色、写作风格和可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 |
标志的使用
参见威斯康星大学绿湾图形风格指南的标志使用。
编辑风格
清晰度,准确性和一致性对于威斯康星大学绿湾分校的声誉和机构认可至关重要。参见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中复制时要注意这一点。)
- 图像替代文本-包括图像的文本描述
- 避免使用带有文本的图像,如果这样做,请确保有等效的文本可用(已转换为图像的文本不能被选择、搜索、通过屏幕阅读器阅读、放大等)。
- 避免自动播放视频、动画、音频等。
- 每个页面都需要一个独特的、描述性的标题。
- 确保内容的阅读顺序与实际布局相匹配(例如,栏目内容从左向右阅读……如果你将两组栏目堆叠起来垂直阅读,只有视觉读者才能看到视觉相关性……搜索引擎、手机用户和屏幕阅读器会从右向左阅读。)
用户体验(UX)
- 尽量少用按钮,但要有策略地使页面的目标清晰。
- 不要过度使用粗体。如果一切都是大胆的,那就没有什么是大胆的。
- 保持网站内容最新和相关。
- 为超链接保留下划线,不要为非超链接的web文本添加下划线。
- 考虑用户newbb体育内容时使用的各种屏幕尺寸。记得检查你的网站在移动设备上的显示效果。
- 花时间研究小部件,以创建适当的列布局。
- 注意进入你网站的链接。
- 将URL更改通知可能链接到您的内容的校园合作伙伴,以防止断开链接
- 考虑用户将如何导航到您的内容。(如。新项目吗?确保它与你的大学网站有适当的链接。)
图片
- 使用为web保存的高分辨率图像。图像分辨率应为72dpi,大小适当(低于2000像素宽)。
- 确保图像没有不成比例地缩放到高或宽。
- 除非获得授权,否则请勿使用受版权保护的图像。
- 仅仅因为图片在网络上是可用的,并不意味着它们可以免费使用。
- 大学对此负有责任。每一项侵权行为都可能造成高达1万美元的损失。
- 如果需要照片,请联系营销和大学传播办公室。
- 使用相关的图像,是代表的程序和人员在威斯康星大学绿湾分校。
- 选择与页面内容相关并互为补充的图片。
- 在可能的情况下,详细而准确地说明照片。
- 记住要为你的图片添加替代文本。是描述性的。想象一下,向一个看不见的人描述这幅图像。
责任
Web贡献者有责任维护信息的质量和准确性。每个网络编辑都是他们项目的代表,在与威斯康星大学绿湾分校网站合作之前需要完成培训。网络编辑有责任确保遵守这些指导方针。
- 是高质量的工作代表了威斯康星大学绿湾分校期望的卓越吗?
- 你校对过你的作品了吗?
- 你考虑过你的听众吗?
- 它是否符合这些准则?
- 您的更改是否会影响到可能链接到您网站的校园合作伙伴?
网页内容质量标准
什么是高质量的网页内容?下面的标题是一个帮助你的工具。威斯康星大学绿湾分校网站渴望一个令人满意或更好的内容标准,写得好,准确,相关和及时。在适当的情况下,内容最好与照片、图形和视频搭配,以获得丰富的视觉体验。内容也应该给予直观的布局和结构,以支持可用性。
标准 | 模范 | 令人满意的 | 部分满意 | 令人不满意的 |
---|---|---|---|---|
相关性 |
|
|
|
|
内容 |
|
|
|
|
照片,图形和视频 |
|
|
|
|
写力学 |
|
|
|
|
布局 |
|
|
|
|
可用性 |
|
|
|
|
及时的 |
|
|
|
|
问题吗?
请通过IT请求帮助发送您的请求。