Windy 风场地图是什么风格？
Windy没有“页面”：风场本身就是底，由一条连续色带染成，上面流动着成千上万条细线粒子，只浮着一层浅色仪表栏。
Windy 风场地图速览
Windy风场地图风格建立在一个想法上：数据就是背景。一条连续色带覆盖整个地球。静风处是钢蓝偏紫，大半个海洋落在钢青色，风再大一些转绿、转赭、转暗红，到极端处是紫。成千上万条近白色的细线粒子，拖着渐隐的尾巴，顺着风向流过画面。
其余的一切，是浮在风场上的一层轻薄的浅色仪表：左边一列图标，右边一个图层栈，一根渐变图例，以及底部的时间轴。字体只用Roboto，屏幕上最多的是数字，比如节、小时和气压层，紧凑、等宽、读得快。
这套语言属于需要快速读取条件的飞行员、帆船手和风筝冲浪的人，而不是告诉你今天穿什么的休闲天气应用。它适合地图、科学可视化、数据艺术、预报与监控工具，以及任何希望一块数据铺满整个屏幕的界面。
Windy 风场地图从何而来？
Windy起步于2014年，当时叫Windyty，是来自捷克布拉格的一个网站，用实时动画地图展示风。2017年它更名为Windy.com。这个网站吸引了一批用户，因为它让一个原本抽象的主题，也就是空气的流动，一下子变得可见，并且好玩、值得探索。与项目关系最紧的名字是创始人伊沃·卢卡奇奇（Ivo Lukačovič）。
一个重要的前身是卡梅隆·贝卡里奥（Cameron Beccario）做的地球风场地图，它让“风被画成旋转地球上流动的粒子”这一景象广为人知。这项工作展示了WebGL如何在浏览器里流畅地为大型矢量场做动画。Windy采用了这种粒子平流的方式，并把它发展成带图层、模型和时间轴的完整预报产品，于是这个视觉想法从一次演示变成了日常工具。
这套风格借用了三种传统。第一是WebGL粒子平流可视化：成千上万个点沿着矢量场移动，带着渐隐的尾迹，让流动显形。第二是全出血的地图界面：地图占满整个视口，控件被推到边缘。第三是科学色带：一条编码某种测量值的连续刻度，并配有图例，而不是为了装饰挑选的调色板。
目前的视觉形态大约在2019年至2025年间成形，有一致的浅色仪表栏和打磨过的色带。由它衍生的设计系统保留了这个结构：把色带当作屏幕的基础，把粒子当作质感和动势，把界面控件做得轻而薄，永远不与它们所描述的场相争。
Windy 风场地图的视觉特征是什么？
风即底色
没有单独的页面背景。满屏的色彩场就是数据，所以页面和内容是同一件东西。这去掉了通常“框架加内容”的分离，让屏幕像是直接在看大气。界面元素保持小巧，使这片场始终占主导。
连续色带
颜色从静风的钢蓝偏紫平滑过渡，经海面上的钢青色，随风力增强转为绿、赭、暗红，极端处是紫。它是一把测量刻度，由一根渐变图例来解释。颜色从不只是为了好看；每一次色相变化都意味着数值变化。
细线粒子流
成千上万条近白色细线顺风移动，每条都拖着渐隐的尾巴。密度和运动速度让方向和强度一眼可读。线条细而轻，给色场添上质感，又不遮住下面的颜色。
浅色仪表栏
控件放在贴着边缘的薄而浅的面板里：左边一列图标，右边一个图层栈，底部一条时间轴。它们在饱和的色场上明亮而平整，容易找到。它们的任务是操作视图，而不是与视图竞争。
渐变图例
一条细长的色条显示色带及其数值，使地图上的任何一种颜色都能被解读。它固定在一个位置，使用与色场相同的色带。图例让这幅画从插图变成了仪器。
时间轴
底部的一条带可以让用户在预报小时之间移动，带有小的时刻刻度。拖动它，色场会重新渲染，运动随之变化。时间是一等控件，因为预报只有附上时刻才有意义。
Roboto 数字
只用一种字体Roboto承载所有文字。数值短小、等宽，单位小小地放在旁边。层级靠字重和亮度而不是换字体。文字是为了在颠簸的船上或座舱里扫一眼就能读完而设计的。
谁塑造了 Windy 风场地图？
卢卡奇奇是与Windy联系在一起的创始人，Windy于2014年以Windyty之名起步，2017年更名为Windy.com。他的名字与把一个风场可视化的想法发展成布拉格出品的、被广泛使用的预报服务联系在一起。
贝卡里奥创作了地球风场地图，让“风被画成地球上流动的粒子”广为人知。他的作品是粒子平流外观的重要先例，也证明了大型矢量场可以在浏览器里流畅地动起来。
今天怎么用 Windy 风场地图？
当一组连续的数据值得占满整个屏幕时，这套风格最有效。它适合天气和海洋工具、空气质量地图、能源和交通流向、科学讲解、数据艺术，以及任何用运动来展示一个场的界面。它不适合文字密集的页面，也不适合没有空间数据可展示的内容。
做演示文稿时，封面可以是满版的色场，配几条细粒子流，标题用浅色字压在上面。内容页保留这片色场作背景，用浅色字放一个清晰的数字或一句简短的陈述。数据页的图表着色使用同一条色带，并配一条图例，让颜色始终代表数值。
做网页界面时，让主视图满版，把界面装饰压到最少。模式是：一侧窄窄的图标列，另一侧图层栈，底部一条时间轴。面板薄而浅，用单一字体放短标签和数字。避免会盖住色场的卡片、大标题和装饰性板块。
做编辑与营销内容时，把色场作为主视觉，让少量文字浮在上面。图注可以短、讲事实、带数字。如果要做动画，让它是缓慢、连续的流动，而不是突兀的效果。即使只是一张带几条粒子线的静态图，也保有这套风格的身份，所以它在印刷品里也站得住。
常见的错误，是把色带当装饰用，使用与任何图例都对不上的随意色相。另一个错误是在色场上放厚重的面板或大字，遮住这套风格本来要展示的数据。第三个错误是混用多种字体，因为一种朴素的字体才能让这件仪器保持一致。
Windy 风场地图 · 常见问题
色带代表什么？
它编码的是风力强度。静风处在钢蓝偏紫的一端，大部分开阔海面落在钢青色，随着风增强，颜色依次经过绿、赭、暗红，到极端处是紫。旁边始终配有渐变图例，使任何一种颜色都可以被读成数值。
用这套风格一定要有动画吗？
运动是原版的一部分，因为粒子正是用来显示流动的。但在静态形式下身份也成立：满版色带、几条细线和一层浅色仪表栏就够了。如果要做动画，保持缓慢、连续，并服从于数据。
可以加卡片和大标题吗？
最好不要。这套风格的要点是色场就是页面。大面板和大标题会盖住数据，把屏幕变回常规版式。文字保持小、以数字为主，放在边缘的薄面板里。
这套风格是给谁的？
它是为实时读取条件的人做的，比如飞行员、帆船手和风筝冲浪的人，也很适合迁移到任何一块数据铺满视图的专业工具。对于只想给出友好摘要的休闲产品，则不太合适。
为什么只用一种字体？
因为屏幕上多半是必须快速读完的短数字和标签。一种朴素的字体Roboto，能保持数字一致、界面安静，让色场成为唯一有表现力的元素。
