电商详情页设计：冰淇淋产品页的视觉策略
文章探讨冰淇淋产品电商详情页的设计策略，建议每个模块使用一种主风味色以引导用户，通过圆形拼盘展示多口味，利用波浪形高饱和色块增加页面高潮。结合GPT提示词，强调高品质视觉和结构严谨性，打造既活泼又有序的详情页。
相关文档
How fonts can sound
文章探讨了字体与音效之间的跨模态对应关系：大脑会自然地将声音、形状等不同感官体验联系起来，高细音对应轻盈锐利的形态，低沉音对应厚重圆润的形态。作者指出音效设计不能机械匹配字体特征，而要结合字体在屏幕上的动画方式（速度、方向、节奏）来选择声音。文中提出一个简单框架：先解读字体特性，再观察动画运动，最后选择同时支持二者的音效。好的音效设计能赋予视觉重量感与真实感，提升整体沉浸感，让观众感受到动画而非仅仅看到动画。
电商详情页设计：三列布局与高级视觉呈现
文章探讨了电商详情页设计的常见误区，建议采用三列布局将用户问题拆解，提升页面的专业感。左列展示产品与口感，中列解释成分与功效，右列对比差异与风味。通过统一的标题、图标和留白系统，保持旗舰级视觉效果。同时提供了生成高端茶饮品牌详情页的详细提示词。
Claude 改版为什么激怒了忠实用户？品牌升级里，最忌讳动这 3 样东西
文章分析 Claude 桌面端改版引发老用户不满的原因。作者认为设计团队追求工整规范，却抹掉了产品的独特质感。作者总结品牌升级三大禁忌：一是动了用户已习惯的感官直觉，把有辨识度的个性误当不规范，导致产品同质化；二是用内部生产效率代替用户实际收益，只强调3周快速上线却未说明对用户的具体好处；三是把'做出来了'当成'证明有效了'，缺乏真实任务中的行为数据验证。作者提出改版前应自问：用户心中的感官词是否被磨平、新收益能否覆盖学习成本、哪些特色必须保留。真正的升级是修掉硬伤、留住特色。
手把手教你用AI逆向现实世界，把一切改成自己喜欢的样子
文章介绍了用AI Agent（如Claude Code、Codex）逆向和改造现实电子设备的新玩法。作者通过实例展示了如何让AI清理公司会议室电视的开机广告并重做简洁桌面、逆向补光灯蓝牙协议开发统一灯光控制台、以及打造多机位相机控制台。只需把需求和设备信息交给Agent，跟着提示一步步操作，小白也能完成硬件改造。作者引用《设计心理学》理念，指出AI正在降低个性化改造设备的门槛，让普通人从产品使用者变成参与设计者，哪里不爽改哪里。
手绘 Skill 新增非遗皮影风格：唐山皮影 FE-068
手绘 Skill 库发布新画风 FE-068（传统编号 #366）——唐山皮影，属于新国风与非遗分类。该风格将非遗皮影'以刀代笔、以光为骨'的美学转译到生图体系：刀刻镂空的负空间轮廓、半透皮质背光透射的剧场感、关节缀结的程式化角色，并基于 36 色库构建色彩骨架。文章展示了折子戏角色、民俗文创等实测出图效果，并列举五大商业落地场景：新中式茶饮包装、文旅非遗联名文创、国潮美妆香氛、咖啡烘焙空间、节庆礼赠食品。文末提供提示词调用公式及 Skill 安装更新方法。
长文封面，到底要不要加文字？
作者探讨了长文封面是否应该添加标题、关键词等文字的问题，核心观点是「先不加文字」。通过分析 Yino、反向的猫、南风窗、半佛仙人、新世相等优秀账号的封面设计，说明无文字封面能提供标题之外的感受空间、形成视觉识别锚点。文章结合 Roland Barthes 的图文互文理论、Lippmann 的拟态环境以及认知心理学的冗余效应，论证重复文字会增加读者的注意力负担。同时指出例外情况：抖音、小红书等平台封面文字承担定位内容的功能。最后建议读者探寻属于自己的封面风格，并推荐了 Punk 的封面 Skill。
ChatGPT 这个更新被严重低估了：10 个最具代表性的 Intelligent UI 玩法（附提示词）
文章介绍了 ChatGPT 的 Intelligent UI 功能，该功能可在回答中直接生成可点击、可拖动、自适应的动态交互界面，实现“内容即交互”。作者梳理了官方的 4 种用法（探索想法、创建工具、学习概念、调整回答），并整理了 10 个代表性玩法及可直接复制的提示词，包括背单词卡、口语陪练、折纸教程、AA 分账、学规则、小游戏、旅行规划、商品对比、聚餐菜单、穿搭灵感板等。作者认为软件将走向“一次性”，固定界面的小工具将受冲击，学习与交互方式都会发生变革，且该功能免费用户即可使用。
想让网页动起来，读这 9 篇：交互、像素艺术与 HTML 动画
作者尖沙咀小霸王精选了九篇关于网页动效的中文 X 长文进行推荐。内容涵盖 Punk 的动效词典（上中下三篇），系统讲解缓动、滚动叙事、鼠标交互、按钮反馈等动效术语与制作方法；爻火基于 Omarchy 拆解的 21 种像素 Logo 动效；Punk 的前端设计工作流与视觉词典，覆盖页面布局、结构与整体风格描述；Russell 的 PPT as Code 演示文稿方案；以及万象 AI 实验室用 HyperFrames、GSAP 将长文转化为手绘动画的方法。文章旨在帮助读者用准确的语言描述动效需求，提升网页设计的表现力。
小程序怎么才好用？15个交互名词看图懂
文章以模拟的Punk咖啡馆点单小程序为例，图文讲解15个常见交互名词：导航栏、TabBar、页内Tabs、卡片、单元格、按钮、点击热区、表单校验、选择器、轻提示、对话框、操作面板、骨架屏、空状态与错误状态、无障碍。沿“选咖啡→选规格→加入购物袋→确认订单”的完整点单路径，说明每一步页面应有的回应，如选中状态、数量与总价更新、加载与失败提示等。最后强调提交后要区分等待、失败和结果不明三种情况，结合服务端幂等防止重复下单，并给出用AI按业务补齐交互的模板。
为什么你的图总有一股“AI味”？因为你少写了一层视觉载体
文章探讨了AI生图常带“AI味”的根本原因：角色漂浮在数字虚空中，缺乏“视觉载体”（Visual Format）。作者剖析三大病灶：无边界感、无功能动机、信息层次塌陷，并区分风格、载体与输出规格三个概念，提出“商业完成度=主体×风格锚点×视觉载体”的公式。视觉载体通过语境世界观、触觉通感和强制留白来消解塑料感。最后给出三条工程心法：载体前置、描述物理结构、留白策略，帮助创作者从“画画的人”转变为“视觉导演”。
小程序前端怎么设计？拆解8种类型的页面重点
文章以社群小程序开发为背景，通过分析快递100、国家博物馆、优衣库、小宇宙、星巴克、影视飓风等真实案例，拆解了8种常见小程序类型的页面设计重点。每类小程序用户目标不同，页面布局与交互重点也不同：工具服务型要突出办事入口，预约服务型要说明日期、时段与名额的依赖关系，零售电商型需支持找货与比较，内容消费型要平衡发现与播放控制，餐饮点单型要确认门店与履约方式，教育学习型需区分找课与继续学习。文章还结合功能宫格、空状态、SKU、迷你播放器等概念，总结了视觉顺序、布局方式、状态区分与操作反馈等前端设计要点。
把游戏设计里的631原理，转化成可以复用的提示词结构
文章介绍了源自游戏美术与场景设计的631原理（60%空间基底、30%叙事陈设、10%视觉锚点），并将其迁移到AI图像与视频生成中。作者通过车站、霓虹街区等多个AI生成对照案例，讲解如何在配色、光照、细节密度上建立视觉主次关系，避免画面杂乱无焦点。文章还结合《布达佩斯大饭店》《沙丘》《寄生虫》等电影场景，拆解空间底盘、人物生活、剧情重点三个功能层次，最后给出可直接复用的场景提示词结构模板，帮助读者写出有主次、易调整的文生图提示词。
