UD5工具箱
1选择渐变类型
打开工具页面后，首先在渐变类型区域选择你需要的渐变模式。线性渐变适合制作横向或纵向的色彩过渡背景；径向渐变适合制作从中心向外扩散的光晕或聚焦效果；锥形渐变适合制作围绕中心旋转的色轮效果。选择类型后，Canvas画布会立即渲染对应效果。
2配置颜色停止点
在颜色停止点管理区域，你可以看到默认的渐变颜色条。点击"添加"按钮新增颜色停止点，每个停止点对应渐变中的一个颜色关键位置。点击停止点的色块可以选择任意颜色，拖动下方的滑块可以调整该颜色在渐变中的位置百分比。如果不再需要某个停止点，点击"删除"按钮即可移除。合理的停止点分布可以让渐变过渡更加自然流畅。
3调整渐变参数
根据所选的渐变类型，调整对应的参数。对于线性渐变，可以调节角度（默认135度），改变渐变的方向；对于径向渐变，可以调节中心点X/Y坐标，改变渐变的起始位置；对于锥形渐变，可以调节起始角度，控制颜色旋转的起点。所有参数变化都会实时反映在画布上，方便你反复微调直到满意。
4叠加纹理效果
在纹理叠加选项中，选择一种纹理类型来为渐变增添质感。"细微噪点"适合模拟纸质或磨砂效果；"水平条纹"和"垂直条纹"适合制作条纹风格背景；"网格线"适合科技感设计；"点阵"适合复古波点风格。也可以选择"无叠加"保持纯净的渐变效果。纹理叠加是提升设计层次感的关键步骤。
5预览平铺效果
如果计划将纹理用作网页背景或大面积铺设，建议开启2x2平铺预览模式。该功能将当前纹理在画布上以2x2网格重复排列，帮助你检查拼接处是否自然、纹理是否协调。如果发现拼接不理想，可以返回调整颜色停止点位置或纹理参数，确保最终效果在大面积使用时依然完美。
6导出或复制代码
完成设计后，根据使用需求选择导出方式。如果需要图片文件，点击"下载PNG"获取当前尺寸图片，或点击"下载2K"获取2048x1280的高分辨率版本。如果需要在网页中使用，点击"复制CSS代码"按钮，将自动生成的CSS渐变代码粘贴到样式表中。注意：CSS代码仅包含渐变部分，不支持噪点等纹理叠加效果。
7使用预设快速起步
如果你不确定从哪里开始，可以浏览工具提供的多种预设方案。这些预设覆盖了常见的设计风格，从清新简约到大胆撞色，从商务稳重到活力时尚。选择一个预设后，所有参数和颜色会自动应用，你可以在此基础上根据自己的需求微调参数和颜色，大幅缩短设计时间。