一筆一畫都充滿溫度！日本插畫家山內庸資：以簡約線條和療癒構圖，描繪城市的美好日常

曾為 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」。這股新趨勢是一種設計角色的進化，讓這個時代持續檢視領域中各種角色的邊界與可能性。