Ushahidi 危机地图是什么风格?

Ushahidi 危机地图把证词放在外观之前:白底上一条手刷的国旗横幅,细线表格里的红绿图钉,以及朴素的小字号正文。
Ushahidi 危机地图速览
Ushahidi 危机地图是一种有意看上去很仓促的设计语言,因为它所再现的东西当年确实很仓促。Ushahidi 在斯瓦希里语里是“证词”的意思,原版网站建于 2008 年 1 月,那时肯尼亚大选后的暴力冲突才刚刚几天,由几位肯尼亚博主和程序员搭起,目的是让任何有手机的人都能发一条短信,把自己的见闻标注到公开地图上。
视觉配方就是当时朴素的网页。页面坐落在浏览器默认的白底上,一张固定宽度的表格居中于窗口。顶部是一条手刷的肯尼亚国旗横幅,模板字母歪歪扭扭。下面的地图上有两种图钉:暗红色代表暴力事件的报告,深绿色代表和平与调停的报告。正文用小号 Verdana,放在简单的列表和细线表格里。
这套风格重视报告的内容,胜过围绕它们的外框。几乎没有装饰,没有品牌打磨,也不试图显得专业。这种粗糙正是重点:它表明做这件事的人在乎的是报告有没有进来,而不是页面好不好看。结果是一种异常诚实的美学,一份会告诉你它是做什么用的设计。

Ushahidi 危机地图从何而来?
这套系统的素材来源,是 2008 年 1 月至 2 月内罗毕 ushahidi.com 最初上线的那一版。肯尼亚在 2007 年 12 月底刚举行了有争议的总统选举,随后爆发暴力。主流媒体的报道有限,信息靠短信、博客和口耳相传。就在那一刻,几个有网络技能的人意识到,零散的报告可以被收集、核实并标到地图上,让规律显现出来。
第一版背后的人,在东非的技术与公民社群里很有名。肯尼亚律师兼博主奥里·奥科洛(Ory Okolloh)一直在自己的博客上收集暴力事件的报告,并公开询问有没有人能做个办法把它们标到地图上。技术专家兼博主埃里克·赫斯曼(Erik Hersman),以及两位程序员朱莉安娜·罗蒂奇(Juliana Rotich)与戴维·科比亚(David Kobia),是回应者中的几位。几天之内,他们就有了一个可以接收公众报告并显示在地图上的网站。那种回应的速度,也是这套设计所记录的一部分。
这种做法后来被称为危机制图(crisis mapping),建立在基于短信的公民报告和开源公民科技之上。它不等官方信源,而是由普通人提供观察,由地图让这些观察变得可读。软件后来作为开源平台发布,别处的人可以部署,而 Ushahidi 这个名字也与一种公民科技风格联系在一起:协作、低成本,并且愿意在完美之前就公开地做。
外观反映了那一刻的条件。页面用最朴素的表格搭成,因为表格是当时最快的布局工具。自制的国旗横幅是开发者一个晚上就能做出来的东西。字体是大多数电脑上本来就有的,颜色只限于地图所需:红、绿、白。项目后来的版本越来越精致,但这套系统保存的是最初的那一版——资源的匮乏催生了一种风格,如今可以被读成一份关于优先级的声明。
Ushahidi 危机地图的视觉特征是什么?
浏览器默认白底
页面底色就是浏览器在未做任何样式时提供的纯白。没有色调、纹理或渐变。这既是对最初那一版外观的真实记录,也是在宣告:承重的应当是内容,而不是容器。
居中的固定宽度表格
版式是一张固定宽度、在窗口中居中的单一表格,单元格之间有细而可见的边线。它不响应屏幕尺寸,也不想显得现代。僵硬的网格为报告提供了有结构的落脚处,也暗示着表格布局的网页时代。
手刷国旗横幅
顶部通栏是一条用肯尼亚国旗颜色手刷的横幅,白色模板字母略有歪斜。它是页面上唯一有表现力的元素。它告诉你这是谁的国家,也告诉你做它的是人,而不是公司。
红绿图钉
地图标记用两种有含义的颜色:暗红代表暴力事件,深绿代表和平与调停。颜色沉稳而不明艳,无需冗长图例就带着道德分量。它们是这套系统的情感中心。
小号朴素字体
正文用小号、几乎人人电脑里都有的无衬线体,如 Verdana,字号不大,间距保持默认。标题也不渲染。小字让页面像一份工作文件或一块公告板,也能让许多报告同时出现。
以报告列表为内容
地图下方,报告以简单的行列出,包含标题、日期和地点。每一行就是一条证词,不加装饰地呈现。筛选与分类存在,但只是朴素的链接,不是有样式的控件。

谁塑造了 Ushahidi 危机地图?
肯尼亚律师兼博主,她公开提出要把暴力事件的报告标到地图上,推动了这个项目的起步。
技术专家兼博主,是在内罗毕搭建首个 Ushahidi 网站的创始小组成员之一。
肯尼亚开发者,是平台及其开源路线背后的早期团队成员。
开发者,参与编写危机地图首个可运行版本背后的软件。
今天怎么用 Ushahidi 危机地图?
用于幻灯片,这套风格适合谈公民科技、人道救援、新闻业和开放数据的演讲。封面可以是白页,一条粗略手刷的横幅,加一个朴素字体的标题。内容页做成简单的表格和列表,配细线。数据页节制地使用红色和绿色作分类标记,文字小而可读,让观众觉得自己看到的是真实记录,而不是精修过的信息图。
用于网页与应用界面,它适合报告工具、社区地图、事件追踪器、公民科学项目、互助公告板,以及任何以许多人的贡献为主要内容的产品。一张带两三种图钉的地图、一张提交内容的表格列表,再加一个简单表单就够了。界面应当朴素、加载快,并抵制添加装饰的诱惑,免得让人觉得是某家公司在说话。
用于编辑与营销,它很适合纪实特稿、非营利机构报告、周年回顾,以及关于早期互联网行动主义的文章。有意的粗糙带来真实感。顶部放一条短横幅,几栏小号文字,偶尔配一个图钉图形。摄影保持纪实风格、不做过度裁剪,标题要直接而基于事实。
常见的错误是把它精修。圆角卡片、柔和阴影、现代化的字号体系和品牌渐变,会把它变成一个泛泛的仪表盘,抹掉它的要点。相反的错误是戏仿:把粗糙夸张成玩笑,对主题的严肃性是不敬。恰当的平衡是朴素而真诚:结构简单,颜色只限内容所需,每个元素都有其存在的理由。

Ushahidi 危机地图 · 常见问题
Ushahidi 是什么意思?
这是一个斯瓦希里语词,意思是“证词”。平台以它的用途命名:让人们提交自己见到的事件报告,并看到它们汇集在一张公开地图上。
最初的网站是何时何地建成的?
2008 年 1 月在肯尼亚内罗毕建成,距离有争议的选举之后爆发的暴力只有几天,由一小群肯尼亚博主和程序员搭建。
为什么设计看起来这么朴素?
因为它再现的是一版仓促做出来的网站:默认白底、简单的表格布局、常见字体。这份朴素反映了优先级:能收到报告,比外观重要。
红色和绿色图钉分别代表什么?
在这套系统里,暗红色标记暴力事件的报告,深绿色标记和平与调停的报告。两种颜色让读者一眼看到地图上各类事件的分布。
哪些项目适合这套风格?
社区地图、事件与报告工具、公民科技和非营利机构的演示、纪实特稿,以及任何以许多人的证词为内容、精致反而碍事的产品。