SuperAPI AI 工具集

high-contrast-skeuomorphic-clean

设计与创作

查看项目

更新于 10-16 05:05

技能介绍

用途:把高对比度、干净拟物化的设计方向作为完整设计系统,应用于页面外壳、首屏、卡片、控件、辅助模块和微型可视化。适合需要触感、质感、工业干净风格,并以真实表面深度和对比替代扁平极简卡片的界面。它不是柔和的新拟物,也不是油亮的消费级拟物,结果应保持锐利、现代、系统化。

主要能力:以明暗强对比为核心——浅色或中性外层页面包裹深黑或炭黑主应用外壳;深色高级表面带轻微垂直或径向渐变,让面板呈现模压立体感;通过内嵌高光、柔和内阴影、反射边缘线索和嵌套式模块制造真实拟物深度,同时保持干净克制;用单一克制的品牌信号色驱动状态灯、活动标记、微小进度细节和焦点强调;无衬线字体搭配少量等宽标签或工具文本,保持精确而非装饰性。

使用方式:优先用一个主导的圆角或柔切角主容器,把整个界面放入更深的高级外壳中;卡片和模块采用一像素描边、上边缘高光、由深到更深的填充、内阴影堆叠和柔和外阴影衰减;文本用白或近白配黑壳、灰阶辅助文案,明确区分交互与被动表面;按需在系统内使用拟物对象,如浏览器式窗口、搜索栏、进度条、轨道组件、文档磁贴或仪表模块;按钮、输入框和标签应看起来可触摸,采用分层填充、细微倒角或内嵌边缘、干净的圆角几何和克制的悬停亮度;用细边框线、角标或内部导轨增加结构框架;动效服务于材质感,可用遮罩揭示、轻缓物体抬升、慢速轨道细节、高光微闪和粒子漂移。

推荐模式:大块深色工业外壳置于较亮背景,配大圆角和高级阴影;圆角卡片包一层白到透明的细渐变边框,内部深色填充与柔和内发光;轨道图、搜索盘、文档外框或状态组件等微型可视化做成触感对象而非扁平插画;信号点、进度细条或活动标签用品牌色在单色系统中少量点缀;分栏构图,一侧承载醒目编辑文案,另一侧堆叠模压产品模块;外壳内画布或粒子背景保持微弱。

调参维度:对比度、拟物深度、强调色强度、表面柔度、结构框架密度均可增减。

限制与避免:不要低对比、边缘糊软的新拟物;不要过度油亮、堆砌皮革或镀铬假材质的复古拟物;不要忽视触感分层特征的扁平深色 UI;不要过多强调色或亮光破坏干净工业气质;不要让每个模块都堆深度特效导致层级嘈杂。资料未提供具体代码、安装命令、收费或平台信息。