設計風格詞條 3-53

手繪塗鴉風Doodle Style

也常叫做:塗鴉風、手繪風、Doodle

你可能會這樣說

品牌走親切路線,想要手繪線條、塗鴉插圖、像蠟筆畫出來的邊框,讓網站沒有距離感,但又怕做出來像小學作業。

白話解釋

塗鴉風的元素是歪歪的手繪線條:不規則邊框、塗鴉圖示、手寫感字體、紙張底色。它的目標是打破電腦的完美感,讓人覺得背後有個活生生的人。

關鍵在「亂中有序」:線條歪,但間距與對齊要守規矩;字體手寫,但大小層級照常分明。全部隨興,就會變成真的亂。

跟 AI 指定這種風格時,請它「邊框與圖示改手繪線條、加紙張紋理、字體選手寫感但保持中文可讀」。特別注意:手寫字體常缺繁中字,選用前要先確認。

親手試試

我的手作小舖開張了 ✏️
歪歪的邊框、微微的旋轉——像在筆記本上畫出來的。
逛逛看 →
我的手作小舖開張了
直線、直角、端正——乾淨,但沒有手作感。
亂中有序:線條歪,間距照樣守規矩;字體手寫感,層級照樣分明。
手寫字體常缺繁中字,選用前先檢查缺字。

那串怪數字(255px 15px 225px…)就是手繪邊框的秘方,再配一兩度的旋轉。

圖 3-53 歪邊框+小旋轉=手繪感;但間距與層級仍要守規矩。

這樣對 AI 說

中文就可以
請把這頁改成手繪塗鴉風:
邊框與分隔線改用不規則手繪線條,圖示換成塗鴉風線稿。
背景加米色紙張紋理,卡片像便利貼微幅旋轉一到兩度。
標題選一款支援繁中的手寫感字體,內文維持好讀的黑體。
滑鼠移過時線稿輕微抖動一下,做出手作感。

同一課的其他詞