搜尋結果
2024年4月8日 · 1. 影片描述. 網頁設計中，通常都會包含一到多個按鈕，像是上傳、下載按鈕或是送出表單按鈕等…，可以有多種功能。 建議在設計按鈕時，可加入一些動態變化效果，讓用戶與按鈕互動時，可以輕易理解當下的狀況，創造良好的使用體驗！ 優質的按鈕設計，還能吸引用戶目光，促使用戶想要點擊按鈕，提升轉換率！ 今天將教大家如何使用 Figma，設計一個簡單的下載按鈕，再加入流暢的轉變動畫，像是加載進度條、載入完成的動態效果等…。 步驟簡單，新手也能輕鬆學會，快跟著影片一起操作吧～ 2. 影片時間軸. 00:00:00 – 開頭展示. 00:00:32 – 製作按鈕初版. 00:04:53 – 後續製作 ＆Prototype 連線. 00:08:10 – 套用元件＆成品一覽. 00:09:22 – 結尾分享.
2024年4月9日 · Prototype 是什麼？ Prototype 中文為「 原型 」，它是一個設計初期的版本模型，用來展示設計概念和功能。 Prototype 網頁模型通常包含動態互動效果，除了展示網頁的結構佈局，還會演示按鈕的點擊效果、導覽列的彈出方式和其他動畫展示等..。 透過製作 Prototype 原型，設計師能夠快速驗證、測試設計想法，也能儘早發現潛在的使用問題並做出改進。 此外， Prototype 也是設計師和開發人員之間的一種溝通方式，透過 Prototype 演示模型，開發人員可以更好理解設計的需求，加速產品開發過程。 不論是個人接案或是團隊協作，Prototype 都能有效加速設計開發過程，提高工作效率及成品品質，成為你優化網站功能的好幫手！ 製作 Prototype 的好處.
- 如何挑選優質 WooCommerce 外掛
- Yaymail
- Ry WooCommerce Tools
- Ry WC City Select
- Super Socializer
- Mailchimp
- Checkout Field Editor
- TranslatePress
- Improved Product Options For WooCommerce
- Advanced Shipment Tracking
WooCommerce 相關的外掛數量相當驚人。更多 WooCommerce 是什麼？ 相信不少站長在架設購物網站時，也會很疑惑，這麼多功能外掛，有「 WooCommerce外掛推薦 」嗎？ 其實每個網路商店所需要的功能可能都不同，我在這個章節，幫大家整理一些挑選重點，希望能幫助大家找到適合的外掛：） 技巧 1：想像呈現效果 在架設網路商店的時候，應該都會有想讓網站呈現的樣子，可以去思考那會是什麼功能，再依據關鍵字去搜索相關外掛。 例如：想要讓呈現不同購物車樣式，那可能會是「 彈跳式購物車 」或者是「 側邊購物車 」。 但由於 WordPress 主要的開發者是在國外，所以可善用英文關鍵字，在 WordPress.org 外掛專區，找到適合自己的外掛唷！ 技巧 2：篩選條件 一款外掛除了功能...
YayMail 是由 YayCommerce 開發的「 WooCommerce 信件模板客製化 」，算是一款滿新的外掛。更多 YayMail 完整教學。 目前總共有三個版本，分別是 YayMail Free（免費版）、YayMail Pro、YayMail Premium Addons，我們將會針對免費版分享。 YayMail 教學：編輯＋客製化 WooCommerce 預設信件模板。 YayMail 可客製化設計 WooCommerce 預設的信件模板，且範圍非常的廣泛，像是新訂單信件、已取消訂單、訂單確認信等 ..，高達 11 種預設模板，都能讓站長客製化修改！ 不論是文字＆背景顏色、字體選擇等 ..，信件主視覺風格的調整，都難不了它。 加上擁有 20 多個元素可以設計信件，這些元素包含...
RY WooCommerce Tools 能讓 WooCommerce 串接第三方金物流，可支援像是綠界、藍新、速買配等知名金物流公司，讓商店的金物流功能，能更貼近台灣消費者習慣。更多 RY WooCommerce Tools 完整教學。 金流b方式，有像是超商貨到付款、信用卡付款、信用卡分期付款、網路 ATM、ATM、超商代碼付款、超商條碼付款等 ..。 物流方式，有像是超商取貨、黑貓宅急便、宅配通等 ..。 雖然 WooCommerce 預設有多種金物流方式，但如果你有在地化的需求，就能使用 RY WooCommerce Tools 這款外掛，串接更多金物流功能：） 1. 配合台灣本地習慣的修改 2. 提供 綠界金流 支援 3. 提供 綠界物流 支援，支援項目為 超商取貨(C2C) 與 ...
RY WC City Select 這款外掛，b只要安裝後在「 結帳頁面的帳單＆運送地址 」、「 會員中心的地址維護頁面 」，就會自動套上縣市、鄉鎮市的下拉選單。更多 RY WC City Select 完整教學。 動作流程：在選擇「 縣市 」後，就會自動帶入以下的「 鄉鎮市 」，在選擇「 鄉鎮市 」之後的郵遞區號也會自動帶入號碼，是不是非常方便！ 再度感謝 RY 大開發好用的 WooCommerce 週邊外掛，造福在使用 WordPress 的台灣人。可參考 RY 的另一款 RY WooCommerce Tools 金物流串接。
Super Socializer 是一款優質的社群外掛，主要包含三大功能，分別是「 社交登錄 」、「 社交分享 」、「 社交評論 」，一款外掛就能搞定這些事情，簡單俐落。更多 Super Socializer 完整教學。 Super Socializer 有幾個很棒的功能＆特色，挑選出來跟大家分享。 1. 支援多種社群快速註冊＋登入功能（像是 Facebook、Google、Line ..）。更多 Line 快速登入功能。 2. 可在 WordPress 登入、註冊、評論表單 ..，啟用社群登入功能。 3. 可在 WooCommerce 結帳頁面、客戶登錄表單上，啟用社群登入功能。 4. 超過 100 種社群軟體的分享，且支援計數功能。 5. 社群分享按鈕的樣式調整（像是形狀、大小、顏色、顯...
Mailchimp 是世界上最受歡迎的電子郵件行銷的軟體公司之一，公司規模龐大算是世界級的公司，除了軟體的使用者體驗良好，功能非常齊全且有免費版方案。更多 MailChimp 教學。 Mailchimp 是一家雲端服務公司（SAAS），可以輕易的將 WordPress、Shopify、Magento ..，進行完美整合。 Mailchimp 功能性如何？ 我只能說非常棒，關於寄信的內容設計部分，Mailchimp 有提供多種版面佈局、多款已設計好的 EDM，只需改改字或圖片就可發送。 加上也有類似 視覺化編輯器的功能，想要什麼就拖曳到電子報畫面中即可。 還有信件的行銷報告，例如訂閱成長率、信件開信率、訂閱顧客所在地等 ..，會幫助站長掌握更多數據。 Mailchimp 如何整合到 WordP...
Checkout Field Editor 是一款能自訂 WooCommerce 結帳頁面欄位的實用外掛，能輕鬆的新增、編輯、刪除、更改顯示順序，幫助站長優化下單流程。更多 Checkout Field Editor 完整教學。 Checkout Field Editor 與大多數 WooCommerce 生態圈有良好相容，而它的開發商 ThemeHigh也是有名 WooCommerce 週邊外掛開發商，確保良好的軟體品質。 下面列出幾個 Checkout Field Editor 免費版的功能。 1. 可設定欄位資料，是否顯示在 Email 或是訂單詳情頁面。 2. 刪除多餘的結帳欄位。 3. 啟用 / 禁用結帳欄位。 4. 更改結帳欄位順序。 5. 結帳欄位恢復為預設值。 至於進階版功能...
TranslatePress 是一款輕量級的「 WordPress多國語言 」外掛，有提供免費版使用。詳細可參考 TranslatePress 外掛教學。 提供 200 多種國家語言翻譯，支援多種 主流頁面編輯器、不同的佈景主題、WooCommerce 線上商店..，幫助你進行全面翻譯。 如果你只是想要簡單的多國語系功能，這 TranslatePress 會很適合你，因為它不像 WPML那樣上手難度高（加上 WPML 功能很多，網站會變比較重）。 安裝後基本上也沒什麼需要設定，大概就是即裝即用的感覺，至於編輯畫面採用的是可視化編輯器，這對許多站長來說，操作起來非常簡單。 TranslatePress 有什麼優缺點呢？ TranslatePress 有許多優點，這邊列出來與大家分享（用免費版角...
Improved Product Options for WooCommerce是一個改進可變商品屬性＆選擇的優質外掛，滿足站長多樣的商品呈列需求。 讓商品具有更多自定義的可變性，優化消費者的使用者體驗。更多 WooCommerce 商品上架類型。 例如：在後台設置可變商品更多的自定義屬性（屬性名稱、屬性描述、顯示顏色等 ..），向消費者顯示商品的豐富選擇。 很酷的是，該外掛讓消費者可以在多個商品頁面直接查看商品的可變項目，選擇並加入購物車，不用再進入單一商品頁面訂購。 當然還有更多功能，像是可以讓消費者依照商品分類、顏色、價格等篩選商品；直接預視不同顏色的商品圖 ·· 等等。 Improved Product Options for WooCommerce 提供的優良功能，是我想推薦給大家...
Advanced Shipment Tracking 是一款可以在 WooCommerce 系統上，管理訂單運送狀態的免費外掛。更多 WooCommerce 電商設定。 貨物運送狀態可說是電商平台的基本功能，通常消費者會希望能夠追蹤訂單的運送情形，好方便收取貨物。 Advanced Shipment Tracking 可在會員頁面加入追蹤運送狀況的頁面，方便會員查看物流狀態，也可在 預設訂單確認信中嵌入運送連結給消費者。 讓消費者知道訂單的運送狀態，會讓消費者對於電商平台的好感上升，同時也減少消費者會不斷詢問客服的情形。 Advanced Shipment Tracking 支援的物流公司多達 300 多種，目前已知可支援台灣的黑貓宅急便以及中華郵政系統。 Advanced Shipment...
2023年10月11日 · 這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗，從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站，3 大類型網站建置方法等 .. 豐富內容，一次教會你。 課程內容非常的紮實（長度超過 20 小時）。 如果你剛學習自架網站，這門課程可以讓你用最快的速度，就學會這項技能！ 幫你增加網路曝光，提高你的線上營收！ WordPress 高手架站課｜一堂課讓你變架站高手！ 了解線上課程. 資源二：犬哥數位（專業 WordPress 網頁設計公司） 如果你沒時間自己架站、或是遇到解決不了的網站問題。
2023年11月7日 · Pixelcut Background Remover. 4. PhotoRoom. 5. Clipdrop. 6. Remove bg. 7. Erase.bg. 8. Profile Picture Maker. 9. Magic Studio. 10. Unscreen. 11. Slazzer. 12. Pixian.AI. 13. PicWonderful. 14. Img-Cut. 常見問題. WordPress 學習資源. 1.
2024年2月20日 · 在設計網站時，是否常常有靈感枯竭，或是不知道該怎麼規劃網站呢？這種時候會建議多瀏覽同類型的網站，觀察他們是如何架構網頁、有哪些互動效果、為什麼會受歡迎。今天我們整理了 11 個設計靈感網站，網站內集結了許多由專家設計的網站，各種風格、類型、最新的網頁設計技術都有，讓你 ...
2023年10月31日 · 你可以嘗試自己設計 Logo 或請專業的 Logo 設計師為你設計，但今天我們還要告訴你一個更新更酷的方法，就是讓 AI 替你快速生成 Logo！ 隨著 AI 不斷崛起，現在有許多 AI 工具只要輸入品牌名稱、Slogan、配色等，就可以快速幫你生成各種風格的 Logo！ 今天我們精選了 15 款 AI Logo 工具，希望能幫助你製作一個符合你產品風格的 Logo，準備好就開始吧：） 1. LogoAI. 2. Logopony. 3. Tailor Brands. 4. LOGO.com. 5. Spacelogo. 6. Hatchful. 7. Placeit. 8. Looka. 9. Kreateable. 10. Designs.ai. 11.
