SuperAPI AI 工具集

frontend-design

设计与创作

查看项目

更新于 10-15 17:20

技能介绍

用途:当设计的前端/UI 工作不受既有品牌或设计系统约束时,使用这份指导,目标是产出有辨识度、注重美学细节与创意选择的 HTML 界面。

主要能力与要求: 设计思考:编码前先理解上下文并确定大胆的美学方向。明确用途(界面解决什么问题、谁使用)、基调(在极简、极繁混乱、复古未来、有机自然、奢华精致、玩趣玩具感、编辑杂志风、粗野原始、装饰几何、柔和粉彩、工业实用等极端风格中选一个)、差异化(什么让它令人难忘)。选定清晰概念方向并精确执行;极繁与精致极简都可行,关键是有意图而非强度。

美学准则: 排版:选择美观、独特、有趣的字体,避免 Arial、Inter 等通用字体;将特色展示字体与精致正文字体搭配。 色彩与主题:坚持统一美学,用 CSS 变量保持一致性;主色加锐利点缀优于平均分布的保守配色。 动效:用动画做效果与微交互,HTML 优先纯 CSS 方案;聚焦高冲击时刻,如一次编排良好的页面加载与错落揭示。 空间构图:采用意外布局、不对称、重叠、对角流动、打破网格的元素,以及大量留白或受控密度。 背景与视觉细节:营造氛围与纵深,而非默认纯色;可用渐变网格、噪点纹理、几何图案、层叠透明、戏剧阴影、装饰边框、颗粒叠加。

使用方式:在浅色与深色主题、不同字体与美学之间变化,不要在多轮生成中收敛到相同选择。让实现复杂度匹配美学愿景:极繁设计需要精细动画与效果,极简设计需要克制、精确以及对间距和微妙细节的细致关注。

限制:资料未提供具体安装命令、代码示例、收费或平台信息;该指导仅适用于不受既有品牌或设计系统约束的场景。