Wiki 知识库

全部文档 / 标签: 排版

38 篇
清除

AI 设计词典(中篇)|怎么准确描述视觉效果

本文是 AI 设计词典系列的中篇,系统整理了 AI 设计中高频的视觉词汇,帮助用户更精确地控制 AI 生成的视觉效果。文章分为五大维度:字体(衬线/无衬线、字重、字距、行距)、颜色(色相、饱和度、明度、主色/强调色)、形状(几何/有机、圆角/直角、描边)、材质与效果(纹理、渐变、透明度、光影)、风格(极简主义、瑞士风格、粗野主义、编辑设计等)。作者强调不必背诵术语,而应把这些词当作「视觉旋钮」,用「风格名称+具体规则」的方式替代模糊的主观描述,让 AI 输出更符合预期的设计。

技术 › 工具与效率 Morry.AI 2026-10-2316.7 KB 9.8K 165 83

分享 10 条优化界面 UI 的提示词

作者分享了 10 条可直接发送给 Codex 或 Claude Code 的 UI 优化提示词,用于提升界面视觉设计。内容涵盖:移除中点分隔符与冗余解释文本、优化文案表达、采用 Radix UI Colors 颜色规范、光学对齐与同心圆圆角、使用 0.5px 边框、精简动画(ease-out 250ms)、限制字号不超过 4 种(最小 12px)、减少用户判断类交互、谨慎使用圆角阴影等。作者还补充回复网友:0.5px 边框在老旧或低分屏设备上可能不适用,提示偏个人经验;另有网友补充了减少冗余 Eyebrow/Overline 眉题的第 11 条建议。

技术 › 前端 Zayn Hao (@ZaynHao) 2026-10-233.6 KB 78

长文封面,到底要不要加文字?

作者探讨了长文封面是否应该添加标题、关键词等文字的问题,核心观点是「先不加文字」。通过分析 Yino、反向的猫、南风窗、半佛仙人、新世相等优秀账号的封面设计,说明无文字封面能提供标题之外的感受空间、形成视觉识别锚点。文章结合 Roland Barthes 的图文互文理论、Lippmann 的拟态环境以及认知心理学的冗余效应,论证重复文字会增加读者的注意力负担。同时指出例外情况:抖音、小红书等平台封面文字承担定位内容的功能。最后建议读者探寻属于自己的封面风格,并推荐了 Punk 的封面 Skill。

技术 › 工具与效率 Roland.W 2026-10-1512.9 KB 23.7K 67 73

让Muse全权自动更新X帐号文章到微信公众号:手把手实操教程

本教程面向零基础小白,手把手教如何利用AI助手Muse将X账号文章自动同步到微信公众号。内容涵盖公众号注册与设置、Muse接入公众号、登录扫码与固定IP代理配置,并提供两种工作方式:手动提供MD原稿与配图进行一键排版,或全自动监控抓取X新文章。Muse负责排版、传图、存草稿、生成预览二维码,而发表需用户在手机上扫码验证完成,保障账号安全。教程还详细说明了素材命名规范、MD格式模板、锚点插图方法、固定签名与广告设置,以及避免将IP与凭据写入原稿的安全红线,帮助用户搭建一条每日只需预览和点发表的自动化内容流水线。

技术 › Agent Ryan 2026-10-1546.6 KB 26.5K 177 78

从零拥有个人网站②:从想法到成品,用AI做出自己的风格

作者分享了从零构建个人网站的完整教程:先理解网站由信息架构与视觉表达两部分组成,思考希望访客如何认识自己;提出“视觉母题”概念,让设计从内容和个人特点自然延伸;推荐通过Awwwards学习优秀网站的五步分析法;讲解内容形式选择、排版层级、留白对比、视觉节奏与动画克制等设计要点;最后介绍如何用AI工具(Skill)迭代建站并部署上线。作者认为制作个人网站也是一次重新认识自己的过程,网站可随个人成长不断迭代。

技术 › 前端 安寻Ansyn_log 2026-10-0915.4 KB 6.4K 54 82

人人都是 UI 设计师:20 条设计军规讲透 UI 设计

文章基于《Refactoring UI》一书,精选出 20 条实用的 UI 设计黄金军规,配合前后对比图讲解。作者指出在 AI 编码工具(Claude Code、Cursor 等)抹平写代码门槛后,UI 设计美感成为区分玩具与商业产品的关键壁垒。内容涵盖:为设计定好风格基调、先灰度后上色、用字重和颜色而非字号建立视觉层级、通过弱化凸显重点、按钮按主次分级、从过度留白开始做减法、间距的亲疏之别、动态调整行长与行高、以基线而非居中对齐等可工程化落地的设计原则,帮助开发者补齐 UI 设计这块最后拼图。

技术 › 前端 龙海 2026-10-0334.3 KB 140.1K 829 86

用 AI 做照片月历小报:把手机相册变成每月寄给家人的一页纪念

文章介绍如何把手机相册里的家庭照片整理成一页“照片月历小报”,作为每月寄给家人的纪念。建议新手从一个月、8-12张照片开始,用表格整理照片日期、人物、事件和原话,再借助豆包、ChatGPT 等 AI 工具整理文字草稿,但强调事实必须由当事人确认,不能让 AI 虚构情感故事。排版上推荐 Canva 模板,控制在两种字体三种颜色,导出微信长图和打印 PDF 两版。作者建议先为自己家连续制作两页验证可行性,再以 9.9-59 元的定价对外提供轻定制服务。

技术 › 工具与效率 Christal.Z 2026-09-246.2 KB 5.6K 42 82

好看,如何成为一门生意01|Aēsop

作者以护肤品牌 Aēsop 为例,拆解'好看'如何转化为商业价值。文章从门店陈列的重复与层次、配色的比例与材料质感、标签排版的信息层级,到香气的自然联想与情境化描述,分析了品牌在视觉、嗅觉和空间设计上的一致性逻辑。通过京都、东京、上海等门店案例,说明 Aēsop 因地制宜的门店设计如何让品牌融入街区、营造冥想般的舒适体验,从而让顾客愿意停留并消费。

生活 › 审美 Jaden 抽象日志 2026-09-2425.4 KB 27.7K 152 79

AI 时代的审美提高手册(下)

文章探讨如何实际提高审美能力。作者提出几个方法:先接触经典与好的作品,借助他人积累的判断形成自己的感觉;通过对比练习选择,如信笺、名片排版与莫奈画作的比较;以安藤忠雄和卒姆托为例,说明观看、临摹、动手和身体经验对审美培养的作用;强调走进真实空间,通过建筑巡礼、自然观察、摄影和音乐聆听进行感官训练;最后主张在能力范围内花钱购买好的产品和体验,如苹果产品,通过真实接触认识品质,将笼统的喜欢转化为可使用的判断。

生活 › 随笔 Jaden 2026-09-2330.1 KB 230.4K 764 75

AI 时代的审美提高手册(上)

文章探讨 AI 时代审美能力的重要性。作者认为 AI 工具放大了人原本的选择,产出好坏取决于使用者的审美判断。作者主张审美有可学习的标准,不能以“各有所爱”敷衍,并以城市夜景灯光(东京与国内街道对比)为例说明审美可以具体分析。文章还指出审美会影响商业信任——客户接触的网站、方案等材料塑造专业印象;审美也是“社交的货币”,帮助建立共鸣与吸引力。提高审美的起点是先见过好的东西、认真感受并意识到差别。下篇将讨论观察、体验与审美训练的具体方法。

生活 › 美学 Jaden 2026-09-2216.9 KB 118.5K 380 64

WorkBuddy加两个自建的skill,我实现了公众号自由

作者介绍如何利用 WorkBuddy 平台搭配两个自建 skill(文章排版和文章视觉),实现公众号内容生产自动化。文章详细讲解了配置公众号开发者信息(AppID、AppSecret、IP白名单)的准备工作,然后通过 WorkBuddy 调用接口自动完成排版、配图、封面生成和推送草稿箱的全流程。作者还演示了让 AI 自动撰写文章并用开源去AI味 skill 优化的方法,同时强调自动发布存在封号风险,发布前仍需人工审核,将节省的时间留给选题和内容创作本身。

技术 › Skill zhouluobo 2026-09-217.6 KB 22.5K 301 77

这个 Skill 直接封神:我装进 WorkBuddy 后,彻底不想自己排版了

文章介绍了开源排版 Skill「Kami」(已获11.5k星标),它内置精确的排版引擎,解决AI排版中常见的留白过多或内容溢出问题。Kami提供八种文档模板(一页纸、长文档、简历、研报、幻灯片等),风格统一,米黄纸面配深蓝点缀,支持中英日韩四语。作者将其安装到 WorkBuddy 实测,用于制作财报排版、自媒体配图、PPT 及小红书海报,效果惊艳,代码和模板全部免费开源。

技术 › Skill 非著名程序员 2026-09-176.1 KB 36K 301 79

苹果产品视频为何显得高级:五大技巧拆解

作者基于4个月制作50多个金融科技产品视频的经验,拆解苹果产品视频显得高级的五大原因:1) 构图极简,一个镜头一个想法,留白营造高级感;2) 严格使用品牌字体,全片统一排版规则;3) 控制色彩,背景黑白为主,鲜艳色彩只留给产品,靠对比产生冲击力;4) 转场隐形流畅,不打断观看体验;5) 声音设计克制,音乐与剪辑节奏同步,音效稀少但精准。

生活 › 摄影 leo 2026-09-114.3 KB 1.5M 1.9K 70

40 种适合杂志、海报与 AI 生图的英文字体图鉴(下册)

本文是字体图鉴下册,介绍第 21-40 种适合杂志、海报与 AI 生图的英文字体,涵盖无衬线(Graphik、Circular、GT America、Bebas Neue、DIN Condensed 等)、手写(Biro Script、Caveat、Sacramento)、书法与签名(Allura、SignPainter、Mrs Saint Delafield)等风格。每种字体附类型说明、适用场景和可直接复制的 AI 生图提示词。文末给出三层字体搭配方法论:高级衬线主标题 + 极简无衬线正文 + 手写点缀,并提供完整可复制的 AI 海报字体提示词模板。

技术 › 前端 Adrian Punk 2026-09-0512.8 KB 199.5K 481 79

把“印刷触感”做进图片里:一套击凸 × 压凹质感提示词

作者分享了一套将印刷工艺中的击凸(Emboss)与压凹(Deboss)触感转译为AI生成视觉语言的提示词。通过纸张纹理、边缘压痕、柔和侧光和细微阴影,无需复杂3D建模即可营造“摸得到”的质感。提示词内置随机组合机制,涵盖字体风格、字号层级、排版方式、构图、视觉隐喻、配色及击凸压凹关系等要素,只需输入主题即可生成极简且具编辑设计感的海报,适合封面、头图、金句海报等场景。

技术 › Skill Adrian Punk 2026-09-027.5 KB 65.9K 169 79

开源:350套排版布局 x 知识图鉴

作者在早期整理的「100 种排版」基础上扩充升级,开源了包含 350 种排版与构图方法的视觉参考图鉴,并提供 GitHub 项目地址。项目涵盖三分法、黄金比例等经典构图,以及字体网格、网页 UI、影视画面、中国传统构图、PPT 等场景,分为 8 个一级分类和 33 个二级主题。图鉴支持在线浏览、搜索与高清图下载,并提供 CSV 和 JSON 数据便于程序读取与工具集成,适合设计新手、学习者、AI 创作者、UI 设计师、PPT 制作者及设计团队使用。

技术 › 工具与效率 小小东 2026-09-014.1 KB 74

一套提示词,生成图文穿插海报

作者基于此前分享的构图指南,提取「超大标题 × 主体 × 前后穿插」的海报设计方式,制作了一套可复用的 AI 提示词。只需输入标题或文章,提示词会自动提炼核心主题与主标题、选择视觉主体,并按不同画幅调整版式与配色。核心规则包括:让文字参与构图实现前后层级穿插、超大粗体标题排版、根据比例自适应版式、按主题自动配色、克制使用辅助图形、最多三级信息层级,最终生成杂志封面般的编辑设计感海报,而非普通广告图。

技术 › 工具与效率 Adrian Punk 2026-08-297.8 KB 42.9K 139 81

AI 做海报、HTML 构图手册:16 种控制网格、图文关系与信息密度的海报构图——下册

本文是海报构图系列的下册,涵盖第 17–32 种构图方法,重点讲解 Grid System 与构图的关系。上册聚焦焦点、平衡与视线动势,下册处理内容增多时的秩序问题。文章分为三部分:分割与条带(上下分屏、水平带状)、网格系统(单栏手稿、多栏编辑、模块网格、瑞士非对称网格、Bento 层级卡片、棋盘交替)以及图文关系(满版主视觉、大字主导等)。每种构图均提供视线路径分析、适用场景、避坑指南,并给出图像模型提示词和可直接落地的 HTML/CSS 提示词两套表达方案。

技术 › 前端 Adrian Punk 2026-08-2727.1 KB 54.6K 165 85

开源一套公众号写作 Skill(共10个):写作、排版、定位分析与配图

作者基于三年多写公众号、400多篇原创、3万粉丝的经验,开源了一套共10个公众号 Skill,覆盖账号定位、爆款分析与选题、长文写作、短文写作、爆款标题生成、头图封面、图表配图、逻辑配图及整篇排版等全流程。写作部分按素材形态路由多种写法,短文带去AI腔风格规则与自检。作者认为开源是自我成长的最好方式,并在互动中推荐用 Claude 写公众号文章效果最佳。

技术 › Skill 空格.space 2026-08-262.7 KB 72

AI 海报构图手册(上):16 种控制焦点与动势的构图及提示词

作者系统梳理经典设计理论、格式塔原理与网格系统,整理出 32 种可直接写入 AI 提示词的海报构图,本文为上册,介绍前 16 种。文章先讲解海报的六个可控变量(焦点、层级、分组、平衡、动势、空间)及总提示词模板,再分“平衡与焦点”和“几何骨架”两组详解中轴对称、非对称平衡、三分法、黄金螺旋、大留白、边缘锚定、三角构图、倒三角、同心环绕、框中框等构图,每种均附视线路径、适用场景、避坑要点及图像模型与 HTML/CSS 提示词,帮助用户把视觉需求清晰传达给 AI。

技术 › 前端 Adrian Punk 2026-08-2525.9 KB 40.7K 186 91

Real life makes better posters:用真实生活场景打造编辑风格海报

作者分享了一组以真实日常生活场景为主题的编辑风格海报设计,包括花摊、街头告白、搬家和天台晾衣等简单却富有故事感的瞬间。海报将超大加粗字体直接融入真实场景,让人物、建筑和物件遮挡、穿插于文字之间,使排版嵌入空间而非简单叠加。这类设计适用于编辑海报、城市品牌和视觉识别。文末附完整 Prompt 模板,涵盖场景、人物、动作、建筑、标题、强调色和 9:16 画幅等参数,整体风格为生活摄影与实验排版、新复古印刷质感的结合。

Giant Type Turns the Whole Poster into Space

本文展示了如何利用巨型字体将海报设计成空间的一部分,通过字符重叠、穿插和融入场景,使排版成为视觉叙事的关键元素。作者提供了多个案例(如 STATIC YOUTH、AFTERLIGHT 等),并分享了使用 GPT-Image2 生成此类海报的详细提示词模板,涵盖主题、标题、人物、背景、色彩、字体行为等参数,适用于乐队海报、家庭肖像、品牌活动、活动视觉和编辑设计等场景。

城市海报生成混合提示词

作者分享了一个用于生成城市主题海报的混合提示词,该提示词通过结构化指令让AI生成包含城市名称、地标、人物等元素的编辑风格海报。提示词要求使用大字体排版、地标纹理和城市元数据,并强调城市识别度。作者认为该布局仍有改进空间。

技术 › 工具与效率 Gadgetify (@Gdgtify) 2026-08-153.5 KB 58

不想重新排版,我把长文转小红书做成了 Skill

作者为解决长文跨平台发布到小红书时排版繁琐的问题,开发了名为 Punk XHS Cards 的 Codex Skill。该 Skill 能根据用户上传的人物照片或 IP 形象,自动将 Markdown 长文转换为带有个人 IP 的竖版知识卡片,并生成小红书标题、正文和话题标签。文章详细介绍了该 Skill 的设计思路、工作流程、安装方法及当前局限性,强调了人物形象、主题色和教程截图的保留等关键特性。

技术 › Skill Adrian Punk 2026-08-1214.4 KB 103.3K 262 73

社交媒体封面设计的色彩搭配指南

本文详细介绍了适用于推特文章和短视频封面的色彩搭配逻辑。从色相、明度与饱和度出发,解析了同类色、邻近色、对比色、互补色及冷暖色等基础配色方案的适用场景。文章还分享了检查明暗关系、利用饱和度控制视觉重点、合理分配颜色面积等实用技巧,指导创作者根据内容属性建立稳定且具辨识度的视觉风格系统。

生活 › 设计 yuu (@yuudecideall) 2026-08-105.6 KB 79

封面设计的构图技巧

本文从设计专业的角度分享了提升社交媒体封面吸引力的构图技巧。作者提出在排版时首先要确定视觉重点,将信息分为主次三个层级。接着详细介绍了左文右图、中心聚焦、对比切分和对角线倾斜等常用构图方法。文章还强调了留白、主体裁切放大、图文互补以及使用固定动画形象来增加记忆点的重要性。最后,建议在手机预览尺寸下进行检查,以确保封面在信息流中依然清晰且重点突出。

职场 › 设计 yuu 2026-08-104.3 KB 82

时装与产品海报设计误区及数字秀场式陈列指南

文章指出时装和产品海报设计常陷入堆砌元素、缺乏呼吸感的误区。作者提出“数字秀场式陈列”的高级设计理念,通过全身主视觉、局部材质特写、非对称错位和大留白来控制观看节奏,并提供了详细的提示词公式,强调克制与优雅。