Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

6/17/2025, 7:53:19 AM

🟡 用 Figma 的對話式 AI 工具 Figma Make 秒速建立「類 Shopify 風格」的網頁 Figma 今年 2025 年中甫推出的 AI 工具一堆，其中一個 Figma Make 我試用了一下，發現若採用匯入其他的 Figma 設定檔會需要吃一下網路速度資源 ^^ 所以改用上傳設計圖反而比較快。 於是，我就抓了一下 Shopify 官網某個頁面的截圖餵食給 Figma Make 幫我復刻一個類似風格網頁，還行！無論是 RWD 電腦版、手機版還有整體的基本設計質感都有到位，而剛出爐了網頁雖然很多都需要陸續對話修正連結與文字、顏色等，但就真的「用嘴的最輕鬆」 可以前往瀏覽看看成果 🍎：https://venue-prime-03685816.figma.site 🍿 什麼是 Figma Make？ Figma Make 是一個由 AI 驅動的提示到程式工具，讓我們可以將想法和現有的 Figma 設計轉化為功能原型、網頁應用程式和互動 UI。通過對話，透過可以構思、迭代並持續改進功能。 🍿 爾文觀點 用 Figma Make 來打造「網頁原型 Prototype」是滿合適的，快速表達設計想法與概念，從中發現靈感，也能幫助網頁設計新手了解「網頁的互動邏輯」，還有助於拿著「生動」的網頁跟工程師或其他團隊溝通使用。 但我不會拿來當作長久經營的核心網站就是了 ^^ 🪴 關鍵字：#Figma #AI #FigmaAI #爾文實驗室 #Irvinglab #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/06/17

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

6/17/2025, 7:52:44 AM

🟡 Shopify「UX 職稱」掰掰！設計師哀號還是 AI 浪潮下的進化？ Shopify 的首席設計長（Chief Design Officer）Carl 在其 X（Twitter）貼文說明決定取消「UX (使用者體驗)」的職稱，此舉在設計界掀起軒然大波。社群媒體包含社群論壇 Reddit 上充斥著設計師們的議論，許多人質疑這是否意味著公司將縮減人力、轉而依賴 AI 完成基礎可用性工作。 在 AI 生成時代，大規模縮減人力真的不意外。AI 的角色與設計職能的未來： ✏️ 支持者觀點 (或 Shopify 領導層的可能論點) 有評論引用 Shopify 首席設計官 Carl 的說法「AI 讓任何人都可以讓東西變得可用」，暗示 AI 可以處理基礎的可用性問題，設計師應更專注於「品味」、「美學」和創造「難忘的體驗」。這也可能意味著 AI 將承擔大量繁瑣的 UX 研究和測試工作，讓設計師能投入更具創造性的層面。 ✏️ 反對者/擔憂者觀點 絕大多數評論對此表示強烈質疑。他們認為 AI 遠未達到能獨立完成良好 UX 設計的水平，尤其是在複雜的流程、直覺性、行為科學和心理學應用方面。許多人擔心這是在為裁員或一人身兼多職 (即「用 AI 做 4-5 個人的工作」) 鋪路，並且認為這貶低了 UX 設計作為一門科學且根植於研究的專業。 🍿 爾文觀點 Irvinglab Insight 將自身的專業與經驗整合 AI 勢在必行，但唯有扎實的基礎和實作的經驗積累才能真正理解 AI 的潛力與局限，並將其應用於最核心、最具挑戰性的問題，將 AI 發揮最大的價值與成效。 🪴 關鍵字：#Shopify #AI #UXbye #爾文實驗室 #Irvinglab #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/06/17

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

6/17/2025, 7:52:23 AM

🟡 有關 SEO 內容經營，以下為 Ahrefs 研究數據，揭露在其官方部落格中： ✏️ AI 內容創作成主流：87% 行銷人已導入應用 2025 年最新研究指出，87% 行銷人使用 AI 協助創作內容，平均每月發文量提升 42%。最常用工具為 ChatGPT，其次為 Gemini 與 Claude。AI 主要應用於撰寫部落格文章、發想主題、製作大綱與內容更新。僅 4% 企業發佈純 AI 文章，80% 會人工審稿。內容行銷正朝向 AI 與人類協作的新常態發展。 ✏️ AI 正式主導內容產製：行銷人月產文量成長 42% 2025 年 AI 重塑內容行銷與搜尋，87% 行銷人使用 AI，發文量增 42%。AI Overviews 出現在 54.6% Google 搜尋中，點擊率減少 34.5%。品牌若具網路聲量，較易出現在 AI 結果。最常用工具為 ChatGPT，AI 多用於部落格撰寫、發想與更新，僅 4% 發表純 AI 內容。SEO 與品牌曝光策略正面臨重大變革。 ✏️ Google 自動翻譯搶走國際流量 Google 透過自動翻譯將英文內容轉為多語版本，並以其自家 translate.google.com 網域呈現，導致原站流量與轉換被攔截。受影響最嚴重的國家包括印度、印尼、巴西等。Ahrefs 建議站長儘速提供基本本地語內容並正確設置 hreflang，即可取回 SEO 排名與 GA4 流量統計，避免被代理頁取代。 🪴 關鍵字：#SEO #Ahrefs #爾文實驗室 #Irvinglab #IrvinglabSEO #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/06/17

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

5/28/2025, 4:08:57 AM

🟡 Google Search Console（簡稱 GSC）顯示的資訊「網頁未編入索引的原因：未編入索引的網頁無法顯示在 Google 服務中」 🔴 已檢索 - 目前尚未建立索引 這表示 Google 系統已經找到了您的網頁，但是還沒有將其內容納入索引。因此，使用者在 Google 搜尋時，還無法找到這個網頁。 🔴 已找到 - 目前尚未建立索引 這與上一個意思相同，表示 Google 系統已經找到了網頁，但尚未建立索引。 - ✅ 簡單來說，這兩句話都表示 Google 經知道有這些網頁存在，但尚未將它們納入搜尋結果中。 ✅ 可能是因為： 1. 新網頁：新發布的網頁需要一些時間才能被完全索引。 2. 品質問題：Google 認為網頁品質不高，不值得索引。 3. 技術問題：網頁存在某些技術問題，阻礙了索引。 4. 重複內容：網頁內容與其他已索引的網頁高度重複。 5. 資源限制：Google 的伺服器資源有限，會優先索引重要或受歡迎的網頁。 🍿 以上，Google Gemini 回覆的真清楚。總之，這兩種都是網頁尚未被Google索引。 🪴 關鍵字：#SEO #GSC #GoogleSearchConsole #Gemini #GoogleSEO #爾文實驗室 #Irvinglab #IrvinglabSEO #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/05/28

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

5/26/2025, 9:56:18 AM

🟡 Google 搜尋 AI 模式（AI Mode）：從資訊工具邁向智慧助理的新時代 🍎 概述 Google 在 2025 I/O 大會正式推出全新「AI 模式」（AI Mode），是繼 AI 摘要（AI Overviews）後的又一次重大升級。 Google 台灣部落格：https://blog.google/intl/zh-tw/products/explore-get-answers/google-search-ai-mode-update/ 🍎 重點摘要 ✏️ AI 模式正式於美國上線，無須 Labs 註冊即可使用 具備推理能力、多模態互動與延伸式查詢功能，率先於美國開放。 ✏️ Deep Research 深度研究助手上線 可拆解問題、整合多個來源並生成具引用來源的研究報告，提升資訊整合效率。 ✏️ Search Live 結合 Project Astra 即時鏡頭搜尋 針對實體環境即時提問並獲得多步驟解法與網站、影片等延伸資料。 ✏️ AI 代理功能登場，幫你處理日常任務 如訂票、訂位、預約，整合合作夥伴 StubHub、Resy、Vagaro，節省查找與輸入流程。 ✏️ AI 購物體驗整合虛擬試穿與結帳代理 結合 Gemini 模型與 Shopping Graph，提供個人化購物建議與安全結帳選項。 ✏️ 引入個人情境與資料視覺化功能 可連結 Gmail 與搜尋紀錄，根據航班、興趣等條件推薦內容，並自動生成互動式圖表（如財經與體育數據比較）。 ✏️ 全面應用 Gemini 2.5 模型客製版於搜尋系統 提供更快、更準的 AI 回應，是目前業界最先進的搜尋模型應用。 🍎 小結 Google AI 模式象徵著搜尋不再只是工具，而是變成一位理解你、幫你完成目標的智慧助理。當 AI 能聽、能看、能預測，也能理解個人脈絡，未來的搜尋不只是找到答案，而是一起完成你想做的事。 ps. 目前 AI 模式先在美國推出，而 AI 摘要已經在台灣出現了。 🪴 關鍵字：#SEO #AIOverview #AIMode #Gemini #GoogleSEO #搜尋體驗 #Google搜尋 #AI摘要 #AI模式 #爾文實驗室 #Irvinglab #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/05/26

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

5/26/2025, 9:43:55 AM

🟡 2025 Shopify 最新主題編輯器：AI 協助設計幫你生成，建站效率再進化 前往觀看 Shopify Editions 網頁直接觀看影片比較精彩：https://www.shopify.com/editions/summer2025 For design, that’s not just beautiful, but also effective.（對於設計來說，不僅美觀，而且有效率） 🍎 重點摘要 ✏️ 全新 Horizon 主題架構 主題架構 Horizon 專為彈性設計打造，讓你的靈感輕鬆轉化為網站內容。 ✏️ 主題區塊（Theme Blocks）超過 30 種元件（Components） 讓每一個區塊都能預覽再新增，減少試錯時間，設計更快速。 ✏️ AI Block Generator 區塊生成器助攻創意設計 當預設區塊不夠用，只要輸入文字指令，AI 即可生成符合需求的自訂區塊。 ✏️ 區塊複製貼上，支援全站共用 設計完成的內容區段可以複製貼上至網站任何位置，節省重複操作時間。 ✏️ 點擊即編輯與條件式設定 點擊文字即可編輯，僅顯示當下需要的設定項目，介面簡潔，專注不分心。 ✏️ 購物體驗全面升級 包括互動式商品卡片、快速加入購物車、新版預測搜尋等功能，全面提升消費者瀏覽與購買效率。 🪴 關鍵字：#Shopify #ShopifyEditions2025 #AI #ShopifyAI #WebDesign #網站設計 #爾文實驗室 #Irvinglab #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/05/26

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

6/9/2025, 3:59:29 AM

🟡 AI 內容在 Google 搜尋中的排名是否會比較高？我該使用 AI 來產生內容嗎？ 國內外社群眾說紛紜、各有強烈的觀點與角度激辯 AI 生成的內容到底如何影響 SEO 排名。 Google 搜尋的 AI 產生內容相關指引 在 Google 官方的搜尋中心其實有回答常見問題，可以前往閱讀一下，其中我截取最最最常被問的問題，如下： ✏️ AI 內容在 Google 搜尋中的排名是否會比較高？ 使用 AI 並不會為內容帶來任何特殊排名優勢。就只是內容而已。如果內容實用、原創，且符合 E-E-A-T 標準，在 Google 搜尋中的成效可能就會很好；若非如此，成效就不會太好。 ✏️ 我該使用 AI 來產生內容嗎？ 如果對您來說，AI 有助於製作實用且原創的內容，那麼就值得考慮採用。如果您是把 AI 當成一種廉價又簡單的操控技術，可以影響搜尋引擎排名，則請勿使用 AI。 可以前往了解更多：https://developers.google.com/search/blog/2023/02/google-search-and-ai-content?hl=zh-tw 當然也有人會說「官方說法」終究是「官方」說法，但無論如何，萬變不離其宗： 🟡 我們本來就該用心策劃主題、撰寫內容，並且「讀過每個自己產出的文字加以修飾、調整」，以能極大化幫助特定的目標讀者獲得有價值的資訊為至高原則。更甚者，透過聆聽回饋、得到靈感，身為作者應該要盡可能持續優化內容，保持文章新鮮度與正確度。 🪴 關鍵字：#Google #AI #AIcontent #爾文實驗室 #Irvinglab #IrvinglabSEO #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/06/09

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

5/26/2025, 9:48:29 AM

🟡 Figma Grid Layout 正式登場：設計排版的新解法 設計師可以學一下，Figma 在 2025 年加入新的 Grid 功能，對於設計師來說是個福音！對於視覺排版，「格致化、系統化排版」能大幅提升執行效率。 官方發表影片：https://youtu.be/j9-d1HskOxs?si=gImuiiGtY0BNM9Wc 🍎 概述 在 Figma Config 2025 上，Figma 推出全新 Grid Layout 系統，作為 Auto Layout 的進化選項，讓設計師得以跳脫「只能水平或垂直排列」的限制。從基本網格設定、跨欄控制、間距調整，到與 CSS 實際相容的結構運算，改變設計方式與工作流程。 🍎 重點摘要 ✏️ Grid Layout 作為 Auto Layout 的新維度 可與原有水平、垂直選項並存，讓設計從單一維度進化為靈活的二維布局。 ✏️ 自由拖放與跨欄調整設計區塊 項目可自由移動、縮放、跨欄排列，調整流暢直覺，完全即時預覽效果。 ✏️ Track Resizing 與手動控制尺寸 支援手動輸入與滑動拉調的 Track 設定方式，讓間距與欄寬更加可控。 ✏️ Multi-edit 與拖曳貼齊快速編排 支援多元素同步編輯、快速貼齊對齊，讓表格、相簿與內容塊統一排版更加輕鬆。 ✏️ Grid 與開發對接更順暢 Dev Mode 中可直接讀取 Grid Layout 為 CSS Grid 語法，大幅簡化開發交接與對齊問題。 ✏️ 與 Auto Layout 無縫搭配使用 支援 Grid 內嵌 Auto Layout、Frame 巢狀操作，靈活度更勝以往。 ✏️ 實際案例與進階技巧展示 從卡片排列、定價表格、跨裝置版型設計，到像素風格繪圖 pixel art，完整展示 Grid 的應用潛力。 ✏️ 設計流程中的協作透明與一致性 透過 Prototype、測量工具（Shift+M、Shift+Y）、快捷鍵與交互細節優化，大幅提升團隊合作效率。 🪴 關鍵字：#Figma #FigmaConfig2025 #Grid #AutoLayout #WebDesign #網格排版 #網站設計 #爾文實驗室 #Irvinglab #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/05/26

Irvinglab 爾文實驗室 | Shopify eCommerce Web Design 網站設計與架站學習交流

6/10/2025, 1:56:20 AM

🟡 Shopify 內建 AI 直接「客製化產品圖片」 推測應該是 Shopify 和 Google 合作之後的一個整合功能，稱為「Product Studio」。 Product Studio 是一套免費的 AI 工具，可以輕鬆增強和創建高品質的產品圖像和視頻，節省時間和資源。它能生成場景、提高圖像解析度、編輯背景等，幫助在行銷中吸引更多客戶。 ✏️ 如何使用？ 可以直接選 Shopify 商店中的圖片或自行上傳圖片進行 AI 生成。 圖片規定可參閱官方說明：https://support.google.com/merchants/answer/6324350 ✏️ 哪裡可以使用？ 🍿 Shopify 登入 Shopify 後，路徑為：銷售管道 > Google & YouTube > Product Studio 🍿 Google Merchant Center Next 另外也可以直接登入 Google Merchant Center Next 也可以使用：登入 Merchant Center 後，商家 > 商品 > Product Studio 選項 🪴 關鍵字：#Shopify #Google #AI #ProductStudio #GoogleMerchantCenter #爾文實驗室 #Irvinglab #Irving 🪴 編輯者：I️rvinglab 爾文實驗室 - 2025/06/10