- Irvinglab 爾文實驗室
- Posts
- 🚀 降低溝通成本是首要目標｜網頁內文選易讀性高的字體｜Canva 和 Adobe Illustrator 自動配色｜Figma 外掛神隊友｜產品創新線上課程推薦
🚀 降低溝通成本是首要目標｜網頁內文選易讀性高的字體｜Canva 和 Adobe Illustrator 自動配色｜Figma 外掛神隊友｜產品創新線上課程推薦
💎 科技工具分享 - 夢寐以求的 AB 測試軟體：VWO
Irving Chen
June 03, 2024
Irvinglab 爾文實驗室
六月已然開始，回顧前一個月會議爆滿，包含商業合作、諮詢和案子進行中、海內外的機會等，非常充實，收穫不少，不僅繼續打開眼界，也讓我再度驗證與驚奇：「會溝通的人，真的很會溝通！」
⚡️ 專案任務的進行，「溝通成本」應該是最容易被忽視的
身為 Agency，「時間成本」是首要優化的項目，而降低溝通成本 = 降低時間成本，很多時候執行面不是問題、能自行掌握節奏，但「溝通」牽涉到的是人，這得靠大量累積經驗、觀摩學習、自我省思與調整、過濾與篩選，然後漸入佳境。
而我發現有些人不是不會溝通，而是「不想溝通」或「懶得溝通」，導致專案停滯，小事變大事，大事變出事。
透過與各式各樣的人溝通，真的學到很多。
降低溝通成本 = 降低時間成本
🍎 若沒有特殊目的，網頁的內文字體我通常選易讀性高的為主
🍎 若沒有特殊目的，網頁的內文字體我通常選易讀性高的為主
選擇網頁字體若沒有什麼特別目的或限制的話，我會盡量選易讀性高（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 軟體真的每次開啟都要跑個數秒鐘，軟體有些臃腫，而本身就是線上而生的工具 Canva 開啟速度快、儲存與分享便利、隨時換一台電腦都可以使用，只能說各有優勢與使用情境。
🍎 兩家優質的 Figma Plugin 外掛開發公司，設計師的最佳隊友
長久以來發現有兩家專注打造 Figma 外掛的優質公司，一家是法國 divRIOTS，另一家是位於澳洲墨爾本的 Hypermatic
🎄 divRIOTS
簡介：製作更好的工具，以便設計人員和開發人員可以專注於重要的事情，並作為一個團隊進行協作。
不少外掛都是免費版就還夠用的，其中愛用款有 html.to.design - Convert websites to Figma designs，其可以將任一網頁轉成 Figma 可編輯檔，我有在這篇文章中介紹過：資深網頁設計師常用的 Figma Plugin 推薦
🎄Hypermatic
簡介：永遠不要派人去做機器的工作。少花點時間哭泣，多花點時間設計。
會發現它只要是這款可以直接優化並輸出網頁圖片的 TinyImage Compressor，用起來超方便，可以簡化執行流程、降低時間成本。多合一的付費版可以一口氣使用更多的其他外掛，費用會是一筆不小的成本。
非常欣賞這家兩家公司打造出多款真的有解決設計師通點、工具品質優良的 Figma 外掛，值得觀摩與效法。
🎄 產品創新：線上課程推薦指數 ⭐️⭐️⭐️⭐️
課程概要：了解怎麼執行使用者需求分析，知道該如何定義好自己的目標族群（TA），怎麼找到產品定位與價值主張，了解成功的產品具備的關鍵要素有哪些，將產品思維、使用者思維、商業思維整合在一起，找到 Product Market Fit（PMF，產品與市場相契合）
☕️ 科技工具分享 - VWO
Irving 爾文會在每次分享電子報時分享一個我正在使用或精選蒐藏的軟體工具，包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。
設計 Design
VWO：這款是我夢寐以求的 AB Testing 主流軟體，其功能的專業程度與順暢度相當高！可以先用免費試用三十天，有提供免費版和付費版，免費版可以當作小試身手，若專注在網站轉換率搭配大量測試各種設計與文案版本測試則可以考慮升級為付費版本。官網著名客戶有 Disney、Amazon、iPROSPECT、SimilarWeb 等
若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^
Teamwork makes the team work
🎄 Line 學習社群
Shopify 網站設計與架站學習交流
分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。
WordPress 網站設計與架站學習
學習 WordPress 網站設計與架站，分享實作經驗與交流。
SEO 資源彙整與學習
閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。
成為網頁設計師
邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
Learning by Reading → Learning by Doing → Learning by Sharing
Irving 爾文
專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。
#藝術 #設計 #科技
★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等
➤ 聯繫方式：Line 官方帳號 | Channel 線上交談
➤ Email：[email protected]
降低資訊落差，幫助所有人做出最佳判斷，符合現階段的需求與成本考量
Reply