SuperAPI AI 工具集

elite-design-core

设计与创作

查看项目

更新于 10-16 01:48

技能介绍

用途:作为精英级网页设计的基础,覆盖设计哲学、视觉系统以及从设计到代码的完整流程,适用于制作高端、获奖级网页体验,也可在设计咨询中被调用。

主要能力:提供多份主题参考文件,包括视觉层级(visual-hierarchy.md)、间距系统(spacing-systems.md)、排版(typography.md)、色彩理论(color-theory.md)、设计令牌(design-tokens.md)、数据可视化(data-visualization.md)。关联技能包括 elite-gsap、elite-css-animations、elite-layouts、elite-performance、elite-accessibility、elite-inspiration、elite-brand-design。

使用方式:资料给出了设计流程,分为六个阶段——愿景发现(询问感觉、受众、参考、内容结构、目标行为)、设计系统设置(先建立令牌,如以 8px 为基数的间距标度和 1.25 比例的字体标度)、布局架构(按项目类型选布局)、动画策略(CSS 滚动驱动动画与 GSAP ScrollTrigger 的取舍)、实现(先语义 HTML,再排版、间距、颜色、布局、动画、打磨)、打磨与优化(含对比度、减少动态、60fps、Core Web Vitals 检查)。

适用场景:营销/落地页、作品集/创意、产品配置器、代理商/工作室网站等,按内容密度与用户旅程提供决策框架。

限制:资料未提供具体安装命令与收费信息;仅为设计指导性文档,效果与性能表现需自行验证;示范代码片段仅作示例,实际实现应与项目约束结合。