提示词模板库

为品牌营销、电商转化、短视频脚本等场景打造的高质量 Prompt 模板集合。

资源管理

为设计和开发项目建立标准化的资源包文件夹结构,按照Image/Icon/Font/Document等类别进行分层管理,确保团队成员能够快速定位所需资源,提高工作效率,减少文件混乱和重复存储问题。

资源包文件夹结构模板(Image/Icon/Font/Document分层)

切图命名

为设计团队建立标准化的切图命名规则,采用模块_状态_分辨率的命名方式,确保开发团队能够快速理解资源用途并正确引用。本模板帮助团队提高资源管理效率,减少因命名混乱导致的开发错误和时间浪费。

切图命名标准化规则(模块_状态_分辨率命名法)

设计交付

为设计师提供标准化的设计交付标注规范,确保向开发团队交付的设计稿包含完整的尺寸、间距、颜色、状态等信息,减少沟通成本,提高开发效率和还原准确性。本模板帮助团队建立高效的设计开发协作流程。

设计交付开发标注规范(尺寸间距颜色状态全标注)

设计评审

为设计评审会议提供标准化的意见整理模板,将评审中发现的问题进行分类并标记修改优先级,确保设计团队能够高效处理反馈并跟踪改进进度。本模板帮助团队规范化评审流程,提高沟通效率,减少返工次数。

设计评审意见整理模板(问题分类+修改优先级标记)

设计系统

为设计团队建立跨平台设计系统同步机制,实现Figma、Sketch、Adobe XD等不同设计工具间的设计资产统一管理与实时同步。本模板帮助团队解决多工具协作中的版本一致性问题,提升设计效率和团队协作质量。

多平台设计系统同步法(Figma/Sketch/Adobe XD联动)

暗黑模式

为应用程序或网站设计暗黑模式的色彩适配方案,通过降低整体亮度同时保持足够的对比度,确保内容在暗色背景下依然清晰可读。本模板帮助设计师建立科学的暗黑模式设计原则,提升用户在低光环境下的使用体验和视觉舒适度。

暗黑模式色彩适配原则(降低亮度+保持对比度)

响应式设计

为响应式网页设计提供标准化的断点设置参考,涵盖手机、平板、桌面等典型设备尺寸,确保内容在不同屏幕尺寸下都能良好展示。本模板帮助设计师和开发者建立科学的断点体系,优化用户体验,减少不必要的重复设计工作。

响应式设计断点设置参考(手机平板桌面典型尺寸)

快捷键设计

为桌面应用程序设计统一的快捷键标注规范,考虑Mac和Windows系统的差异,使用正确的符号和术语标注各类快捷键组合。本模板帮助设计团队和开发者创建清晰、准确的快捷键提示,提升用户操作效率和跨平台一致性体验。

桌面端快捷键标注模板(Mac/Win系统差异适配)

移动端设计

为移动应用界面设计统一的手势操作规范,涵盖左滑删除、双击放大、长按编辑等常用手势,确保用户在不同页面间获得一致的操作体验。本模板帮助设计团队建立清晰的手势操作标准,减少用户学习成本,提升应用易用性和用户满意度。

移动端手势操作设计规范(左滑删除双击放大等约定)

404页面

当用户访问不存在的网页时,通过幽默化解尴尬并提供清晰的返回路径,提升用户体验和网站留存率。此模板帮助设计师和开发者构建具有品牌特色的404错误页面,实现用户情绪缓解与行为引导双重目标,有效减少跳出率。

404页面创意转化策略(幽默化解+返回路径推荐)

空状态页面

适用于UI/UX设计项目,基于空状态页面的价值化设计,结合插画、引导文案和品牌调性,自动生成能够提升用户体验、减少用户困惑、传达品牌价值的空状态页面设计方案。帮助设计师创建富有吸引力的空状态页面,将潜在的负面体验转化为积极的用户互动机会,提升用户留存率和品牌认同感。

空状态页面设计价值化:插画+引导+品牌调性结合

错误提示

适用于UI/UX设计项目,基于友好的错误提示文案设计,将传统的“错误”表述转换为“需要帮助”等积极正面的表达方式,自动生成能够减少用户挫败感、引导用户解决问题的界面文案。帮助设计师创建更加人性化的交互体验,提升用户满意度,减少因错误信息造成的用户流失,增强用户对产品的信任感和使用意愿。

错误提示友好界面文案:不说“错误”说“需要帮助”

加载动画

适用于UI/UX设计项目,基于加载动画的进度反馈和趣味性平衡,自动生成能够有效缓解用户等待焦虑的加载动画方案。帮助设计师创建既能提供清晰进度信息又能分散用户注意力的加载动画,提升用户体验,减少因等待产生的负面情绪,增强用户对产品的耐心和满意度。

加载动画缓解等待焦虑:进度反馈+趣味性平衡

动效设计

适用于UI/UX设计和动效设计项目,基于不同缓动曲线(ease-in-out等时间函数)的选择和应用,自动生成符合用户体验和视觉美感的动效方案。帮助设计师创建流畅自然的界面动效,提升用户交互体验,增强产品的视觉吸引力和可用性,确保动效与产品整体风格一致。

动效设计缓动曲线选择:ease-in-out等时间函数应用

原型图

适用于UI/UX设计项目,基于低保真到高保真原型图的转换技巧,通过线框图到视觉稿的元素替换方法,自动生成高保真原型图。帮助设计师高效地将低保真原型转化为视觉丰富的高保真原型,提升设计效率,确保设计元素的一致性和可用性,缩短设计周期,优化团队协作流程。

原型图低保高保转换技巧:线框→视觉稿元素替换

交互流程图

适用于产品设计和用户体验设计项目,基于标准流程图符号规范,自动生成清晰的交互流程图说明文档。帮助设计师、产品经理和开发人员准确理解用户操作流程,确保各方对交互逻辑有一致认知,提升团队协作效率,减少因理解偏差导致的开发错误,保证产品交互设计的一致性和可用性。

交互流程图标准符号说明:开始节点/操作/判断/跳转

信息架构

适用于网站、应用或信息系统设计项目,基于卡片分类法对内容进行归组和层级关系梳理,自动生成合理的信息架构。帮助设计师和产品经理更好地组织内容,优化导航结构,提升用户查找信息的效率和体验,确保信息架构符合用户认知模型和使用习惯。

信息架构卡片分类法:内容归组+层级关系梳理

用户体验地图

适用于产品和服务设计项目,基于用户旅程的接触点、痛点和机会点分析,自动生成详细的用户体验地图。帮助设计师全面了解用户在使用产品或服务过程中的体验,识别改进机会,优化用户旅程,提升整体用户体验和满意度,实现以用户为中心的设计理念。

用户体验地图绘制模板:接触点痛点机会点标注

用户画像

适用于UI/UX设计项目,基于用户画像的年龄、使用习惯和设备偏好分析,自动生成符合目标用户特征的界面设计方案。帮助设计师创建更贴近用户需求的界面,提升用户体验和产品满意度,减少用户学习成本,提高产品的市场适应性和竞争力。

用户画像驱动界面设计:年龄习惯设备偏好分析

通用设计

适用于产品和服务设计项目,基于通用设计原则,自动生成适用于老年人、儿童和残障人士的共用设计方案。帮助设计师创建无需特殊适应或专门设计即可被所有人使用的环境、产品和服务,提升产品的包容性和普适性,满足多样化用户群体的需求,实现真正意义上的无障碍设计。

通用设计原则应用案例:老人儿童残障者共用方案

第 70 / 158 页