SuperAPI AI 工具集

split-layout-technical

设计与创作

查看项目

更新于 10-15 21:09

技能介绍

用途:把整页组织为两个清晰面板或半屏,作为布局与设计系统方向使用,适用于产品页、展示页、作品集、编辑技术类布局或概念演示。它控制框架、间距、排版、元数据处理与面板行为,而非仅加一条竖分隔线。

主要能力:桌面端通常采用两个等宽或近似等宽的纵向面板,各承担不同角色,一侧作为主视觉或沉浸焦点,另一侧承载说明、规格、元数据、辅助内容或导航。使用细框线、内嵌边界线、微小角标与精确间距,让每个面板像技术显示表面。排版上以克制的编辑式字体搭配等宽工具标签,配色保持中性表面加一个选择性强调色。

使用方式:桌面端优先使用 flex-row、分栏或明确的双面板网格,小屏改为纵向堆叠但保留分区感。每个面板应有内部框架,如内嵌竖线、边缘偏移、角方块、细边框或精确内边距。顶部栏、元数据条、标签、坐标、系统标记、规格或状态文案使用等宽或工具字体。主标题保持干净自信而非喧闹。至少一个面板内放置高级内嵌表面,如有边框的媒体框、画布区域、可视化区或图像窗口。可让一侧信息更密集,另一侧更视觉化,形成对比。

推荐模式:左右分屏主视觉;技术导轨式顶部标签与底部元数据;紧凑双列规格块;带渐变边框、内阴影或深色技术画布的内嵌表面;整体平衡但内部密度与节奏可不对称。

可调参数:分屏比例默认 50/50,可按需微调;框架密度、排版情绪、表面深度与强调色克制程度均可调整。

限制与避免:避免缺乏结构框架的通用双栏营销布局;避免两侧同等拥挤导致失去层级;避免明亮多色破坏冷静技术感;避免圆润玩趣 UI 与精确建筑式布局冲突;避免把分屏仅当装饰而不赋予各半明确功能角色。资料未提供具体安装命令、收费或平台信息。