桃子桃子快讯
返回首页
UI·UX

Iconiq Designers 发布深色模式 SaaS 仪表盘设计「Draag」

Iconiq Designers 推出深色模式 SaaS 仪表盘 UI/UX 作品,整合 HR 与候选人追踪功能,强调结…

2026.07.22 · 周三2 分钟阅读

设计工作室 Iconiq Designers 在设计博客 Abduzeedo 上发布了一款名为「Draag」的 SaaS 仪表盘 UI/UX 设计作品。该项目以深色模式为基调,整合候选人追踪与人力资源管理工具,旨在通过结构化的信息布局降低团队在使用过程中的认知负担。

设计概述:以模块化网格组织复杂数据

Draag 的界面采用清晰的模块化网格系统,将导航链接与数据内容分区呈现。左侧主侧边栏集中放置「统计」「职位」「设置」等核心入口,便于用户快速跳转。主内容区使用纵向列布局映射候选人流转路径,形成稳定的视觉节奏。

候选人信息以卡片组件呈现,包含头像、职位名称、进度条与状态标签等元素。这种基线对齐的卡片结构便于快速浏览,同时通过高对比度强调色突出紧急任务,避免视觉拥挤。

视觉语言:深色基调与几何无衬线字体

整体配色以深炭灰与海军蓝为背景,意在减少长时间使用带来的眼部疲劳。醒目的蓝色横幅用于区隔月度统计区块,在深色背景中形成明确的视觉张力。

字体方面选用干净的几何无衬线字体,在密集的数据表格中保持高可读性。设计通过排版层级与充足的留白界定卡片边界,避免使用粗重的分隔线条,使整体观感更为轻盈。交互层面,悬停状态与进度条引入了适度的触觉对比。

设计取向:从数据密度走向用户主导

Iconiq Designers 在项目中展示了企业级工具中较为克制的设计语言。整体布局在复杂功能与结构秩序之间取得平衡,将重心从单纯的数据堆叠转向以用户行为驱动的信息组织方式。

通过可视化方式梳理工作流,设计有助于缩短新用户的学习曲线。该项目也是现代消费级美学被引入企业产品设计的一个例证,反映出当前企业 SaaS 工具在界面语言上的演进方向。

信源