设计、实现并审查界面动画,改善操作反馈与动作流畅度。还可分析录屏中的速度变化和弹簧运动,整理出复现代码及实现规格。
- 为按钮和菜单添加动画
- 复现录屏中的界面动画
- 排查响应迟缓和卡顿
设计、实现并审查界面动画,改善操作反馈与动作流畅度。还可分析录屏中的速度变化和弹簧运动,整理出复现代码及实现规格。
从160个动效案例中为网页或组件选择合适效果,参考HTML、CSS、JS及参数适配现有结构,涵盖文字、交互、基础和高级动效。
用于规划或改进动态图形,梳理传达内容、文字运动、场景衔接和阅读时间,帮助设计能够表达统一意图的视频或动画。
将视频或序列帧制作为随滚动、指针、拖动或状态变化响应的网页动效,涵盖素材制作规划、时间轴整理、交付格式选择、播放控制和页面验证。
为艺术动画和解说视频设计构图、分镜及画面内运动,提供35种艺术风格、9种解说模式和Canvas代码,支持从画面规划到运动实现。
为现有界面或已确定的界面方案实现动画,根据用途和操作频率判断是否需要动态效果,并处理连续操作造成的中断及减少动态效果的偏好设置。
以古典插画和钴蓝色为基调,制作带电影感滚动效果的创意工作室网站,并根据品牌及业务内容调整页面。
以新闻纸质感背景、黑色超粗文字和细分隔线制作瑞士印刷品风格的网页原型,仅用红色点缀,适合呈现风格硬朗、布局严整的编辑文章、作品集和宣言网站。
生成用于产品亮相、预告和氛围背景循环的3至10秒短视频。先整理主体、动作与灯光,再按指定时长和画面比例将MP4保存到项目文件夹。
以单个HTML文件制作交易分析仪表板,集中呈现市场信息与风险面板,支持明暗主题、Live/Demo模式、图表详情和命令面板操作。
将笔记、转写文本或文档整理成推动听众理解的演讲结构,规划每页的图片、图表、视频及制作说明,并在渲染后最多进行三轮核对,提出修改要求。
将粒子、分形或数据运动制成单个HTML可视化页面,把繁重计算交给Web Worker,以每秒约60帧为目标绘制画面,并显示粒子数量、传输方式和帧率。
根据品牌的配色、字体和布局,制作产品发布前的预登记页面。将标志、产品介绍和邮箱登记表单整合到一个HTML文件中,并兼顾移动端显示与输入验证。
用于设计新网页、评估和改版现有界面,或分析网址与截图中的设计。梳理页面结构、配色、字体及交互状态,也可按优先级列出改进项。
将功能提案、路线图、设计评审和复盘材料整理为辅助决策的HTML幻灯片。从八种主题中选择一种,统一所有页面的视觉风格,并支持横向翻页。
将本周成果、进行中的工作、障碍和关键指标整理为周报HTML幻灯片,突出重要数字与异常,并向团队说明下周需要作出的决定和具体请求。
制作三张正方形社交媒体卡片,以连贯的标题组成系列,统一品牌标识和编号,并用各不相同的电影感色调呈现为单个HTML页面,每张也能独立阅读。
执行项目配置的构建、类型检查和测试命令,将成败结果与失败详情写入报告并保存日志,为自动修复循环判断是否结束提供依据。
创建包含产品介绍、功能、客户评价或标志、可选价格及注册引导的SaaS介绍页,遵循DESIGN.md的配色、字体和布局规则,输出单个HTML文件。
将多个社交平台的指标汇总为单个HTML分析仪表板,支持图表详情、所选时段比较和明暗主题切换,并按现有设计指南统一配色、字体与组件。
制作包含价格方案卡片、功能对比表、常见问题和操作按钮的HTML页面,按需求安排方案数量及推荐标记,方便用户在订阅前比较服务内容。
汇总Notion过去24小时的文档编辑、评论、提及和数据库行变更,整理成采用Notion显示形式的每日简报页面,方便集中查看更新。
用灰色方框绘制桌面端着陆页结构,并以编号标注对应右侧规格面板,将页面布局与简短的实现、易用性说明放在一起,便于分享和交接。
从源代码、Figma导出数据或截图中收集颜色、字体、间距等设计参数,整理为附有来源和使用位置的JSON文件,为后续设计系统迁移准备数据。