網站資源彙整,持續不定時更新,歡迎蒐藏並分享(編輯者:Irvinglab 爾文實驗室,最新更新時間:2024/01/26 沁涼的夜晚)
Learning by Reading
Learning by Doing
Learning by Sharing
不打高空,還需落地
穩紮穩打,步步為營
策略要有,更要實戰
🍎 資源分享:**不定時更新**
因 Google 而生,深入了解 Google,並且跟上 AI - Irving 爾文
網站設計與建置
打造 Shopify 電商網站
Shopify Theme 版型精選推薦 - Irvinglab 爾文實驗室
Shopify App 精選推薦 - Irvinglab 爾文實驗室
建立 WordPress 品牌形象網站網站和部落格
WordPress 外掛推薦 - Irvinglab 爾文實驗室
學如逆水行舟,不進則「推」,推著自己向前,也推著別人邁進:It’s a Win Win! Everyone benefits! - Irving 爾文
🎄 Line 學習社群
- Shopify 網站設計與架站學習交流
- WordPress 網站設計與架站學習
- SEO 資源彙整與學習
- 成為網頁設計師
🎄 Telegram 學習社群
- Shopify 網站設計與架站學習交流 | Irvinglab 爾文實驗室
🎄 WhatsApp 頻道
- Shopify eCommerce Web Design 網站設計學習交流|Irvinglab 爾文實驗室
🍎 精選文章:**不定時更新**
- Shopify
- SEO
- WordPress
- Web Design
- Web Server
https://embeds.beehiiv.com/18c9e444-628d-4015-aee0-0c378745b533
🍎 爾文打造的客製化 ChatGPT
- 🚀 SEO 搜尋引擎優化
- 🚀 Shopify Liquid Dev 程式開發
- 🚀 Web Design 網頁設計
- 備註
- 歡迎前往試用,但目前要將自己的 ChatGPT 帳號升級為付費版的 Plus 方案才能使用。接下來會持續更新與優化,也可隨時給我回饋 ^^ 感恩
- GPTs 已可以設定即時搜尋其他網站上的資料,確切地說,原本使用 Bing,並使用另一個 ChatGPT Plugin 來執行任務,該工具允許使用者提供一個(或多個)URL,並可以選擇請求與 URL 進行交互,提取特定資訊或如何處理 URL 中的內容,請求可能包括重寫、翻譯等。若遇到任何使用上的問題可隨時來訊息或截圖跟我說
經營內容需要持續滋養與呵護,心無旁騖不躁進、專注執行才是最難的事,淨空雜念,保持紀律與耐心,持續向前與向上成長 - Irving 爾文
🍎 Irving 爾文數位工具蒐藏 2024 🚀
設計 Design
- Figma:UIUX 設計師和網頁設計師首選必用的線上設計協作軟體,若你是行銷人、專案管理、團隊主管、遠端協作等也都非常適用!大幅提升執行效率、降低溝通成本。最近發現一個很讚的 Figma Plugin,並且我已經購買:Table To Figma,可以串接資料庫大量建立圖片,例如串接 Google Sheets、Notion 等,而且是一次性付費!優惠不知道何時,可以去瀏覽一下。而 Musho AI 這款 Figma 外掛則是則是結合 AI 自動產生網頁設計圖,雖然很棒,但其實現存已經有爆多 Design Template 可以使用,而且更精緻,未來就看其能否推出殺手級的功能。
- Untitled UI:現成的 UI 套件,使用 Figma 的設計師一套即用,可以參考其架構與設定,多多觀摩!The world’s largest and most popular Figma UI kit. Kickstart any project, save thousands of hours, and level up as a designer.
- Fotor:線上 AI 影像修圖和去背是專攻的強項,應該有勝過 Canva,平面設計與社群模板 Template 也都有,AI 系列工具強大內建,包含:Image Generator、Face Generator、Art Generator、Photo Effect Photo Enhance、Background Remover、Object Remover、Avatar Generato 等。我當時是想找 AI Mockup 產生器發現此款,完全被打中!
- Canva:線上平面設計工具,若團隊沒有設計師,那 Canva 真的是神助攻!解決行銷、社群、平面設計、簡報等需求,版型一應俱全
- Placid.app:競爭對手是 Canva,兩者提供近乎相似的線上設計工具 Automations for on-brand creatives
- Creative Market:這個平台是目前看過擁有許多種類高質感的設計素材商店,雖然 Canva 擁有的設計範本也不錯,但若說 Canva 是 80 分的素材,那 Creative Market 就是 90 分 High-quality Stock Photo, Graphics, Fonts, & Design Templates
- Envato Elements:只要訂閱之後,就可以無限下載所有的付費資源素材,包含圖片、影片、音樂、音效、平面設計、插圖、簡報模版等,當遇到緊急專案需求時或作為靈感來源都相當便利!Envato 終於推出 AI 生成式圖片了! AI ImageGen 簡介:使用 AI 和 Envato Elements 為專案打造令人驚歎的獨特視覺效果。獲得無盡的靈感,突破創意障礙。以任何可以想像的風格生成令人驚歎的圖像…只需一個提示即可!超棒的是 AI ImageGen 包含在 Envato Elements 中,無需額外費用。
- Themeforest:擁有豐富的 WordPress 和 Shopify 版型等資源,品質還不錯,強烈推薦!此外也是有販售設計素材、圖片、音樂音效等,但強項還是版型
- Coolors:色彩靈感來源,快速建立色票與漸層的配色工具,上傳任一圖片擷取其色票、配色對比度確認、現成色卡一覽無遺直接使用等,The super fast color palettes generator!
- Iconfinder:8,400,000 多個免費和進階向量圖示、插圖和 3D 插圖。官網表示使用者知名的公司有 Google、Nike、Netflix、Adobe、Microsoft、Spotify、Amazon、Lego 等。我瀏覽了不少感覺相當有質感的 Icon 圖示庫,有各種檔案格式直接下載,也有免費的圖示們可以使用,官方也有 Figma 頁面可以直接複製!
網域註冊 Website Domain
- GoDaddy:選擇網域建議到全球最大最主流的 GoDaddy 平台購買,然後再串接到 Shopify、WordPress 或你用的架站平台。然後也不建議直接在架站平台本身購買網域,之後若要遷移網站或不想使用此平台時,網域會被綁定在平台中。所以網域和架站平台分開單獨選擇比較理想。若有網域選擇障礙或相關問題也歡迎寄信給我或透過社群傳訊息給我。
網站架站 Website Builder
- Super — Create Websites with Notion:若你是 Notion 的使用者或設計師,或想快速簡單且 No code 建立一個自己的網站或作品集,以 Notion 為主要編輯內容與排版,非常適合透過 Super 打造網頁頁面!基本的版型將 Notion 變得更像「網頁」的模樣呈現。我之後也會用這樣的組合取打造另一個網站,一旦完成會更新在這!
- Framer:輸入文字,數秒內即可生成網站的 AI 工具!這對設計師來說值得研究研究!
- Ycode:它的出現主要是對戰 Webflow 和 Framer,除了提供價格相對優惠一些,功能面還不容小覷,綜合比較下主打的 CP 值!不過動態方面 Webflow 還是比較強
- Relume:若是 Figma 設計師和 Webflow 架站的愛好者,可以玩玩看!Access the world’s largest library of Figma & Webflow components and build better websites in hours, not days.
- Siter.io:又一款免程式碼的網頁編輯器 No-code website builder,介面有點類似 Figma,Siter is a no code website builder for creatives. Create fully responsive portfolios and landing pages directly in the browser.
- Webflow:這款應該是相當多設計師知道的、新潮的 No Code 架站平台,打造客製化品牌官網或作品集網站都不是難事,還有一個強項是動態設計、互動設計的功能設定,但用過之後深深覺得對「網站初學者」不友善,建議可以先使用免費方案操作後台體驗一下!Create a custom website | Visual website builder