打造标志性的 Boston.gov 网站
体验式图标
在 Boston.gov 上,你会经常看到一种主要类型的图标,即“体验型”图标。这些粗线条图标用于表示市民可能需要采取的具体行动,例如支付停车罚单或注册投票。
体验式图标也让我们有机会在作品中加入一些幽默感和个人风格。它们由三像素宽度的笔画构成,通常(但不总是)具有硬边。
部门图标
作为 Boston.gov 品牌重塑的一部分,我们为各个部门设计了各自的网站图标。您可以在我们的部门目录中看到每个“部门”图标。这些图标旨在表示更深入的内容,或者可能只是指向特定部门的页面。它们绝不是为了取代现有的部门标识和徽标。它们是人们用来识别哪个部门在 Boston.gov 上创建了内容的一种导航工具。
这些图标更简洁,由实心形状构成,以便重复用户能够轻松识别。它们填充着查尔斯河蓝,并用自由之路红进行醒目的下划线。想知道“自由之路红”和“查尔斯河蓝”是什么意思吗?了解更多关于我们颜色的信息。
波士顿政府网站上的其他图标
您还会在我们的地点资料中找到小巧的圆形图标,但实际上,它们可以在任何需要的地方使用。对于这些内联图标,我们使用了与社交媒体图标类似的样式。它们被一个三像素的圆圈包围,并填充着查尔斯河蓝。它们用于描述一个地方的特点。您可以在波士顿青年与家庭中心社区中心页面(Boston Centers for Youth & Family)的侧边栏中看到内联图标的绝佳示例(向下滚动页面)。
图标案例研究
图标的灵感来自很多地方。对于上面地标委员会的图标,我们的团队首先研究了城市周围的地标。我们从 Pinterest、谷歌图片搜索和我们自己的知识中汲取灵感。我们很快就确定了科普利广场的圣三一教堂作为我们设计的基础。为什么选择圣三一教堂?对于像 Boston.gov 这样的项目来说,设计一个图标用于多种用途非常有用。我们选择圣三一教堂是因为,除了地标之外,它还可以代表教堂、公共空间、老建筑等等。
我们还认为,非英语使用者也能很容易地认出圣三一教堂。波士顿通行着超过140种语言,约34%的居民使用其他语言。当然,这还不包括每年到访波士顿的大量游客。像圣三一教堂这样的标志性建筑不仅吸引眼球,还能让人们大致了解他们将要获取的信息。这帮助我们在Boston.gov上——虽然只是微不足道的一点——打破语言障碍。
测试任何东西最好的方法是什么?把它发布到现实世界中,看看人们怎么说。当我们的团队向公众展示这个图标时,他们很快就认出了它是什么,以及它能代表什么。在那时,我们知道我们成功了。在波士顿政府网站(Boston.gov)启动期间,我们仅仅几个月就创建了近300个图标。尽管时间紧迫,我们仍然用实际用户测试了我们的图标,以确保我们不是在真空中进行设计。
图标可能看起来微不足道,但它们却是网站设计中很容易出错的一个方面。随着我们不断为网站添加新的内容和主题,我们计划随着时间的推移不断增加和扩展我们的图标。通过使用具有类似外观和感觉的图标,我们希望消除混淆,并以我们的设计决策给您带来惊喜和愉悦。
我们的最终目标是让您在 Boston.gov 上度过愉快的时光,并感受到这就像在使用一个由人为了人而建立的网站一样。