Web - 设计经验 - 第2页

图片压缩与格式转换工具清单｜WebP/AVIF 批量压缩、格式转换与授权提示

做设计交付时，图片体积、格式与元数据常常决定加载速度和清晰度。这份清单汇总常用的压缩、WebP AVIF 转换、GIF SVG 优化与批处理工具，并在每条里提示授权要点，便于快速选用。

设计经验 1个星期前 0

Obsidian 多端同步教程：iCloud/OneDrive/坚果云三套方案配置+冲突处理

手把手把 Obsidian 笔记同步到手机电脑：分别用 iCloud、OneDrive 或坚果云(WebDAV)三种方案配置，并提供冲突处理、权限与离线注意事项、常见问题排查。

教程分享 1个星期前 0

图片压缩与格式转换工具清单｜AVIF WebP 批量压缩与元数据清理

这份清单整理了常用的图片压缩与格式转换工具，覆盖 AVIF WebP PNG JPG 的在线与本地方案，并补齐元数据清理、批量处理与自动化命令行能力，方便在交付与上线前快速把体积打下来。

设计经验 2个星期前 0

Ollama + Open WebUI 本地大模型搭建指南：Windows/Mac/Linux 一步到位（含常见报错）

手把手搭建本地大模型运行环境：安装 Ollama、下载模型、部署 Open WebUI 网页界面，并整理 GPU 端口下载失败等常见问题排查。

教程分享 2个星期前 0

Photoshop 批量导出切片：从切图准备到命名规则的完整实操教程

手把手教你在 Photoshop 里用切片（Slice）把一张设计稿批量导出为 PNG JPG：从切片准备、命名规则、导出参数，到常见问题排查，一篇搞定。

教程分享 2个星期前 0

Photoshop 批量导出多尺寸 WebP/PNG：动作 + 批处理一键搞定

用 Photoshop 的“动作 + 批处理图像处理器”实现一键批量导出多尺寸 PNG WebP：从录制动作、批量缩放到命名规则与常见报错排查，照做即可把一堆图快速生成多规格交付文件。

教程分享 2个星期前 0

可访问性配色工具清单｜对比度检测与色盲模拟一站搞定

整理一份围绕配色可访问性的工具清单，覆盖对比度检测、色盲模拟、调色板生成与设计交付检查。开头先给出选择与校验原则，随后按工具逐条列出地址与适用场景。

设计经验 2个星期前 0

Squoosh：在线图片压缩与格式转换工具，导出更轻更清晰

Squoosh 是一款免费的在线图片压缩与格式转换工具，支持 WebP AVIF PNG JPEG 预览对比与质量调参，适合设计交付前快速瘦身图片。

设计经验 3个星期前 0

JPEG、PNG、WebP有什么区别：怎么选才不踩坑

从透明背景、压缩方式、清晰度与体积等角度，讲清 JPEG PNG WebP 的核心区别，并给出常见场景的选择建议。

值得一看 3个星期前 0

Photoshop导出WebP与PNG怎么选：透明、体积与清晰度取舍

WebP和PNG各适合什么场景？从透明背景、压缩体积、边缘质量与兼容性出发，给出可直接照做的导出建议。

教程分享 3个星期前 0

图片发虚不一定是素材差：从导出倍率到裁切策略的排查方法

图片发虚常常不是素材质量差，而是导出倍率、像素对齐、压缩策略或裁切方式不匹配。本文按问题链路讲清从设计稿到上线的清晰度排查与改进思路。

设计经验 3个星期前 0

Photoshop 批量导出 PNG/WebP：用“导出为”+动作+批处理提速 5 倍

把重复的导出工作交给动作与批处理：统一尺寸、命名规则、格式与透明背景，适合电商与UI切图。

教程分享 3个星期前 0

Photoshop怎么导出WebP 兼顾清晰度与体积的设置建议

总结Photoshop导出WebP的常用入口与参数含义，并给出不同场景（透明图、UI切图、照片）下的质量与体积平衡建议。

教程分享 3个星期前 0

GLB vs FBX：为你的WebXR项目选择正确的模型格式

随着WebXR（Web-based Extended Reality）技术，包括AR（增强现实）和VR（虚拟现实）的兴起，3D内容正以前所未有的速度融入我们的日常网页浏览体验。对于设计师和开发者而言，将3D模型从DCC（Digital Content...

设计经验 4个月前 0

Stable Diffusion 30种女生动作关键词合集

汇集了30种精心挑选的女性动作，涵盖了从日常生活到社交场合的各种情境。Stable Diffusion和Midjourney通用关键词

设计经验 2023-09-04 0

Stable Diffusion WebUI新手必装插件推荐

这些插件可以帮助新手更好地使用Stable Diffusion WebUI，并且更好地管理和利用相关的资源。

设计经验 2023-07-28 0

Stable Diffusion新手完整入门指南，附下载

Stable Diffusion是一款开源的AI绘画软件，拥有丰富的插件和模型，即使是新手也能轻松创作出高品质的画作。随着越来越多的人加入到插件和模型的开发中，Stable Diffusion变得越来越强大和易用。本文将为大家介...

设计经验 2023-07-28 0

WebPShop：让PS支持打开WebP格式图片

PS2022版本已经支持WebP文件格式打开编辑，旧版PS用户需要安装WebPShop插件，才能在Photoshop中打开、创建、编辑和保存WebP格式。

设计经验 2022-10-21 0

Figma 免费资源网站推荐

Figma 越来越受到 UI 设计师的青睐，整理了一些平时常用的 Figma 免费素材网站，善用模板可以为我们极大的提高工作效率。

设计经验 2019-11-04 0

游戏web设计小技巧汇总

今天分享游戏web类设计方面的小技巧，整理的很全面，掌握了这些设计技巧，会让你的设计水平瞬间提升个等级，值得学习，推荐收藏

设计经验 2017-06-05 0

#Web

图片压缩与格式转换工具清单｜WebP/AVIF 批量压缩、格式转换与授权提示

Obsidian 多端同步教程：iCloud/OneDrive/坚果云三套方案配置+冲突处理

图片压缩与格式转换工具清单｜AVIF WebP 批量压缩与元数据清理

Ollama + Open WebUI 本地大模型搭建指南：Windows/Mac/Linux 一步到位（含常见报错）

Photoshop 批量导出切片：从切图准备到命名规则的完整实操教程

Photoshop 批量导出多尺寸 WebP/PNG：动作 + 批处理一键搞定

可访问性配色工具清单｜对比度检测与色盲模拟一站搞定

Squoosh：在线图片压缩与格式转换工具，导出更轻更清晰

JPEG、PNG、WebP有什么区别：怎么选才不踩坑

Photoshop导出WebP与PNG怎么选：透明、体积与清晰度取舍

图片发虚不一定是素材差：从导出倍率到裁切策略的排查方法

Photoshop 批量导出 PNG/WebP：用“导出为”+动作+批处理提速 5 倍

Photoshop怎么导出WebP 兼顾清晰度与体积的设置建议

GLB vs FBX：为你的WebXR项目选择正确的模型格式

Stable Diffusion 30种女生动作关键词合集

Stable Diffusion WebUI新手必装插件推荐

Stable Diffusion新手完整入门指南，附下载

WebPShop：让PS支持打开WebP格式图片

Figma 免费资源网站推荐

游戏web设计小技巧汇总

大家都在看

设计笔记