🚀 降低溝通成本是首要目標｜網頁內文選易讀性高的字體｜Canva 和 Adobe Illustrator 自動配色｜Figma 外掛神隊友｜產品創新線上課程推薦

分享跨領域實戰經驗，探討如何透過精準設定 Shopify 內建 GA 和 Facebook 像素，降低溝通成本，並運用易讀字體與自動配色工具優化網站內文。此外，深入解析 Ahrefs SEO 國際研討會亮點及 Daily.dev、Web Designer Depot 等資源，並推薦夢寐以求的 AB 測試軟體 VWO，助你在數位行銷中打造獨特品牌價值，實現持續成長。

💎 科技工具分享 – 夢寐以求的 AB 測試軟體：VWO

六月已然開始，回顧前一個月會議爆滿，包含商業合作、諮詢和案子進行中、海內外的機會等，非常充實，收穫不少，不僅繼續打開眼界，也讓我再度驗證與驚奇：「會溝通的人，真的很會溝通！」

⚡️ 專案任務的進行，「溝通成本」應該是最容易被忽視的

身為 Agency，「時間成本」是首要優化的項目，而降低溝通成本 = 降低時間成本，很多時候執行面不是問題、能自行掌握節奏，但「溝通」牽涉到的是人，這得靠大量累積經驗、觀摩學習、自我省思與調整、過濾與篩選，然後漸入佳境。

而我發現有些人不是不會溝通，而是「不想溝通」或「懶得溝通」，導致專案停滯，小事變大事，大事變出事。

透過與各式各樣的人溝通，真的學到很多。

❝

降低溝通成本 = 降低時間成本

Irving 爾文 – Irvinglab 爾文實驗室

🍎 若沒有特殊目的，網頁的內文字體我通常選易讀性高的為主

🍎 若沒有特殊目的，網頁的內文字體我通常選易讀性高的為主

選擇網頁字體若沒有什麼特別目的或限制的話，我會盡量選易讀性高（Readability）且粗細（Font Weight）層次較多的來使用，這樣應用在視覺設計排版上能有較多變化與組合，在網頁執行和維護上也比較方便。

🎄 字體粗細 Font Weight 的「值」與對應「名稱」

100 – Thin / Hairline
200 – Extra Light / Ultra Light
300 – Light
400 – Normal / Regular (預設)
500 – Medium
600 – Semi Bold / Demi Bold
700 – Bold
800 – Extra Bold / Ultra Bold
900 – Black / Heavy

🎄 案例探討

我遇過一個英文網站的案例（非中文），就是客戶的品牌規範原本設定的「網頁內文字體」不太容易閱讀，看著看著眼睛相當吃力，此時若堅持依循「品牌規範」顯然不是最佳結果。

品牌規範是可以更新並隨著時代與時俱進的，若發現有優化的空間，應該要進一步更新。

🎄 參考資料

以上是個人觀點，若你有其他想法可以隨時分享討論喔～

🍎 Canva 製作設計圖時，自動配色功能相當好用，隨套即用；而 Adobe 在自動套色應該沒有對手

Canva 製作設計圖時，自動配色功能相當好用，隨套即用；而 Adobe 在自動套色這方面應該沒有對手

無論是使用 Canva 快速做圖或尋找靈感，這 Canva 內建的自動套用色系的功能省下我不少一個一個套色的時間，雖然不是第一次用，但每次使用時都覺得神奇。

Adobe Recolor

在 Adobe Illustrator 更不遑多讓，Recolor 和 Generative Recolor 不僅可以直接讀取其他圖片的色系也可以用生成式 AI 產生各種指令下的顏色，選擇更加多元。

官方簡介影片：Adobe Illustrator Recolor Artwork Sneak Preview | Adobe Creative Cloud

只是 Adobe 軟體真的每次開啟都要跑個數秒鐘，軟體有些臃腫，而本身就是線上而生的工具 Canva 開啟速度快、儲存與分享便利、隨時換一台電腦都可以使用，只能說各有優勢與使用情境。

🍎 兩家優質的 Figma Plugin 外掛開發公司，設計師的最佳隊友

長久以來發現有兩家專注打造 Figma 外掛的優質公司，一家是法國 divRIOTS，另一家是位於澳洲墨爾本的 Hypermatic

🎄 divRIOTS

網址：https://www.figma.com/@divriots

簡介：製作更好的工具，以便設計人員和開發人員可以專注於重要的事情，並作為一個團隊進行協作。

不少外掛都是免費版就還夠用的，其中愛用款有 html.to.design – Convert websites to Figma designs，其可以將任一網頁轉成 Figma 可編輯檔，我有在這篇文章中介紹過：資深網頁設計師常用的 Figma Plugin 推薦

🎄Hypermatic

網址：https://www.figma.com/@hypermatic

簡介：永遠不要派人去做機器的工作。少花點時間哭泣，多花點時間設計。

會發現它只要是這款可以直接優化並輸出網頁圖片的 TinyImage Compressor，用起來超方便，可以簡化執行流程、降低時間成本。多合一的付費版可以一口氣使用更多的其他外掛，費用會是一筆不小的成本。

非常欣賞這家兩家公司打造出多款真的有解決設計師通點、工具品質優良的 Figma 外掛，值得觀摩與效法。

🎄 產品創新：線上課程推薦指數 ⭐️⭐️⭐️⭐️

產品 x 創新：從需求洞察到產品策略

課程概要：了解怎麼執行使用者需求分析，知道該如何定義好自己的目標族群（TA），怎麼找到產品定位與價值主張，了解成功的產品具備的關鍵要素有哪些，將產品思維、使用者思維、商業思維整合在一起，找到 Product Market Fit（PMF，產品與市場相契合）

☕️ 科技工具分享 – VWO

Irving 爾文會在每次分享電子報時分享一個我正在使用或精選蒐藏的軟體工具，包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。

設計 Design

VWO：這款是我夢寐以求的 AB Testing 主流軟體，其功能的專業程度與順暢度相當高！可以先用免費試用三十天，有提供免費版和付費版，免費版可以當作小試身手，若專注在網站轉換率搭配大量測試各種設計與文案版本測試則可以考慮升級為付費版本。官網著名客戶有 Disney、Amazon、iPROSPECT、SimilarWeb 等

🚀 預約諮詢：網站設計與建置＋內容 SEO 優化

若你有 Shopify 電商網站或 WordPress 品牌形象、部落格設計與建站的需求，可以前往填寫表單預約諮詢。Irvinglab 爾文實驗室是一家深度經驗的網頁設計公司，專注打造 Shopify 和 WordPress 網站以及提供 SEO 優化與內容規劃的服務。若想進一步了解服務內容，可以加入 Irvinglab 爾文實驗室的 Line@ 官方帳號留下訊息給我們。