[{"data":1,"prerenderedAt":142},["ShallowReactive",2],{"blog-post-/blog/zh-cn/how-to-use-lorem-ipsum-generator-for-design-mockups":3,"related-posts-/zh-CN/blog/how-to-use-lorem-ipsum-generator-for-design-mockups":141},{"id":4,"title":5,"author":6,"body":7,"category":123,"date":124,"description":125,"extension":126,"featured":127,"image":128,"meta":129,"navigation":130,"path":131,"readingTime":132,"seo":133,"stem":134,"tags":135,"tools":139,"__hash__":140},"content/blog/zh-CN/how-to-use-lorem-ipsum-generator-for-design-mockups.md","如何在设计稿中使用 Lorem Ipsum 生成器","Anything Tools Editorial",{"type":8,"value":9,"toc":114},"minimark",[10,14,24,28,31,50,53,56,59,74,82,85,99,102,105,108],[11,12,5],"h1",{"id":13},"如何在设计稿中使用-lorem-ipsum-生成器",[15,16,17,18,23],"p",{},"当正式文案还没准备好，但设计需要判断真实排版节奏时，占位文本非常有用。好用的 ",[19,20,22],"a",{"href":21},"/text/lorem-ipsum","Lorem Ipsum Generator"," 可以快速生成段落、句子或短文本，让团队先评估间距、层级和组件表现，而不是被未定稿文案带偏。",[25,26,27],"h2",{"id":27},"为什么要用占位文本",[15,29,30],{},"设计评审如果只看到空白方块或重复标签，很容易误判版式。Lorem Ipsum 可以帮助测试：",[32,33,34,38,41,44,47],"ul",{},[35,36,37],"li",{},"卡片高度和网格平衡",[35,39,40],{},"落地页主视觉区域",[35,42,43],{},"表单提示和空状态说明",[35,45,46],{},"移动端换行效果",[35,48,49],{},"文章页或商品页模板",[15,51,52],{},"它适合辅助设计判断，但不应该作为最终内容。",[25,54,55],{"id":55},"应该生成多少文本",[15,57,58],{},"不要给所有区域塞同一段文字，而要贴近真实内容长度：",[60,61,62,65,68,71],"ol",{},[35,63,64],{},"按钮附近的辅助说明用一句短句。",[35,66,67],{},"卡片说明用两到三句。",[35,69,70],{},"落地页区块用一到三段。",[35,72,73],{},"只有测试文章模板时才需要更长段落。",[15,75,76,77,81],{},"如果某个区域有字符限制，可以先用 ",[19,78,80],{"href":79},"/text/text-counter","Text Counter"," 检查长度，再粘贴到设计稿中。",[25,83,84],{"id":84},"更好的使用习惯",[32,86,87,90,93,96],{},[35,88,89],{},"让段落长短有所变化，布局会更真实。",[35,91,92],{},"如果标题会影响视觉重心，标题最好保留明确含义。",[35,94,95],{},"对外截图前一定替换掉占位文本。",[35,97,98],{},"不要用 Lorem Ipsum 决定法律、价格或新手引导文案。",[25,100,101],{"id":101},"什么时候应该用真实文案",[15,103,104],{},"当评审重点是转化率、语气或理解成本时，应尽量使用真实草稿。占位文本适合看结构，真实文案才适合看表达。",[25,106,107],{"id":107},"总结",[15,109,110,111,113],{},"Lorem Ipsum 生成器能在文案未完成时节省设计时间。只生成需要的长度，配合 ",[19,112,80],{"href":79}," 检查敏感区域，并在上线前替换成正式内容。",{"title":115,"searchDepth":116,"depth":116,"links":117},"",2,[118,119,120,121,122],{"id":27,"depth":116,"text":27},{"id":55,"depth":116,"text":55},{"id":84,"depth":116,"text":84},{"id":101,"depth":116,"text":101},{"id":107,"depth":116,"text":107},"文本工具","2026-05-14T00:00:00.000Z","一篇实用指南，说明如何在低保真稿、落地页和 UI 原型中使用占位文本，避免干扰版式判断。","md",false,"/blog/how-to-use-lorem-ipsum-generator-for-design-mockups.png",{},true,"/blog/zh-cn/how-to-use-lorem-ipsum-generator-for-design-mockups",null,{"title":5,"description":125},"blog/zh-CN/how-to-use-lorem-ipsum-generator-for-design-mockups",[136,137,123,138],"Lorem Ipsum","设计稿","占位文本",[21,79],"hgohn9aM6E404DEwTc6Z1w-geo0LeXEmnhpSi9Kf4vE",[],1781687096469]