SuperAPI AI 工具集

ui-design-styles

设计与创作

查看项目

更新于 10-16 01:35

技能介绍

用途:该技能面向需要落地现代 UI 设计风格的项目,提供各主流风格的知识与实现工作流,目标是在获得专业、精致外观的同时维持高标准的可访问性与可读性。

主要能力:覆盖六种核心风格。Soft UI/现代设计适合友好、亲和的 B2C 界面,使用细腻渐变与拟真阴影;深色模式通过光照建立层级,并采用对 OLED 友好的黑色层次;扁平设计强调极简、高对比排版与清晰度,适合电商与奢侈品牌;新拟态呈现“挤出塑料”质感,建议仅少量用于特定容器元素;玻璃拟态用背景模糊与透明度营造磨砂玻璃效果,增加深度与高级感;极光 UI 渐变提供有机、模糊的极光式背景,适合装饰并与玻璃拟态搭配。

通用原则:可访问性优先,任何风格都不得妨碍用户导航或阅读关键内容,若玻璃拟态等造成可读性问题,必须优化或仅限用于非关键元素;通过深度建立层级,采用“自上而下光照”模型,越靠近用户的元素越亮或阴影/透明度越突出;色彩和谐,尽量避免纯黑纯白,为灰色与背景加入主品牌色倾向;圆角一致,选定一个圆角半径(如 8px、16px)并在所有组件中统一应用。

使用方式:按项目目标选择合适风格,并参考对应文档,包括 soft_ui.md、dark_mode.md、flat_design.md、neumorphism.md、glassmorphism.md、aurora_ui.md。

适用场景:B2C 界面、现代应用、电商与奢侈品牌、需要装饰性背景或高级质感的界面。

限制:资料未提供具体安装命令、代码示例、平台支持、收费与价格信息,暂未提供。