一笔一画都充满温度！日本插画家山内庸资：以简约线条和疗愈构图，描绘城市的美好日常

曾为 2024 年屏东落山风艺术季现地制作《风城的女孩和猫》、《风城的人们》等装置作品的日本插画家山内庸资（Yamauchi Yosuke），以简约线条与可爱构图为特色，作品自然流露出温暖疗愈的氛围，近期也有 2 件创作于濑户内艺术祭和屏东看海美术馆亮相。

他的插画常见于各种品牌与场合，其中最具代表性的则是「似颜绘」创作，他擅长描绘表情放松的人物与细致流畅的物件，展现出独特而亲切的绘画风格。

以「似颜绘」作为城镇与艺术的催化剂

日本视觉艺术家山内庸资，以插画师为主要职业，近年来也积极参与并规划地域性展览。山内自 2014 年启动名为「FACESHOP」的企划，不仅亲自走访日本多座城市，更创作近千幅似颜绘。

他透过绘画的方式，将所遇之人的样貌与当时的心情结合，创作出一幅幅风格简约却充满温度的作品。2016 年，山内更首次造访日本以外的亚洲城市，把 FACESHOP 企划带到更远的地方。

作品现身看海美术馆、濑户内艺术祭

到了 2024 年，于屏东县车城乡举办的落山风艺术季，也邀请到山内庸资现地创作，并由他策画「似颜绘屋绘画行动」，透过现场绘画的方式，捕捉 50 名当地海口村村民的微笑，并湛蓝如海洋般的货柜屋中，展出他们动人的生命故事。

在这期间，山内更透过从走访乡镇、与居民互动中产生的灵感，制作了 3 座街区艺术作品「风の町の男性と猫（风城的男生和猫）、风の町の猫（风城的猫）」，以及大型气膜「风城的女孩和猫（风の町の女の子と猫）」，从他的作品中流露出温暖而正向的气息，而「风城的女孩和猫」也即将在 4/25 开幕的看海美术馆户外展「怪兽代班」再次亮相。

近期，他也参与了 2025 濑户内艺术祭，并于小豆岛坂手港露台（小豆岛さかてらす）创作了壁画、窗贴与招牌设计。这些作品的谬思来自于当地居民经常举办的酒会与音乐会，绘制著居民载歌载舞的欢乐画面。山内希望透过这些插画，建立岛上居民与来访旅客之间的连结。

除了似颜绘之外，山内也曾为安藤忠雄设计的「神户童书森林」绘制书架标志与网站设计，并和日本品牌 MUJI、《纽约时报杂志》和台湾市集「森之市」等品牌合作插画。

山内的作品涵盖书籍、杂志、主视觉、品牌识别、包装设计等领域，也曾于 2015 至 2021 年间获得数次 Good Design Award 大奖，他以日系、简约的绘画风格深植人心，也期待未来能在更多不同场合或城市，持续与山内的疗愈插画创作相遇。

专栏人物介绍
版块设计 Block Studio 创办人暨设计总监，自实践大学媒体传达设计系毕业后，即成立版块设计。深耕设计领域逾十年，密切关注国内外网站趋势，并梳理成自身观点赋予新的定义与规范，持续透过作品、社群媒体与大众互动，引领台湾网站动态特效领域发展及数位设计产业。曾任金点概念设计奖评审委员、台湾数十间大专院校设计系所评审及商业演讲讲者；擅长网站动态特效、介面设计、品牌识别、3D 动画等多元设计，经典作品曾获国内外设计奖肯定，涵括德国设计奖、AWWWARDS、台湾金点设计奖，作品代表有台湾设计研究院线上简介、可不可熟成红茶、总统聊天室、RAW、高雄流行音乐中心、台北流行音乐中心等。

为什么设计师越来越在意「氛围」？

你是否有过这种经验：一打开网站，还没读到内容，心里就浮现出「这个品牌感觉不错」的直觉。这种「氛围感」早已取代过去单纯讲求资讯架构或设计美感的网页标准。当画面样式与字型选择都日趋一致，真正能让人记得的，往往是明确强烈的视觉、互动的节奏、物件进场的方式，或某段滚动时的情绪节点。当网站加入动态特效时，品牌就不再只靠 Logo 与色彩，而是靠网站整体的体感来说话，在最短的时间内传达出品牌的个性与故事，让使用者感受到一种与众不同的体验。

因此，越来越多设计师从「做出好看的画面」转向「如何让画面在对的时候、用对的方式出现」。这代表一种创作观念的转向，数位设计师不再只是静态排版者，而是网站节奏的导演，是数位情绪的建构者。

「网站不是页面，而是一种氛围体验，一种能让人记得的感觉。」

NoCode 与感性设计的交会点

当设计师希望掌控节奏与氛围，却又不擅长撰写程式，NoCode 工具自然成为关键解方。近年国际上的主流 Webflow、Framer、Readymag 等平台提供了视觉化的编辑介面，让设计师可以透过拖曳、参数设定，就能完成切版、动态、互动等程度。这类工具更可以让设计师「不用碰程式」也能参与网站的体感建构。这样的进展让设计师从单纯设计稿，开始介入到页面开发建构、动态节奏安排、特效互动选择的策略。

NoCode 解放的不是技术，而是让设计师「脑中的感觉可以被制作出来」。这也是我开设 Webflow 动态网页线上课程 的初衷，希望能将这种「设计师也能掌控互动」的创作模式，变成可复制的学习流程，让更多非工程背景的创作者也能主导网站的氛围节奏。

而当这些工具已经让设计师能够做出基础的氛围调性，下一个问题就出现了：那更复杂的互动效果与逻辑，设计师还能掌控吗？

Vibe Coding : 以「感觉」为中心的程式创作

这时候就是 Vibe Coding 出场的时候了！

程式设计过往被视为工具，但现在进入了「感受导向」的创作阶段。Vibe Coding 并不是一种语法，也不是某个技术框架，而是一种新的创作逻辑。设计师透过自然语言与 AI 对话，把「我想要图片会根据滑鼠游标位置移动」这种「情境描述」转换为具体可执行的语法片段。

指标性的 AI 工具众多，像是 ChatGPT、Claude、Grok…等。我擅长使用 Claude.ai 来协助我设计制作，因为 Claude 除了写作能力强以外，它也非常擅长撰写程式。只要透过 Vibe Coding 这种自然语言的描述，Claude 就能回应我完整程式语法 Demo，且还能够下载。我将这些动态互动程式放入进 Webflow，接着调整更多动态细节、版型…等，改变了原本「设计想法完整 → 工程师实现」的线性工作流程，让一场设计逻辑的转变正在发生。

MCP 与 AI 协作：从语法到设计流程的共创

Vibe Coding 的真正潜力是搭配 MCP (Model Context Protocol) 协定，成为你的共同编辑者。

在我使用 Claude 的过程中，语法生成的体验非常直觉，但仍需我手动将语法放入 Webflow，调整节奏、控制触发条件。这让我开始思考：如果 AI 能读懂我现在正在设计的画面、理解元素的层级关系与使用者流程，它是否能自动判断应该套用哪些语法、在哪里出现？

这正是 MCP 正在实现的方向。它是一种让 AI 能够「看懂上下文」的开放协定。当 AI 能读取设计工具中的元件架构、页面状态，甚至使用者体验流程图，它就不再只是被动接收指令，而能主动协助设计决策与技术实作。从「生成语法」到「理解脉络并协作建构」，是 Vibe Coding 未来真正强大的潜力点，设计师将成为节奏与氛围的导演，而 AI 会成为可沟通、能理解场景的协作编辑伙伴，让「感觉、氛围」也可以系统性建构。

NoCode 不是终点，而是感性创作的起点

过去，NoCode 常被视为降低技术门槛的解法，但当它结合 Vibe Coding 生成式 AI，让设计师得以参与「感觉控制」，就像是一场感性觉醒，让设计师从平面走向时间轴，从画面走向氛围，从设计者成为叙事导演。

我们不一定要会写程式，但我们需要会「调整 Vibe」。这股新趋势是一种设计角色的进化，让这个时代持续检视领域中各种角色的边界与可能性。