Visual fixtures

PREVIEW / FOUNDATION/COLORSColor tokens
LOW#9c9c9c
BASIC#d8dd5a
PRIMARY#4aabea
SECONDARY#cfc2d1
ADVANCED#f1c644
PREVIEW / FOUNDATION/TYPOGRAPHYTypography
明日方舟

罗德岛战术界面 / RHODES ISLAND

行动开始

保持通讯，等待下一条指令。

PREVIEW / BUTTON/BASEBase button
PREVIEW / BUTTON/BLOCKBlock button
PREVIEW / BUTTON/ICONIcon button
PREVIEW / BUTTON/FABFloating action button
PREVIEW / BUTTON/STARTStart button
PREVIEW / BUTTON/CARDCard button

PREVIEW / BUTTON-GROUP/GACHAGacha actions
×600
×6000
PREVIEW / BUTTON-GROUP/ACTIONRecruitment actions
招募
PREVIEW / BUTTON-GROUP/INFRASTRUCTUREInfrastructure actions
PREVIEW / CARD/OUTLINEOutline card
任务信息将在此处显示。
PREVIEW / CARD/STRIPEStripe card
PREVIEW / CARD/PLACEOperator card
PREVIEW / COUNTER/BASICResource counters
227107
5945
59
PREVIEW / DIVIDER/BASICDivider
2026/08/01 08:21
PREVIEW / FORM/TEXTText input and textarea
PREVIEW / FORM/CHOICEChoice controls
PREVIEW / FORM/SELECTSelect
PREVIEW / FORM/INPUT-NUMBERInput number
PREVIEW / FX/GLOWGlow effect
PREVIEW / FX/OUTLINEOutline effect
PREVIEW / FX/SKEWSkew effect
PREVIEW / ICON/BASICInterface icons
目标
防护
信号
能量
物资
前进
PREVIEW / ICON/STUFFMaterial badges
龙门币通用货币
数据模块设备升级
聚合晶体精炼材料
合金组件结构强化
PREVIEW / ICON/ACTIONSIcon actions
尚未锁定目标
PREVIEW / ITEM/BASICMaterial items
×120家具零件
×24合金块
×9电路板
×2核心芯片
×1结晶组件
×1信标晶核
PREVIEW / LEVEL/BASICOperation level
S4-1
初级作战记录
PREVIEW / LOADING/BASICLoading states
Loading
PREVIEW / LOADING/TERMINALTerminal loading screen

Tips: 首次加载会同步字体与界面资源，请稍候。

Loading
PREVIEW / MEDIA/LAYEREDIndependent photo arcs
陈的相册照片
PREVIEW / MEDIA/ALBUMAlbum
陈
PREVIEW / NAV/BASICLink navigation
PREVIEW / NAV/VERTICALContent directory
PREVIEW / NEWS-LIST/BASICNews list
PREVIEW / NEWS-LIST/EMPTYEmpty news list

暂无更新，请稍后查看。

PREVIEW / NOTICE/BASICTactical notices
PREVIEW / OBJECT/PREVIEWCube preview
PREVIEW / OBJECT/CUBETactical cubes
PREVIEW / OVERLAY/DIALOGNative dialog
Rhodes Island / Operation

行动简报

目标区域已完成侦察。请确认编队状态，并在信号建立后开始部署。
PREVIEW / OVERLAY/POPOVERPopover and tooltip
单位入场时消耗的战术资源
PREVIEW / PAGINATION/BASICEpisode pagination
PREVIEW / PANEL/STATUSStatus panel
2026/08/01 08:21
227107
5945
招募
PREVIEW / PROGRESS/BASICOperation progress
Operator HP78%
Skill Point42 / 100
Deploy 68 percent
PREVIEW / SAN/BASICSanity status
125
理智/130
作战
当前
全部完成
PREVIEW / SCREEN/BASICFunction screen
Store / Credit Exchange

采购中心

信用 300

信用交易所 Refreshes daily

PREVIEW / SHOWCASE/MAINRhodes Island terminal
为了更好的体验，请使用横屏浏览
132 理智/135
Mission / Daily

今日任务

完成三次作战3 / 3
部署二十名干员16 / 20
PREVIEW / SLOT/BASICOperator slots
★★★★★ Aster 先锋 · LV.60
空位
PREVIEW / SITE/BRIEFINGWebsite-inspired product bulletin
AK / UI PRODUCT BULLETIN

DESIGN / DEVELOPMENT

让信息
清晰抵达。

组件、设计记录与交互规范，按内容层级组织每一次更新。

阅读研究

更新记录 / RELEASE NOTES

独立设计示例 BUILT WITH AK-UI

PREVIEW / STATUS/BASICTags and terminal status
先锋 高级资深干员 感染者 未编入
Online 作战终端已连接 Caution 理智低于警戒值 Offline 信号中断
PREVIEW / TABS/BASICTerminal navigation
Operation / 4-10

灯火将熄

确认敌方情报、推荐等级与理智消耗后开始行动。