占位图构建器 - 指定宽高文字自动生成
输入宽高、背景色和文字,生成对应尺寸的占位图片,适用于原型设计和文档填充。
UD5工具箱
实时预览书脊效果,调整宽度、颜色与排版,让书籍装帧更专业
| 纸张类型 | 单张厚度 | 200页书脊 | 400页书脊 |
|---|---|---|---|
| 70g胶版纸 | ~0.08mm | 约16mm | 约32mm |
| 80g胶版纸 | ~0.095mm | 约19mm | 约38mm |
| 100g胶版纸 | ~0.11mm | 约22mm | 约44mm |
| 128g铜版纸 | ~0.10mm | 约20mm | 约40mm |
| 157g铜版纸 | ~0.13mm | 约26mm | 约52mm |
中文书籍通常采用竖排(从上到下),符合传统阅读习惯;英文书籍多采用横排(字母正常方向排列)。本工具默认竖排,适合中文书脊设计。
书脊宽度 = 内文页数 × 单张纸厚度。例如一本200页的书使用80g胶版纸(0.095mm/张),书脊约19mm。精装书还需加上封面纸板厚度(通常+3~6mm)。
书脊宽度小于8mm时,建议仅保留书名,缩小字号(12-14px),或考虑不印文字、仅做纯色设计。部分极薄书册可采用骑马钉装订,无需设计书脊。
建议与封面设计协调统一。深色背景+金色/白色文字经典耐看;浅色背景+深色文字清新简约。注意书店陈列时书脊是读者第一眼看到的部分,对比度要足够。
输入宽高、背景色和文字,生成对应尺寸的占位图片,适用于原型设计和文档填充。
选择页眉、侧边栏、主体、页脚的网格布局,生成基本的布局骨架代码。
在字符网格上通过工具绘制猫、超人等各种图案,导出为.txt ASCII艺术。
生成漂亮几何图案或文字占位图,指定尺寸,下载用于原型。
自定义尺寸、背景色、文字,纯前端生成占位图,适用于原型设计和网页排版,无需依赖外部服务。
上传多张连续重叠截屏,自动对齐并拼成一幅完整长图,完美展示聊天或网页。
逐帧在Canvas上绘制,预览连续播放效果,并可导出为GIF或WebM动画。
在页面移动鼠标时显示十字参考线和像素距离,方便UI开发。
使用html2canvas截取当前网页的完整内容(需粘贴HTML或演示),生成长图并下载。
输入 GraphQL Schema SDL,生成交互式的关系图谱,展示类型、字段及关联。
输入网址,使用浏览器渲染并转换为可下载的PDF文件(纯前端模拟)。
提供JSON Schema定义,自动生成符合约束的示例JSON数据,用于接口文档说明。
通过控件调整网格轨道、间距和对齐,实时展示效果及对应CSS代码,轻松掌握Grid。
为上传的照片添加可调节的三分线、斐波那契螺旋等构图辅助线。
输入网址,抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
拖拽创建树形工作分解结构,清晰展示项目交付物与任务包,支持导出PNG/SVG,项目规划利器。
生成用于网页游戏或展示的动态血量/进度条样式代码,支持渐变和闪烁。
在多页面或元素切换时呈现流畅的交叉淡入淡出和变形动画,体验原生视图过渡。
选择基本形状(六边形、菱形等)和配色,无缝拼接生成SVG几何背景图案。
加载本地视频,拖动时间轴选取帧,捕获该帧为PNG图片下载。
在可缩放网格上逐点绘制像素艺术,支持调色板、橡皮擦和导出PNG。
编写或配置基础的CSS渐变、径向、锥形图案组合,生成美观的无缝重复背景代码。
显示巨大的纯数字时间,支持12/24小时制,夜间模式,适合作为工作或学习桌面时钟。
设置限制行数,生成带“更多”按钮的纯CSS或轻JS截断方案。
将HTML表格转换为移动端友好的折叠行显示模式,并生成相应CSS。
直接编写SVG代码并实时预览,或通过基本形状工具绘制矩形、圆形、路径,适合动态图形调试。
输入URL或使用当前页,自动滚动并拼接为一张完整的长图。
拖拽设计包含 Subgrid 的嵌套网格,直观展示子网格如何继承父网格轨道并进行独立调整,生成代码。
可视化选择设备类型、屏幕方向和宽度范围,一键生成标准CSS媒体查询代码。
为应用的空白页(如无订单、无消息)生成带插画和文案的HTML/CSS占位组件。