ALL-teach_sys/frontend_视觉设计/网页未导入数据/视觉设计产业/学生完成的项目/《城市角落的治愈时刻——“深夜书店的流浪猫”》公众号文章AI插画设计项目 26dd463fce518014a25cde670dae23d4.md

《城市角落的治愈时刻——“深夜书店的流浪猫”》公众号文章AI插画设计项目

一、项目背景

在信息过载的公众号生态中，“有温度的视觉 + 有故事的文字” 是突破传播壁垒的关键。本次公众号文章聚焦 《城市角落的治愈时刻——“深夜书店的流浪猫”》这一具体场景，以 “读者给流浪猫留暖手宝” 的微小互动为核心，讲述城市深夜里人与动物之间的温柔羁绊 —— 深夜的书店褪去白日喧嚣，一盏暖灯、一只蜷缩的流浪猫、一份悄悄留下的暖手宝，成为治愈都市人疲惫的 “小确幸”。为让这份 “安静的温暖” 更直观可感，避免纯文字难以传递的场景氛围与细腻情绪，特进行本次插画设计，通过可视化语言将文章核心故事转化为读者能 “触摸” 到的治愈画面，助力公众号内容形成情感共鸣与传播记忆点。

二、项目核心目标

1. 精准还原故事场景：以 “深夜书店 + 流浪猫 + 暖手宝” 为核心元素，严格贴合文章对场景的描述（如书店的布局、深夜的光影、流浪猫的状态、暖手宝的细节），确保插画与文字内容高度匹配，帮助读者快速代入 “深夜书店偶遇温暖” 的情境。
2. 强化 “静默治愈” 情绪：通过画面构图、色彩调性与细节设计，传递 “安静、柔软、安心” 的治愈感 —— 不依赖强烈的视觉冲击，而是用 “读者悄悄留暖手宝” 的含蓄互动、书店暖光与深夜冷色的对比，让观者感受到 “不打扰的善意”，深化文章情感内核。
3. 适配公众号传播场景：设计封面与内文插画，封面需突出 “深夜书店 + 流浪猫” 的核心辨识度，吸引读者点击；内文插画则聚焦 “留暖手宝” 的互动细节，缓解文字阅读疲劳，同时适配朋友圈截图分享、短视频封面裁剪等传播需求。
4. 沉淀主题视觉资产：形成一套围绕 “深夜书店治愈时刻” 的专属插画素材，既可用于本次文章发布，也能为公众号后续 “城市深夜故事”“人与动物羁绊” 等同类主题复用，强化公众号 “关注微小温暖” 的品牌调性。

三、应用AI软件——Whisk

Whisk 是谷歌推出的一款别具一格的 AI 绘画产品，与传统同类工具存在显著差异。它的核心亮点在于对用户提示词技巧的要求极低 。传统生图工具大多高度依赖精细的文字描述来引导 AI 生成图像，而 Whisk 允许用户上传图片，以此作为主题、场景和风格样式的参考依据 。在具体运作时，Whisk 会借助 Gemini 模型自动解析用户上传的图片，生成详细的文字描述，随后将这些描述输送给 Imagen 3 模型，进而实现图像融合生成 。

四、设计说明

（一）主题与场景适配：聚焦 “深夜书店的温暖互动”

1. 场景细节锚定：
   • 书店场景：还原文章描述的关键元素，如木质书架、散落的书籍、前台的台灯、贴满便签的留言墙、玻璃门上 “24 小时营业” 的灯箱，确保 “深夜书店” 的真实感与辨识度；
   • 核心互动：明确画面核心动作 —— 读者的手正轻轻将暖手宝放在流浪猫身旁（猫蜷缩在书架角落或窗台，毛发蓬松，眼神温顺），避免过度复杂的场景干扰 “留暖手宝” 的核心叙事；
   • 环境氛围：突出 “深夜” 属性，如窗外的暗蓝色夜空、玻璃上的轻微雾气、书店内局部暖光（台灯、书架灯）与环境冷色的对比，营造 “闹中取静” 的氛围。
2. 治愈元素强化：
   • 暖手宝：设计为常见的卡通图案或简约款式，表面可加 “温热” 的细节（如淡淡的热气线条），与流浪猫的 “冷感” 形成视觉对比，成为画面情绪的 “温暖载体”；
   • 辅助细节：加入文章中提及的小元素（如读者留下的半杯热饮、书架上翻开的书、猫爪旁的小毛线球），让场景更具生活感，增强治愈感。

（二）插画形式规范：贴合 “温柔静默” 调性

1. 风格定位：选择 “肌理水彩风” 或 “轻绘本风”—— 前者用柔和的色彩晕染表现深夜的朦胧感，后者用细腻的线条刻画书店与猫的细节，两种风格均避免尖锐笔触与高饱和色彩，与 “静默治愈” 的主题适配；若公众号日常风格偏简约，则可选用 “扁平肌理风”，用低对比度的色块与轻微纹理，平衡简洁与温度。
2. 尺寸与格式要求：
   • 封面插画：尺寸 1080px×1350px（公众号封面黄金比例），分辨率 300dpi，构图采用 “纵向聚焦”—— 上半部分为深夜书店全景（含夜空与灯箱），下半部分聚焦 “书架角落的猫与暖手宝”，文字放置在画面上方，字体选用柔和的手写体或宋体，内容为文章标题《城市角落的治愈时刻》；
   • 内文插画：尺寸 1080px×600px（适配公众号内文宽度），共 2 幅：
   • 内文 1：聚焦 “读者留暖手宝” 的局部特写（手部动作 + 猫的反应），背景虚化书架，突出互动细节；
   • 内文 2：展现 “留暖手宝后的场景”（读者已离开，暖手宝在猫身旁发光，猫轻轻蹭了蹭暖手宝），呼应文章 “善意留下后的温暖延续”；
   • 提交格式：高清 JPG（压缩后文件大小≤5MB，确保公众号加载速度）+ 分层源文件（PSD/AI/Procreate，图层需区分 “背景层（书店）、主体层（猫 + 暖手宝）、光影层、细节层”，便于后续修改）。
3. 文字点缀原则：
   • 封面文字：仅保留文章标题，位置避开画面核心（如放在玻璃门灯箱上方或画面顶部留白处），字体颜色与书店暖光色调一致（如暖黄色、浅橙色）；
   • 内文插画文字：每幅仅加 1 句短句（不超过 8 字），如内文 1 加 “悄悄留份暖”，内文 2 加 “夜暖猫也安”，字体选用细线条手写体，放置在画面边缘（如书架缝隙、窗台角落），不干扰核心视觉。

（三）内容细节打磨：用细节传递 “无声温暖”

1. 光影设计：
   • 主光源：以书店内的台灯、书架灯为暖光来源，光线集中在 “猫与暖手宝” 区域，形成 “视觉焦点”；
   • 辅助光影：窗外的冷蓝色月光从玻璃门斜射进来，在地面形成淡淡的光影，与暖光形成对比，既突出 “深夜”，又通过 “冷暖碰撞” 强化 “书店内的温暖”；
   • 细节光影：暖手宝表面有轻微的反光，猫的毛发上沾着暖光的柔和光斑，书架上的书籍边缘因光线呈现淡淡的轮廓，让画面更具层次感。
2. 色彩搭配：
   • 主色调：书店内以 “暖黄 + 浅棕” 为主（木质书架、暖灯），书店外以 “暗蓝 + 深灰” 为主（深夜夜空、街道），形成 “内暖外冷” 的对比，凸显 “书店是深夜的温暖港湾”；
   • 核心色彩：暖手宝选用 “浅粉” 或 “米白”（搭配浅橙色图案），既醒目又不刺眼，与猫的 “浅灰 / 橘色” 毛发形成和谐搭配；
   • 避免色彩：杜绝高饱和的红色、亮蓝色等刺眼色彩，减少黑色的大面积使用，用 “深灰蓝” 替代纯黑，保持画面柔和感。
3. 人物与动物设计：
   • 读者：仅呈现局部（如手腕、手部），不露出面部，避免人物形象分散对 “猫与暖手宝” 的关注，手部动作需自然轻柔（手指微曲，体现 “小心不打扰”）；
   • 流浪猫：参考文章描述的猫的外形（如橘猫、三花猫，或毛发略带凌乱的流浪猫形态），设计为 “蜷缩状”，尾巴轻轻环绕身体，眼神柔和（避免警惕或攻击性），让观者产生 “想呵护” 的共情。

（四）交付清单

1. 成品文件：封面插画（高清 JPG，标注 “《城市角落的治愈时刻》封面插画”）+ 内文插画 1 幅（高清 JPG，标注 “《城市角落的治愈时刻》内文插画”）；
2. 设计说明：说明 “插画如何还原文章的‘深夜书店场景’”“通过‘暖光 + 冷色对比’‘含蓄互动’传递治愈感”，为编辑撰写推文文案提供参考。

五、我的提示词

生成方法：

用豆包ai根据插画设计要求生成适用于whisk ai的提示词

封面插画提示词

"Create a horizontal illustration for a WeChat public account inner page (1080px×600px, 300dpi), style: light picture book style, delicate lines, soft colors. Scene: close-up of the corner of a bookstore bookshelf. Key elements: center of the picture, a reader's right hand (pale skin, wearing a light blue knitted cuff, fingers gently holding a light beige hand warmer with a small sun pattern) is about to put it down; below the hand, a small tabby stray cat (gray and white fur, ears slightly pricked, looking up at the hand with round eyes) curls up on a stack of thick books (book spines are brown and dark green). Background: blurred wooden bookshelf (with staggered books, some with slightly yellowed pages) to highlight the main interaction. Lighting: soft warm light from above the bookshelf, shining on the hand, hand warmer and cat, creating a faint halo on the cat's fur; the background is slightly dim, with low contrast. Color matching: hand warmer is light beige + light yellow, cat is gray + white, books are brown + dark green, reader's cuff is light blue. Details: the cat's front paw is slightly raised (as if reaching for the hand warmer), a few small book dust particles float in the light, and the hand warmer has a faint warm glow. Overall mood: gentle, quiet, intimate, focusing on the subtle interaction between humans and animals."

内文插画提示词

"Create a horizontal illustration for a WeChat public account inner page (1080px×600px, 300dpi), style: flat texture style, low contrast color blocks, slight texture on the surface. Scene: the same bookstore bookshelf corner as the previous illustration, but the reader has left. Key elements: center of the picture, the cat (from the cover illustration) is lying on the books, its head gently rubbing the light yellow hand warmer (the same one as the cover, with warm glow lines around it); the hand warmer is placed on a piece of white paper (with a few faint pencil marks, as if left by the reader); next to the hand warmer, there is a small red yarn ball (the cat's toy). Background: clear but not prominent wooden bookshelf, a small desk lamp on the top shelf (glowing warm yellow, illuminating the cat and hand warmer). Lighting: the main light source is the desk lamp, casting a soft warm shadow of the cat and hand warmer on the books; the rest of the shelf is in light gray (not dark), maintaining a soft overall tone. Color matching: cat is orange + white, hand warmer is light pink + orange, books are light brown + dark gray, desk lamp is warm yellow. Details: the cat's eyes are half closed (looking comfortable), a few strands of fur are scattered on the white paper, and the bookshelf has a small potted succulent (light green) on the side. Overall mood: peaceful, warm, healing, showing the continuation of kindness after the reader leaves."

六、交付插画

（一）《城市角落的治愈时刻》内文插画一

（二）《城市角落的治愈时刻》内文插画二