Lorem ipsum（簡稱為 Lipsum）是指一篇用于測試文章排版或字型效果的拉丁文文章，如果你要測試字體或排版效果可使用范例文章，通常會用來填充版面，有助于預(yù)覽實際顯示的效果。你可能會問：既然有測試用文字那有沒有測試用的圖片呢？占位圖片（Placeholder）能依照用戶需要的圖片尺寸大小產(chǎn)生對應(yīng)的圖片，可能是單色圖片、免費圖庫素材或基努利瓦伊照片。

本文要介紹的「Doodle Ipsum」是一個以涂鴉作為測試圖片產(chǎn)生器的在線工具，這些涂鴉看起來似曾相似對吧？我們在 Open Doodle、Open Peeps 都有介紹過，如果你想要更完整的素材，Blush 提供可在線調(diào)整及預(yù)覽、快速制作插圖素材的網(wǎng)站。

Doodle Ipsum 提供各種不同樣式的插圖素材，用戶可以在選擇樣式（或隨機）、指定大小比例和背景顏色后產(chǎn)生圖片鏈接，就能將產(chǎn)生的圖片運用在網(wǎng)頁開發(fā)原型、登陸頁面或是任何無代碼工具（No-code tool），例如擁有所見即所得效果的網(wǎng)頁編輯器。

Doodle Ipsum

網(wǎng)站鏈接：https://doodleipsum.com/

使用教學(xué)

開啟 Doodle Ipsum 網(wǎng)站主要分為左右兩個部分，左側(cè)是選項調(diào)整區(qū)，右側(cè)是圖片預(yù)覽。

從左側(cè)可以選擇不同的涂鴉插圖風(fēng)格，也能直接點選「Random」隨機產(chǎn)生，第二個字段是圖片大小比例，有 1:1、16:9、9:16、4:3 和 3:4 固定尺寸，也能選擇自動或自行填入需要的寬度高度。

還有一個可自定義插圖背景顏色的選項，默認(rèn)值是使用透明背景，也能隨機產(chǎn)生或固定顏色。

設(shè)定以后右側(cè)會立即產(chǎn)生圖片預(yù)覽，可以點選圖片上的「Shuffle」產(chǎn)生下一張圖。

透過下方的「Get URL」取得涂鴉插圖鏈接，就能將它用于測試或開發(fā)做為范例圖片。

如果你要以 HTML 程序代碼將圖片嵌入網(wǎng)頁，也可選擇另一個「Embed code」產(chǎn)生內(nèi)嵌代碼（這個功能會標(biāo)示插圖作者名稱）。

值得一試的三個理由：

• 以涂鴉插圖做為測試圖片產(chǎn)生器的在線工具
• 可選擇各種樣式、指定大小比例、背景顏色或隨機產(chǎn)生
• 取得圖片鏈接或是 HTML 嵌入程序代碼