时间

成果

贡献

工具

概述

2023年2月

团队(20人以上)

UI设计 | UX设计

Figma | AI | PS | Visio

博弈系统设计赛参赛作品,获三等奖,并在获奖后于2024年在北京军博会展出。

本系统是围绕多个国家,多方间的战略博弈为中心进行制作的桌面端系统。针对政治、经济、军事、外交、科技五个方面,进行分析、模拟、推演,可满足研究、推演、预测等多种需求。

保密内容与数据已脱敏,地图显示数据来自google。

智能博弈推演系统

什么是GIS?

地理信息系统(Geographic Information System或 Geo-Information system,GIS),是一种具有重要应用价值的空间信息系统。

战略博弈系统

为了更好地适应各种使用场景,战略分析推演正随着发展逐渐变得更为智能与规范化。与此同时,在海、陆、空、太空、网安以及其他相关领域更多种的分析系统中,“集成化”与“多模态”已经成为发展的主要趋势。

未来,通过将多个领域和军种的海量数据与战略进行关联,并运用云计算、大数据以及人工智能大模型等先进技术,战略分析系统将能够在未来更好地在教育、训练、决策与预测等诸多场景中创造更多价值。

在战略博弈系统中的应用

通过云计算与大数据,建立并完善想定内容,并可实时修改,帮助用户对局势、策略、武器装备等进行分析,并完成专业、稳定、高质量的推演,自动生成建设性结论。

GIS系统应用在军事领域,可以更好地提升军事行动的科学性、准确性与高效性。

在军事指挥与决策方面,能整合呈现战场信息,辅助态势分析、方案制定评估及战略战术决策;在军事测绘与导航方面,可绘制更新地图,结合GPS提供导航功能;在军事工程与保障上,助力军事设施选址、工程规划设计与后勤物资调配;还可用于军事教学、训练与模拟,帮助构建虚拟战场环境,评估训练效果等。

设计师需要做什么?

在军用系统的开发中,一切设计永远围绕“安全”、“稳定”两个词进行。而对于设计师来说,需要面对的是围绕“安全”与“稳定”展开的,对美观度的把握、繁琐的业务框架、海量数据的信息可视化、全国产化环境适配等问题。

要平衡这些问题,需要设计师对于业务精益求精、充分沟通上下游、对甲方需求进行拆解,在不让设计与交互拖慢开发的同时保障用户有更好的使用体验。

视觉风格及规范

本系统整体使用科幻风,以深蓝色为主色调,搭配橘红色,使用暗色背景、高亮文字及反光按钮等元素,凸显科技感与未来感。灵感来源于好莱坞电影中的界面风格,更有科技感和未来感。

在文字上,使用思源黑体,字号从12pt、14pt、18pt、20pt向上延伸使用,粗细度选用Medium、Regular两种,也有少数页面用到Bold。数字字体依然使用的是思源黑体,一般用于登录时账号数字、数据信息等。

在颜色上,选用代表深邃与科技的深蓝色为主色,搭配橙红色与多个辅助色。深蓝与橙红的搭配,意在表现战争危险,紧张的氛围。

中文/英文/数字

Noto Sans

字号

32 28 26 20 18 16 14 12

布局

系统将使用32:9的双屏设备,所以我们在设计时选择了3840px*1080px的尺寸。应系统要求,我们将一屏内容放置二三维地图,另一屏的内容作为可抽拉的信息展示,在操作过程中,随时可展开收起。

另外,为适配常规桌面端,我们为单屏浏览也准备了一种方案。

地图顶部为顶部导航,底部放置工具栏,顶部右侧为“智能分析”功能,可打开为小窗口。

卡片

GDP

小组件

漫游

3D

可交互

小组件

按钮及卡片多用了大圆角和高对比度的色调,并加入了一些渐变、弥散光、小发光等效果。一些内部的小元素比如icon则多用了直角这种比较尖锐的感觉,内部的尖,搭配轮廓的圆,更凸显科技感和未来感。底部“小组件”可交互,大家可以体验一下。

PS:网页交互适配效果【仅供参考】。

地图设计

针对地图的设计主要包括地图本体的设计,以及图上的标识设计两大部分。

我们的地图主要靠程序来实现,提供专业级地形图、影像图、矢量图等多种底图,需要设计师把握的主要是不同的地图模式配置,如气象图、热力图等;一些定制的地图配色;图上的标注配置等内容。

对于图上的标绘、模型等,是我们更需要关注的重点。由于我们的系统是专业军事用途,主要标绘还是采用军标,但是对于标识与地图的搭配,在三维地图中模型的适配等都是需要设计师来把握的,比如,在三维地图的海底地形中,标绘的属性和地面地形是要有一定区别的,必要的时候也可以使用反向效果。


产品架构、流程与功能

除UI设计外,我参与了产品架构与交互设计,并负责完成了部分的原型图。以下是本项目的系统设计、架构、功能、流程等产品分析展示。

下一个项目 →

智能分析助力推演