iiinova — where your digital self keeps evolving

設計師勞哥 💻✏️ @maylogger.com · 27/09/2026

① 如果你使用 iPhone、MacBook Pro 或更高級的 XDR 螢幕，使用 26 版本以上系統會看到「比白色還亮」的 HDR 文字跟特效！ ② 網站已經 agentic 化。每一頁都提供「使用 AI 了解」，可以直接把目前正在看的內容交給 AI 詢問 ③ 因為你使用的 AI 已擁有你的工作記憶與了解你的背景，所以它更能幫助你理解 SOTA，甚至能協助你怎麼跟 SOTA 合作，推薦你試試看！

110

設計師勞哥 💻✏️ @maylogger.com · 27/09/2026

我們做過的案子橫跨知名媒體、能源、行車、教育、金融、政府系統，因此重新定位：我們不是一般印象的網頁設計公司，我們能夠服務更頂尖的需求當台灣的硬體已經走向世界頂尖台灣的軟體，也應該跟上世界等級目前 SOTA 官網其實只完成了大約 20% 先寫了兩篇關於 Live Design™ 與設計理念的文章比較嚴肅這邊先不提大家可以親自過去看看（之後還會繼續寫）服務細節、客戶回饋，以及更多內容都還沒完成接下來也會慢慢補上雖然如此，這個小小的官網裡已經放進了一些你可能沒見過的新巧思：

110

設計師勞哥 💻✏️ @maylogger.com · 27/09/2026

設計工作室 SOTA™ 官網上線 sota.design 重新定位 SOTA 是一家專注於大型網站與數位產品以先進技術實現創新介面的設計公司近幾年來，我們漸漸從「官網設計」轉向「系統設計」因為我們發現，在台灣很少有團隊專攻優雅的系統設計只要談到系統、後台、純文字內容…… 很多時候就是「有就好」或交給系統供應商、後端工程師「簡單處理」而大部分的網頁設計公司似乎也不太喜歡設計「系統」但其一直有許多潛在客戶等待著更好的設計服務

110

設計師勞哥 💻✏️ @maylogger.com · 28/07/2025

精華片段：Figma AI 的建議使用者命名會不會太強？笑死我銀髮狂徒！！！

011

設計師勞哥 💻✏️ @maylogger.com · 05/07/2025

🔴 直播預告【設計分享】入門到入坑 UI 設計配色 7/7 週一晚上八點，《設計師勞哥》直播直接告訴你 UI 配色的秘密數值，讓你沒兩下就能做出清晰、又能有個人特色的介面的配色。 ⚠️ 本直播分享完全免費觀看，若要看重播存檔，則需要訂閱會員 77 元才能看，請把握直播時間！！！

031

設計師勞哥 💻✏️ @maylogger.com · 01/07/2025

🔴 直播預告【設計分享】 AMA 網頁設計閒聊今晚的直播《AMA 網頁設計閒聊》是固定在每次入門到入坑的隔天，沒有限制主題的閒聊時間。大家可以利用 AMA 聊聊昨天的直播、有什麼想法，或是有更進一步的討論都歡迎來直播聊聊。今天也剛好 Threads 達到 7000 追蹤 🎉～～感謝大家支持我一直分享。無論追蹤的您，是否為網頁設計愛好者？還是 UIUX 轉職中？往後都希望能有多點互動，讓美勞哥知道大家需要什麼，持續不斷地分享有用的資訊。晚上八點見 www.twitch.tv/may_logger

000

設計師勞哥 💻✏️ @maylogger.com · 23/06/2025

想學習網頁設計與UIUX嗎？虛擬設計師勞哥正持續進行「禮拜一入門到入坑」固定1-2小時的完全免費初階設計入門分享，適合完全沒有接觸過網頁設計的新朋友！！最新的時間安排如下： - 6/30 【入門】 HTML / CSS - 7/7 【入門】 UI 設計配色每次的入門到入坑直播，隔天週二都會有 AMA 設計閒聊，全部都是晚上八點唷！附帶一提 6/23~6/29 這一週的時間會暫停直播活動，因為太忙了～～～～ 🥺

020

設計師勞哥 💻✏️ @maylogger.com · 20/06/2025

🔴 直播公告《勞哥你也會犯這種錯？可憐！》分享一些接案路上犯過的錯，如果你也想聽聽，八點見。 www.twitch.tv/may_logger

000

設計師勞哥 💻✏️ @maylogger.com · 09/05/2025

勞哥的 Threads 突破 6000 粉絲追蹤了！感謝也歡迎你的加入 👋 www.threads.com/@maylogger_d...

020

設計師勞哥 💻✏️ @maylogger.com · 04/04/2025

🔴 【突發分享】 2025/4/4 新手接案方法今天不做網頁而是聊接案，下午 5:00 - 6:00 將會直播分享，如果你想要獨立接案該怎麼進行第一個案子呢？報價有行情嗎？價格太低吃不飽、報太高沒人要？合約怎寫呢？分享一些超基本小知識，我們直播見嘍！！！ www.twitch.tv/may_logger

020

設計師勞哥 💻✏️ @maylogger.com · 31/03/2025

你各位還不快下單？❌ --- 我只丟了一張人設圖請它生黏土人 ChatGPT 竟然知道要弄模型跟配件 😆😆😆

120

設計師勞哥 💻✏️ @maylogger.com · 14/03/2025

各位同學，今天勞哥又要繼續分享超初級網頁設計嘍！！！應該會有很多人來看唷～～～ 4:00 - 5:00 複習上次教的 5:00 - 6:00 HTML 基本標籤教學 6:00 - 7:00 閒聊我們直播上見嘍！！ twitch.tv/may_logger

020

設計師勞哥 💻✏️ @maylogger.com · 21/02/2025

我的好友羅申駿 JL 認為設計是解決問題的能力，人人皆可學習，從設計思考出發，應用於各種專案與生活中。設計不僅關乎美感，更在於創意解決現實問題，改變現實。設計師勞哥曾與 JL 合作，從中學到了許多寶貴經驗。現在，JL 準備將其 18 年設計心法濃縮成一堂課《問對問題，設計你的解決方案》，這是他人生中的首次公開課，毫無保留的分享，可能也是最後一次。我非常期待這堂課，並邀請大家一起參與，共同探索設計的無限可能。課程連結： bit.ly/4hMR0tJ

010

設計師勞哥 💻✏️ @maylogger.com · 19/02/2025

🔴【重大告知】設計師勞哥 Twitch 網頁設計直播，即將在3月7日有個全新的開始！虛擬設計師勞哥 VTuber 今年也在實踐大學擔任講師，對於 2025 新學期，勞哥準備了一系列與網頁設計相關的直播內容，為「學生」與「新手」分享最基礎的網頁設計知識。從 2025/3/7 開始，每週五下午 4~6 點，在 Twitch 上免費直播，不只是為了學分修課的學生，所有人都可以一同參與、學習、分享。期待今年也能和大家一起度過有趣的學習旅程！有興趣的人也幫我分享給有興趣的朋友們～～～～歡迎追蹤我的頻道《設計師勞哥》 twitch.tv/may_logger

120

設計師勞哥 💻✏️ @maylogger.com · 17/02/2025

🔴⚠️ 【直播公告】設計師勞哥本週相關的直播都會暫停一週唷。除了工作較為繁忙以外，主要因為加上租用了新的設計直播工作室，會有比較多搬遷的工作，因此暫停直播一週。

040

設計師勞哥 💻✏️ @maylogger.com · 12/02/2025

老實說我每月都會去一個心靈聚會票價也不便宜早鳥大概1200 活動沒有錄影因此很神秘內容不見得適合所有人但我可以透露一些細節聚會每個人都可以報名上去講十分鐘講的過程大家可能會拍手 Live demo 成功要拍手失敗更要大力拍手分享後台上台下都像著魔一般莫名地非常有熱情交換 AI 應用相關的心得我下禮拜還會再去我的心靈絕對需要 Generative AI 年會小聚

030

設計師勞哥 💻✏️ @maylogger.com · 06/02/2025

身為一位設計師，我發現 AI 不是要取代我們，而是讓我們更強。不管是找靈感、生成提案、做更聰明的設計決策，AI 都已經滲透進設計流程了。但問題是，AI 工具一直在變，怎麼跟得上？最近我試了有點猛的老朋友搞的東西——李慕約的 365 AI 訂閱，它不是在教那些已經過時的 AI 技術，而是幫你挑「現在最好用的 AI 工具 + 最新趨勢」，然後直接教你怎麼用。透過學習、了解後，我可以 ✅ AI 生成 Moodboard & 找靈感 ✅ 文案生成 & 改寫提案 ✅ AI 輔助 UX 研究整理訪談、競品分析 ✅ 自動生成快速 mockup （下篇續）

130

設計師勞哥 💻✏️ @maylogger.com · 05/02/2025

T-shirt 圖案製作我本人就是小型語言模型 #直播精華

050

設計師勞哥 💻✏️ @maylogger.com · 02/02/2025

大家知道 sidebar.io 復活了嗎？ Sidebar 曾經是所有 UIUX 玩家必看的日報每天給你五個最重要的連結但他在2024年6月宣布結束直到最近由另一位熱心仁兄接手復活了大家必訂閱必看

041

設計師勞哥 💻✏️ @maylogger.com · 28/01/2025

上次來看直播的都有領到我的虛擬紅包吧？！😆😆😆 恭喜發財！🧧🎉

010

設計師勞哥 💻✏️ @maylogger.com · 27/01/2025

🚀《AI 酸民護盾》正式上架 Chrome 線上應用程式商店安裝後記得先去此擴充元件的設定介面，填寫你的 Open AI Key 唷～～～按下酸民護盾，模擬一位網路酸民、針對網頁內容進行酸言酸語的批評。特別有用的地方就是先針對自己的發言，自動產生可能會遭受什麼樣的批評。並且能夠按下「分析與建議」的功能，提供如何面對這樣的酸民的建議與回文方式。只要你看過 AI 扮演的酸民之後，就不會對真正的酸民有任何感覺了。另外也可以去設定頁面把酸民改掉，改為幫你總結網頁的內容，或是把網頁的內容變成一首歌曲或笑話等，都隨意您修改使用。安裝網址： bit.ly/4ay3Eds

000

設計師勞哥 💻✏️ @maylogger.com · 26/01/2025

千萬別去找以前勞哥露臉的影片因為...

020

設計師勞哥 💻✏️ @maylogger.com · 24/01/2025

🔴 直播開始【設計分享】新年找新工作，來看看有哪些 UIUX 的工作？歡迎來一起聊天直播網址： twitch.tv/may_logger

110

設計師勞哥 💻✏️ @maylogger.com · 17/01/2025

完成啦！！！線上觀看 my.spline.design/mayloggeraik...

000

設計師勞哥 💻✏️ @maylogger.com · 17/01/2025

🔴 直播預告【設計分享】 Spline 再做一把新的 AI 專用鍵盤前幾天勞哥分享了一把 AI 開發者概念鍵盤，這是用 spline.design 這個超方便的平台製作的，非常的有趣且簡單。今天想要做第二把鍵盤。有興趣的人可以一起來看看怎麼做的唷！直播頻道 twitch.tv/may_logger 今晚 8:00PM 開播！

000

設計師勞哥 💻✏️ @maylogger.com · 12/01/2025

我的 Threads 今天會破 3000 嗎？ www.threads.net/@maylogger_d...

030

設計師勞哥 💻✏️ @maylogger.com · 10/01/2025

🔴 直播預告【遊戲時間】原價屋組電腦線上遊戲 NVIDIA RTX 5090 配單今天要準備組一台可以搭配 5090 的電腦，各位勞力士可有建議？！等等 4:30 開播直播連結 buff.ly/4hMqv8i

000

設計師勞哥 💻✏️ @maylogger.com · 03/01/2025

2024 WebConf Taiwan 設計師勞哥的投影片釋出！完整 PDF 連結在此 bit.ly/2024webconf-...

040

設計師勞哥 💻✏️ @maylogger.com · 31/12/2024

祝福大家在 2025 年充滿希望與動力，新年快樂！

1100

設計師勞哥 💻✏️ @maylogger.com · 28/12/2024

X的今天中午要輪到我了好緊張我是不是台灣第一個用虛擬角色在現場 Live 做技術分享的人？？？ #WebConf2024

020

設計師勞哥 💻✏️ @maylogger.com · 27/12/2024

搞定網路線 PoE 供電+ AES67 網路音訊傳輸，所以聲音介面僅需一條網路線即可運作⋯⋯ 不是 USB 也不是 Thunderbolt，是網路傳輸啊啊啊！！！爽～

040

設計師勞哥 💻✏️ @maylogger.com · 26/12/2024

如果不小心看到疑似像勞哥的人請不要意外那是中之人不是 cosplayer... 😆

030

設計師勞哥 💻✏️ @maylogger.com · 26/12/2024

設計師勞哥 VTuber 出席 #WebConf 2024 設計軌演講（aka 勞哥的線下見面會 😆）今天提早去佈場測試完成～^_^ 勞哥的演講場次是禮拜六的中午過後第一場～設計軌～嘿嘿 😁 活動兩天都會去。如果看到實體中之人戴帽子+白襯衫的勞哥都歡迎跟我打招呼唷！我們明後天見！！！

170

設計師勞哥 💻✏️ @maylogger.com · 23/12/2024

很多人喜歡玩俄羅斯方塊 vs. 魔法氣泡，今天 Steam 特價 NT$322 啦！！！請大家告訴大家。也可以找勞哥玩喔！ store.steampowered.com/app/1259790/...

140

設計師勞哥 💻✏️ @maylogger.com · 20/12/2024

🔴 直播預告：今天四點到六點是【設計分享】週五陪你下班聊天 / 網頁設計與 UIUX 直播，歡迎一起聊設計準備下班！ 😆

010

設計師勞哥 💻✏️ @maylogger.com · 16/12/2024

今年的成就 VTuber 設計師勞哥分享熱愛的網頁設計生活從2024/10開始回歸在 Twitch 直播感謝 Twitch 讓我解鎖了合作夥伴身份感謝饅頭剪輯師傅剪片讓更多人認識勞哥感謝首次合作直播的 Inside 塞掐以及感謝每一位來跟勞哥聊天與打俄羅斯方塊的觀眾！！ 🙏🙏🙏

180

設計師勞哥 💻✏️ @maylogger.com · 14/12/2024

善用你的瀏覽器的功能讓 Twitter 看起來有如原始一樣乾淨

070

設計師勞哥 💻✏️ @maylogger.com · 05/12/2024

上次直播有人問勞哥怎麼把 Tailwind CSS 專案長長的 className 隱藏起來，讓程式碼顯示漂亮又清晰？如果你也有在使用 Tailwind CSS 開發專案，推薦安裝 Tailwind Fold 這個擴充功能，它可以讓冗長的 className 折疊起來，直到您的游標移動到該行才顯示、也可以在你想要全部顯示的時候才打開、甚至可以去設定 className 的部分降低 opacity 透明度，讓程式碼更好閱讀！！安裝網址 marketplace.visualstudio.com/items?itemNa...

070

設計師勞哥 💻✏️ @maylogger.com · 29/11/2024

🔴【直播預告】初見試玩 Tailwind CSS 4.0 測試版近幾年非常紅的 CSS 工具 Tailwind CSS 出了 4.0 測試版，據說會有非常大的改進，包含效能與設定方式，真的都變得更快且更簡單嗎？！這禮拜五下班時間前 4:00 開播一起玩看看一起研究吧！！設計師勞哥頻道 bit.ly/mayloggerlive

000

設計師勞哥 💻✏️ @maylogger.com · 28/11/2024

上禮拜最令前端設計師興奮的消息就是 Framer motion 完全開源化變成 Motion，並且獲得了多方贊助。今天發現文件中加了物理 Spring Visualiser（彈簧視覺化）的工具，以往要不斷微調 Stiffness（剛度） / Damping（阻力） / Mass（重力）這三種參數、測試動畫感覺的程序，利用這個工具先行視覺觀察後，可以更快的測試、做出自己想要的動畫感受。 motion.dev/docs/react-t...

050

設計師勞哥 💻✏️ @maylogger.com · 21/11/2024

🔴【直播預告】明天將會直播一個免費的網頁動畫軟體 Phase，取代安裝複雜又昂貴的 AE ，讓你直接輕鬆在瀏覽器上製作自己想要的動畫。例如 Twitch 的訂閱通知小動畫，只要幾分鐘就能搞定。直播的時間為 11/22 禮拜五下午 4:00 - 6:00 有興趣製作自己頻道簡單的通知動畫效果的朋友們可以來看看唷！！連結： 1. 先追蹤我的直播取得開播通知 bit.ly/mayloggerlive 2. 註冊 Phase 等直播或重播一起操作 bit.ly/tryphase

030

設計師勞哥 💻✏️ @maylogger.com · 17/11/2024

🔴 新片上架【設計分享】Inter 4.0 字體竟有超多更新！！很多人都知道 Inter 這個現代非襯線英文字體，但你知道 Google Font 跟 Figma 裡面內附的 Inter 都不是最新最強的嗎？從官網下載最新版本的 Inter 4.0 竟然有超多新功能，就讓勞哥分享這個字體厲害的地方。影片網址： buff.ly/4fMVyPt

030

設計師勞哥 💻✏️ @maylogger.com · 15/11/2024

🔴【直播預告】玩玩超簡單的動畫工具 Phase！！跟勞哥一起從無到有做出想要的小動畫，並且在網頁上呈現唷，對 Phase 有興趣且觀望怎麼用、或是對網頁動畫有興趣的人，歡迎一起來看看聊聊唷！11/22 直播～～～ 🔷 先註冊 Phase 帳號 bit.ly/tryphase 👉 追蹤取得勞哥直播通知 bit.ly/mayloggerlive