104學習

編排設計

指將文字、圖片及其他視覺元素有系統地安排在版面上,使內容清晰易讀且具吸引力。透過合理的結構與視覺層次,提升資訊傳達效率,讓受眾能迅速抓住重點。這項技能在印刷品、數位媒體及廣告設計中都很重要,有助於強化品牌形象與訊息一致性,提升整體專業度與市場競爭力。

1,102 個相關職缺

提升你的實力,朝專業更進一步

精選課程

充實自己,讓能力持續成長

商業平面設計|PS+AI整合進階課
商業平面設計|PS+AI整合進階課
不用畫也能設計!AI 繪圖:打造品牌視覺的提案實戰
不用畫也能設計!AI 繪圖:打造品牌視覺的提案實戰
Illustrator向量平面設計
Illustrator向量平面設計
設計師接案必修課:從作品集到報價,系統化讓專業變現| 104獨家
設計師接案必修課:從作品集到報價,系統化讓專業變現| 104獨家
專為混合辦公設計的高效管理工作術
專為混合辦公設計的高效管理工作術
商業簡報從0開始
商業簡報從0開始
質感商業空間:SketchUP高效出圖|進階課
質感商業空間:SketchUP高效出圖|進階課
圖像化 企劃案撰寫
圖像化 企劃案撰寫
AI高效領導術:主管必備60大應用場景全攻略
AI高效領導術:主管必備60大應用場景全攻略

精選證照

考取專業證照,讓能力被市場看見

編排設計InDesign |
編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行專業排版與設計的能力,涵蓋文字編排、圖像整合、頁面設計及輸出設定等技能,適用於出版、廣告及數位媒體領域,有效提升工作效率與作品品質。
尚未查核發照單位
基礎編排設計InDesign |
基礎編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行排版與設計的基本能力,涵蓋文字編輯、圖像處理及版面配置等技巧,能有效製作海報、書籍與宣傳品等多種印刷與數位媒體作品,適合從事平面設計及出版相關工作者提升專業技能。
尚未查核發照單位
使用者介面設計 Adobe XD |
Adobe XD證照驗證持有人具備使用Adobe XD進行使用者介面設計的專業能力,能有效運用軟體工具進行原型製作、互動設計及視覺布局,提升產品使用者體驗。持證者熟悉設計流程與協作技巧,能與團隊成員順利溝通,確保設計方案符合需求並具備創新性。此證照適合UI/UX設計師、產品經理及相關領域專業人士,提升職場競爭力與專業信譽。
尚未查核發照單位
網頁設計規劃師 |
學習如何網站建置以及網頁設計等服務功能。所見即所得的網站管理後台、並做好維護更新。網路廣告行銷管理以及SEO知識應用層面,提供您在網路整合行銷上提供更好服務。
TIPCI臺灣國際專業認證學會
Pagemaker |
Pagemaker證照證明持有人具備使用Adobe Pagemaker進行專業排版與設計的能力,能熟練操作軟體完成書籍、雜誌及宣傳品等印刷品的編排工作,熟悉文字處理、圖像整合及版面設計技巧,具備有效溝通與協調印刷流程的能力,適合從事平面設計、出版編輯及印刷相關職務,提升職場競爭力與專業形象。
Adobe
IMSA整合行銷策略分析師 |
有鑑於現在學生實務學習普遍不足,針對行銷方法往往都是一知半解,無法將所學習的行銷理論與實務作有效性結合,所以為了讓學員更容易建立整合行銷策略分析及規劃的概念,且知曉如何善用各種行銷企畫與策略分析工具如:市場調查與分析預測、顧客消費行為研究、行銷策略規劃、品牌經營與管理、顧客價值管理、商品規劃與通路管理、服務作業管理、商務活動規劃、廣告文宣企畫、成本分析等工具,來為商品創造高度的銷售績效與持久的競爭優勢。
盈豐資訊科技有限公司

精選貼文,掌握第一手知識

用AI快速做商品廣宣圖:Manus AI一鍵生成視覺文案行銷素材,電商小編必學

電商和社群小編每天都和時間賽跑,如何用AI快速產生高品質的商品廣宣文案與視覺圖片?本文以Manus AI示範,只要上傳隨手拍的產品照,輸入簡單的需求,就能自動產生專業的文案與圖片!跟著詳細步驟教學,讓AI工作成為行銷工作的最佳夥伴,本文節錄自《用AI做設計》。 文/施威銘研究室 本文目錄(點擊可快速前往) 電商小編的救星!隨手拍的照片也能變成廣宣圖【Manus AI】用AI自動產生廣宣文案及圖片 電商小編的救星!隨手拍的照片也能變成廣宣圖 在電商快速發展的時代,品牌商與代理商經常需要做各種產品廣宣,並進行多平台的行銷推廣。然而,專業攝影往往得花大量的時間與資源,對於忙碌的電商小編來說,並非每次都能安排專業的攝影。 現在有了AI即使是隨手拍的產品照,都能輕鬆轉成廣宣素材,重點是不用自己去背、想文案,只要上傳照片就能在短時間內完成。 隨手拍的桌上型電扇,背景雜亂、光線不佳。透過AI的處理,馬上變成一張廣宣素材(圖/旗標出版提供) 【Manus AI】用AI自動產生廣宣文案及圖片 【使用AI】Manus 電商小編與社群小編每天都在和時間賽跑,得產出大量高品質的廣宣文案與視覺圖片。面對不斷湧現的行銷需求,該如何在有限的時間內,產出吸睛且符合品牌調性的內容?AI正是你的得力助手,只要上傳隨手拍的產品照,輸入簡單的需求,就能瞬間產生專業的文案與圖片,減輕工作負擔。底下我們以Manus AI做示範。 Manus:https://manus.im/home 【Step 1】 請開啟網頁瀏覽器,輸入「https://manus.im/home」網址,連到manus網站,這是一個通用型的AI網站,可以幫你解決各項工作及生活中的問題,進入網站後點選畫面右上角的開始使用鈕,接著使用Google帳戶註冊即可開始使用各項服務。 按下開始使用(圖/旗標出版提供) 點選Google帳戶或使用Apple ID註冊(圖/旗標出版提供) 【Step 2】 首次註冊會得到1000免費積分以及每日登入的300積分,你可以先用免費積分試用各項功能,再決定是否付費(註:官方贈送的免費積分可能會隨時變動,在此僅供參考)。 首次註冊、登入會得到免費積分,請按下知道了關閉此訊息(圖/旗標出版提供) 【Step 3】 接著,在輸入框中輸入你的需求(提示語),在此我們想將隨手拍的照片製作成促銷廣告。 輸入需求(請製作一張直幅的促銷廣告,文字使用繁體中文)+上傳檔案 輸入需求並上傳檔案(圖/旗標出版提供) 【Step 4】 送出需求後,manus就會開始處理,大約等個20多秒就會生成圖片及廣告文案。 自動生成廣告文案、生成兩張圖供我們參考,點選縮圖可放大瀏覽(圖/旗標出版提供) 自動去除照片中雜亂的背景,並加上文案,可惜文字大多是亂碼(後續可使用影像處理軟體來修改)(圖/旗標出版提供) 廣告文案包含主標題、副標題及產品特點,這些都是AI自動產生的(圖/旗標出版提供) 【Step 5】 由於AI生成的中文字大多為亂碼,在此我們可以將AI生成的圖片及文案下載到電腦裡,後續再用影像處理軟體來修改文字。 (圖/旗標出版提供) 下載檔案(圖/旗標出版提供) 下載後的檔案為壓縮檔,會存放在電腦中的Downloads資料夾,解開壓縮檔就可以進行後續的修改(圖/旗標出版提供) 【Step 6】 你可以使用AdobeExpress或是Photoshop的生成填色功能,將中文亂碼的部份去除並與背景融合,再自行輸入文字。 AdobeExpress:https://www.adobe.com/tw/express/ Photoshop:https://www.adobe.com/tw/products/photoshop.html (圖/旗標出版提供) 【TIP】如果覺得要刪除中文亂碼並與背景融合很麻煩,你也可以直接將manus生成的圖餵給ChatGPT,請它「生成一張去除文字的圖」。這樣後續只要輸入文字就可以了。 節錄自:旗標出版《用 AI 做設計:沒時間?沒素材?沒靈感?就 Call AI 救援》/施威銘研究室 著 推薦閱讀: AI生成圖卡教學!ChatGPT打造專屬社群配圖,告別圖片荒 「模糊照片背景」免費AI工具推薦!輕鬆告別雜亂、重點更聚焦 ChatGPT-4o更新圖片生成模式升級!照片Q版貼圖、漫畫生成怎麼做? ChatGPT生成Excel圖表不卡關!xy軸設定、中文顯示問題輕鬆搞定
【104職場力】・AI

「接案作品集」怎麼準備?6大要素及不同客戶應對技巧

對自由接案工作者來說,「作品集」往往比履歷更能展現你的專業度與價值。一份好的接案作品集該怎麼準備?作者為軟體工作者,分享好作品集的6大必備要素,並用自身經驗解析技術型、設計導向、非技術型與綜合型客戶的關心重點,幫你打造更有說服力的作品集。本文節錄自《不想上班的勇氣:軟體工作者的第一本接案指南》。 文/陳泰銘(Taiming) 本文目錄(點擊可快速前往) 為什麼需要準備接案作品集?接案作品集準備方向:依照不同接案類型、客戶來調整好的作品集應該具備的6大要素沒有作品集怎麼辦?最好平時就累積Side Project 為什麼需要準備接案作品集? 作品集是接案者的「敲門磚」,能夠幫助潛在客戶快速了解你的能力、風格和經驗。有時候,你的作品集甚至比你的履歷還重要,因為它是最直觀的證明,展示你的專業度和價值。 客戶沒有時間細聊,先看作品決定是否聯繫你 比起履歷,作品集更能說明你的實力 客戶更信任有實際案例的接案者 降低溝通成本,幫助客戶確定風格與需求 讓你在競爭者中脫穎而出 當你在社群平台或論壇上看到有人發問:「有人可以幫我做插畫設計嗎?」如果你只是留言「我可以做」,很容易淹沒在眾多回覆中,客戶也不會特別關注你。但如果你直接附上作品集連結,讓對方點進去就能看到你的實力,成功機率就會大幅提升。這樣的方式不僅能讓你在競爭中脫穎而出,也能迅速抓住客戶的注意力。 接案作品集準備方向:依照不同接案類型、客戶來調整 一開始瞄準方向很重要,因為不同類型的客戶關心的重點不同,你的作品集應該根據你的目標市場來調整。例如: 技術型客戶:展示程式碼品質與技術細節 當你的目標客戶是開發公司或技術團隊時,他們更關心你的技術能力,而不只是表面的作品展示。例如,當一間軟體公司正在尋找後端開發者時,他們不會單純看UI設計,而是會評估你的程式碼品質、架構設計與API文檔。如果你的作品集包含GitHub專案連結、技術架構解析、程式碼片段或效能優化案例,將更能說服這類客戶,讓他們相信你具備專業的開發能力。 非技術型客戶:強調成果與商業價值 當你的客戶是中小企業或個人創業者時,他們通常不懂技術細節,而是關心你的工作能否為他們帶來實際價值。例如,一位餐飲業老闆希望建立線上訂餐系統,但他不懂技術,對「技術堆疊」也沒有興趣。他想知道的是這個系統能否提升業績、減少人工成本、讓顧客更方便。因此,針對這類客戶,你的作品集應該側重於案例說明,包含專案背景、解決的問題、最終成果與數據,例如「這個網站讓客戶下單率提升30%」,而不是單純列出技術細節。 設計導向的客戶:重視視覺呈現與品牌一致性 當你的客戶是品牌商、電商品牌或行銷團隊時,他們關心的是視覺美感與風格統一性,而不是技術實作的細節。例如,一位服飾品牌老闆希望找人設計一組社群貼文模板,他不會關心這些設計是用Photoshop還是Figma製作的,而是想知道你的設計是否符合品牌形象,能否吸引目標受眾。因此,你的作品集應該著重展示設計風格,提供高品質的圖片、完整的設計概念,並附Behance、Dribbble或Figma連結,讓客戶能夠直觀地評估你的視覺風格是否符合需求。 綜合型客戶:需要靈活調整作品集內容 有些客戶的需求涉及多個面向,例如,一家新創公司希望開發一款APP,他們既關心UI設計,也重視技術架構與開發能力。在這種情況下,若你的作品集過於單一,可能無法完整展現你的能力。最佳做法是針對不同領域準備不同版本的作品集,例如一份專注於UI/UX設計,另一份則強調技術架構與開發過程,這樣才能根據不同客戶的需求靈活調整,確保你的作品集能夠精準打動對方。 因此,一開始要明確你的目標客戶,這樣作品集才能精準打動對方,而不會顯得雜亂或無法吸引適合的機會。 好的作品集應該具備的6大要素 一份優秀的作品集,不只是展示你的能力,更應該幫助潛在客戶快速理解你的價值,並建立信任感。以下是作品集應該具備的關鍵要素: 1. 清楚的自我介紹與專業定位 你的作品集應該開門見山地說明你的專業領域,例如「專注於SaaS產品開發的全端工程師」或「專精品牌識別與UI設計的視覺設計師」,讓客戶一眼就能理解你的核心技能與市場定位。 2. 精選案例,而非堆砌大量作品 作品集不應該只是單純堆放所有作品,而是要精選最具代表性的案例,並確保這些案例與你的目標市場匹配。例如,如果你主要服務科技新創,那麼展示SaaS產品設計或開發案例會比一般電商網站更具說服力。 3. 案例背景與解決方案 單純的圖片或程式碼展示不足以吸引客戶,你應該為每個案例補充背景資訊,例如:「這是為某家新創公司開發的會員系統,目標是提升用戶留存率」,然後說明你的解決方案與貢獻,例如:「透過重新設計UI/UX,讓註冊轉換率提升20%。」這樣的敘述能讓客戶更容易理解你的價值。 4. 數據與成果驗證 如果可以的話,加入量化數據來證明你的工作成效,例如「重新設計後的網站,跳出率降低25%」、「API優化後,請求速度提升40%」,這樣的數據能讓你的作品更具說服力,提升客戶的信任度。 5. 直覺且專業的視覺呈現 作品集的排版應該簡潔清晰,避免雜亂無章的內容堆砌。如果你是設計師,這本身就是對你美感能力的考驗;如果你是工程師,也應該讓專案展示清晰易讀,像是使用卡片式設計來分類案例,或提供 GitHub 連結搭配摘要說明。 6. 聯絡方式與行動呼籲(CTA) 無論作品集是網站、PDF還是簡單的Notion頁面,都應該明確提供聯絡方式,例如Email、LinkedIn、或接案平台連結。此外,可以加上一些行動呼籲,例如「有興趣合作嗎?歡迎來信討論!」,讓客戶知道下一步該怎麼與你聯繫。 透過以上這些要素,你的作品集不僅能夠有效展示你的專業能力,也能提升轉換率,讓潛在客戶更容易做出決策,進而提高你的接案成功機會。 沒有作品集怎麼辦?最好平時就累積Side Project 其實,比起事到臨頭才急著找作品集,最有效的方法是平時就主動累積Side Project。不論是為了解決某個小問題、實現自己的點子,還是純粹為了學習新技術,只要能完成、有成果可展示,就能成為你的實戰證明。 Side Project不需要商業化,也不必太龐大,關鍵是能展現你的能力與風格。這些專案可以放在你的個人網站、GitHub、Behance、Notion或Medium等平台,讓潛在客戶在搜尋你的名字時就能看到。 以下是一些常見的發想與執行管道: 解決自己的痛點:把日常遇到的問題變成產品,例如排程工具、記帳App、小型自動化腳本等。 模仿與改造:挑一個你喜歡的網站或應用,試著重製、優化或加入新功能。 開源貢獻:參與GitHub上的開源專案,累積實戰經驗與人脈。 挑戰題目平台:參加如Frontend Mentor、Dribbble Weekly Warm-up、Kaggle等主題挑戰。 幫朋友或社群做東西:主動幫朋友設計海報、開發活動報名網站、製作社群 BOT 等。 紀錄學習歷程:把你學會的新技術或解法整理成部落格、教學影片或Notion範本。Side Project的價值,不只是讓你練功,更是你與客戶溝通時最有說服力的「非商業作品集」。尤其在你還沒太多實戰經驗時,它們能說明你的主動性、邏輯思維、執行力與品味。 節錄自:博碩《不想上班的勇氣:軟體工作者的第一本接案指南》/陳泰銘(Taiming) 著 獨家課程推薦:【設計師接案必修課】從作品集到報價,系統化讓專業變現 [joblist_plugin title='更多104【軟體工程類 接案】工作機會' url='https://www.104.com.tw/jobs/search/?jobcat=2007001000&mode=s&page=1&ro=2&keyword=%E6%8E%A5%E6%A1%88&order=15' amount='4'] 更多【自由接案】分享: 上班族也掀「斜槓兼職」熱潮!高薪兼職時薪破千,兼職工作機會懶人包 接案族該如何報稅?一文搞懂「接案外包」的報稅技巧,趕快收藏! 設計接案合約必備5大要素!保護權益必知,終結客戶鬼打牆 接案報價不是憑感覺!給新手的基礎報價公式參考 2025 最完整免費接案平台、接案社群總整理(附設計、行銷外包接案工作機會)
【104職場力】・UX

產品設計師的十萬個為什麼!

「你要一直問為什麼,問到對方覺得你煩,這代表你成功了!」資深產品設計主管Kinny用「問」定義一位出色的產品設計師。只有不停發問,不停挖掘,才能直入user痛點。既要理性的邏輯推敲,也要感性的換位同理;既要美感設計的硬底子,也要學SEO、文案力、社群經營;居前端開發團隊與產品PM之間,也居末端消費者和業務行銷之間。有時為了一個產品,還得大展溝通長才,和五、六個部門同時溝通。不論你是建築系、多媒體動畫系、新聞系、商業設計系,只要有實力,就能當好產品設計師。 【Pocket Casts這裡聽】  【MixerBox這裡聽】 【本集來賓】Kinny Lai 賴沼彣,104人力銀行設計處平台體驗設計部經理,帶領8位產品設計師,團隊負責104逾20個產品設計。曾擔任視覺設計師、UI設計師,現為產品設計師。 【本集重點】01:47 思考使用者的需求,聽顧客,只是優化,沒有革命性創新04:07 聽市場反饋與聲音。蒐集各單位的意見,落實實際方案06:12 設計強,但溝通弱,怎麼辦?示範、邊做邊學07:32 最大風險:近視,大量觀看介面,爬文,看數據,傷眼工作08:24 最大挑戰:隨著市場與科技的變化,需求一直改變;跨部門協作,挑戰溝通能力,利益衝突11:27 特質:對問題與現象充滿好奇心;行動力,解決問題,理論落實到實踐16:23 文案力:推薦課程=>這些課程也很適合你=>你離offer就差這些課程喔。18:00 多是設計相關科系畢業,但現在也能透過轉職、自學,養成設計師技能20:24 每年都有新挑戰,瞭解外面網路世界,經營社群 ▍ 開箱更多職務,你別錯過EP466【百工大吉】工程師斜桿自媒體,月增六千零用金。工作療癒系po文,圈粉超自然 EP434 【百工大吉】前端工程師多非本科生? 說人話、懂人性,決定你的本事 EP427 【百工大吉】開箱show girl (上):技能篇。選腦子!3C產品主持展示,上場前,先考試
【104職場力】・職涯規劃

ChatGPT生成圖片別只寫「幫我做海報」!設計師分享提示詞6要素,職場公告、簡報都好用

工作需要用AI做海報公告、簡報封面,不是設計師該怎麼做才專業?本次客座小編「設計Ya黃素」從專業設計師的角度,教大家運用ChatGPT Images 2.0的圖片生成功能,生成職場常用的公司內部公告、海報、簡報美化等,並提供6要素Prompt公式、實作示範對照、以及修改提示詞建議,非設計專業都能馬上上手! 文/設計Ya黃素 本文目錄(點擊可快速前往) 最常見的5種職場設計需求,用AI做出專業視覺!職場圖卡、簡報設計6要素!可直接套用的提示詞範本實測示範:用ChatGPT做公司內部活動宣傳海報進階實測:用ChatGPT美化簡報的視覺風格AI生圖結果不滿意?5種常見問題修正語句對照AI生成圖片好用,但6點提醒得先知道 本文使用工具:ChatGPT是否付費:免費版即可使用ChatGPT Images 2.0功能,但訂閱版支援多圖同步生成的進階功能 最常見的5種職場設計需求,用AI做出專業視覺! 公司要辦活動、HR要推新制度、主管要做內訓……需要製作圖卡或海報公告,但自己不是設計師,也沒有預算外包設計該怎麼辦?以前可能只能用免費素材圖庫、網路哏圖稍微改改,現在可以交給ChatGPT Images 2.0的圖片生成功能幫你做! 以下5種職場常用的視覺產出,都是實際用AI生圖可以處理的情境: 簡報封面/章節頁:新人訓練、主管培訓、年度計畫 內部活動宣導圖:健康月、志工日、家庭日、節慶活動 教育訓練教材配圖:溝通情境、回饋情境、團隊合作情境 制度公告視覺:混合辦公、請假制度、EAP、績效時程 抽象概念圖像化:心理安全感、成長文化、員工體驗、跨部門合作 不論是產出簡報用圖或製作內部活動宣傳視覺,這5種需求的共通點是「讓要宣傳的內容更容易被大家理解」。 本文以ChatGPT圖片生成功能為例,從專業設計師角度分享「如何說清楚需求」,寫出更精準的圖片生成prompt。 圖/設計Ya黃素 職場圖卡、簡報設計6要素!可直接套用的提示詞範本 想用AI生成宣傳圖卡,如果prompt只寫「幫我做一張員工健康月的宣傳圖」,模糊的需求讓AI自由發揮,可能會生成不符實際需求的內容,或是風格不符公司調性。 用AI生圖就像跟一位沒來過你公司的設計師溝通,把指令說得越清楚,AI做出來的東西才會越接近你的需求。 好用的Prompt,只要說清楚6件事: 要素需要回答的問題素材類型我要做簡報圖、海報、公告圖,還是教材配圖?使用場景這張圖會放在哪裡?簡報、公告、內部頻道?目標對象誰會看到?新進員工、主管、全體員工?核心訊息看完希望對方理解什麼?視覺風格要專業、溫暖、活潑、科技感,還是簡潔?版面需求要不要留標題、活動資訊、Logo或CTA空間? 【AI生圖提示詞】可直接套用的Prompt公式範本 提示詞有4個關鍵:把用途說清楚、把受眾說清楚、風格要具體,以及要記得說「保留文字空間」。以下提示詞範本可直接複製使用: 我要製作【素材類型】,使用場景是【簡報封面/內部公告/活動宣導/訓練教材】,目標對象是【新進員工/全體員工/主管/跨部門同仁】,希望傳達【核心訊息】,視覺風格是【3–5個形容詞】,畫面需要包含【人物/場景/元素】,請避免【不要出現的元素】,尺寸為【16:9/A4/1:1/1080x1350】,並保留【標題區/文字區/Logo區】。 補充:因為ChatGPT生成的圖常會是整個滿版,讓整體資訊太滿,預先「保留文字空間」除了可以不要太滿版之外,也能保留後續修改彈性,因此建議生成架構之後再調整圖片。 圖/設計Ya黃素 實測示範:用ChatGPT做公司內部活動宣傳海報 首先實測單張圖卡生成,不論是使用免費版或訂閱版,都能使用ChatGPT Images 2.0的圖片生成功能。 工作情境:下個月公司要推動「員工健康月」,需要一張內部宣導海報,要放在公司公告與Teams頻道。設計需求:看起來專業、有活動感、不能太幼稚、要保留標題與活動資訊空間、符合內部溝通語氣,而且最好今天就能產出第一版。 模糊的提示詞:幫我做一張員工健康月的宣傳圖。⮕需求太模糊,ChatGPT會自由發揮,生成一張滿版的宣傳圖卡。 精準提示詞(套用6要素公式):生成一張公司內部活動宣導海報。活動主題:員工健康月目標對象:公司全體員工使用場景:內部公告、公司通訊軟體、活動宣傳風格:明亮、友善、專業、溫暖、有活力畫面內容:員工伸展、喝水、步行、健康飲食,呈現健康工作生活版面需求:上方保留主標題區,下方保留活動日期與資訊區色彩:綠色、藍色、白色為主尺寸:A4直式避免:太卡通、太醫療、畫面太擁擠 實際生成結果: 圖/設計Ya黃素 可以發現兩種提示詞的生成結果差很多,模糊提示詞的元素雜、版面滿、不方便再調整文字;而精準版提示詞的圖片,畫面乾淨、留有文字區、風格符合需求的企業內部溝通調性。 若要調整圖片細節,只要在對話框中輸入指令或加入文字即可修改圖片,也可以另外用Canva等工具後製加上文字、公司Logo。 職場力小編補充:以上是專業設計師的建議步驟,若不想生成太多次,也可以一開始就把想好的完整文案、時間資訊等內容寫進提示詞喔! 進階實測:用ChatGPT美化簡報的視覺風格 如果你是ChatGPT訂閱用戶,在選擇「推理(Thinking)」或「Pro」模型時,可以使用多圖同步生成的進階功能,一次最多可生成10張圖片,接下來就實測利用這個功能美化工作簡報。 工作情境:簡報內容和頁數分配都已經完成了,但版面看起來太素,在不改寫簡報內容的情況下,要怎麼用AI讓它變好看? 設計需求:不改寫簡報文字、保留原本的頁面順序和內容架構,只針對視覺做美化,並讓整份簡報的視覺風格一致。風格適合公司內部教育訓練使用,專業、現代、清楚、有信任感;每頁要保留足夠的文字閱讀空間,避免過度裝飾、畫面太滿、商業圖庫感太重。 精準提示詞(套用6要素公式):根據我上傳的這份簡報進行視覺美化,頁面比例為16:9。保留所有原始文字、頁面順序與內容架構,不要新增、刪除或改寫任何文字。請只針對視覺做優化,包括:- 版面配置- 標題與內文層級- 色彩系統- 圖像元素- 插圖風格- 留白- 整體一致性目標是讓這份簡報更像專業企業內訓教材,適合HR用於公司內部課程。風格請設定為:專業、現代、簡潔、清楚、有信任感。+上傳現有簡報 實際生成結果:單次最多可生成10張圖片,若簡報較多頁可以分批生成。 圖/設計Ya黃素 AI生圖結果不滿意?5種常見問題修正語句對照 ChatGPT生成圖片不滿意怎麼改?以下整理5種最常見的問題,可直接在ChatGPT對話框中輸入修正語句: 問題修正語句畫面太滿減少畫面元素,保留更多文字空間太像圖庫讓人物互動更自然,避免制式商務感風格太卡通改成更專業、成熟的企業內部溝通風格看起來不像台灣企業讓場景更貼近亞洲企業辦公環境,人物外貌與空間設計符合台灣職場氛圍文字不好讀簡化文字,保留空白讓我後製排版 AI生成圖片好用,但6點提醒得先知道 ChatGPT等AI工具生成圖片很方便,但在工作上使用,仍需注意避免上傳敏感資料、確認肖像授權、維持品牌一致性等原則,整理6點注意事項: 不要上傳敏感資料:不上傳個資、客戶資料、財務數字、內部機密或未公開資訊。 確認肖像授權範圍:使用真實人物、照片或品牌素材前,需先確認授權範圍。 留意刻板印象:留意性別、年齡、職位、外貌或文化背景的呈現,確認沒有偏見。 AI圖先當草稿:適合用來產生視覺方向與初版概念,正式發布前仍需人工檢查。 文字資訊要校稿:日期、制度名稱、數字、聯絡資訊等都要再次核對正確性。 維持品牌一致性:產出圖片仍需符合公司品牌調性、色彩與溝通風格。 推薦閱讀: AI生圖再進化!ChatGPT Images 2.0生成海報文宣、手繪風塗鴉怎麼做? OpenAI推出ChatGPT Images 2.0支援多語言、思考精準度再升級 NotebookLM生成簡報、資訊圖表功能登場!實用技巧盤點
【104職場力】・AI

產品經理的「向上管理」必修課:老闆需求變來變去怎麼辦?

作者前言:策略走向終須一變,影響到產品規格與功能異動,PM們該如何解讀老闆指令,因應需求變更的任務?本篇文章適用於所有產品經理(PM),閱讀時間約10分鐘,希望大家都能順利克服產品被更動時的狀況。 – 文/Mu Chen 陳爾豪 一、本質,從商業思維談起 產品經理基本除了關心用戶體驗、跨部門溝通、確認功能細節外,進階的你得關心老闆的策略思維、集團戰略、市場/公司利益等。 說白了些,商業策略的走向影響了所有的需求變動,創造出來的產品不為了單一的用戶體驗環節,而是你的核心服務/業務滿足了多種用戶體驗,消費者們願意買單支付並使用你的服務,而最終集結成了你的產品。 而「需求變動」,起因都可能來自「商業策略」的轉換,無論是外在發動還是內部啟動,都是一環扣著一環去影響你的產品。 你得清楚,在你的公司中,哪些產品與核心功能是老闆最為關心?哪些用戶貢獻度最高?或更為被重視?有了基本的體認,未來在面臨各種策略或功能異動時,才能用最快速度應變。 二、理解,老闆的話中話 有時老闆在提出需求變更時,資訊是非常不明確的,可能只丟了一句話、一篇新聞報導、深夜時發了段LINE message描述他對產品未來的願景,然後就讓你(找不到人或太忙)無所適從。 在產品經理接到任務後,第一件事不該是立刻想功能怎麼設計,或是傳達聖旨給所有跨部門同事們,這只會讓你像個工匠或傳聲筒。你得仔細揣摩並理解老闆的話中話,也許發現他提出的不是個需求變動(而是發牢騷?),或著現階段不該做的事(先畫餅),有幾個check point可以衡量: 你問得到更多資訊嗎?不是當下立即拒絕或接受,是取得更多判斷條件。 你理解老闆說出這句話的環境背景嗎?(ex.新聞, 研討會) 專案/產品進行中的策略/情報,是否有遺漏更新給老闆的地方? 你理解市場上對手的動態嗎?發展策略是否和別人有差異? 從商業思維出發,這樣的需求變動是否有符合公司策略及盈利? 在Top-down到產品功能後,才去思考如何變動設計,能夠符合老闆提出的需求變動原意,而你在真正理解後,也才能制定正確的action plan。 過去在中國信託負責數位平台時,曾接到「要提升所有宣傳曝光」的任務,直觀來說這是Marketing份內的事,從優化單一素材成效與想出更多creative idea去達成。但從Platform/Channel角度來看,則是如何創造更多「曝光機會」,從服務/場景思考創造新版位,或平台向下細化分眾加強曝光效果,又或是從外部資源去連結產品創造新客群。 但從老闆的話中話來定義,卻可能是「搶佔所有客戶touch point,達成產品在上市初期的話題與聲量。」在這條件下,就不能從單一面向(Marketing)去思考提升既有通路/產品的曝光。 三、尋找,從變更需求中點出明燈 在釐清老闆話中話,真正確認是「改動需求」的Brief後,你有幾條路可以走: 堅持立場:你有時需要學會拒絕老闆的任務,不是什麼都必須執行與Say yes,必須站在完整的產品全局去思考與說出你的獨立觀點。但在拒絕變更需求的同時,必須向老闆說明清楚,你的思考判斷為什麼這個不能更動?原因是什麼?影響範圍有哪些? 接受他也接受事實:產品經理得在內部會議上審查產品環節,並向老闆確認自己對業務/新需求的解讀是否有誤,你需要釐清新流程、新邏輯、因應新狀況帶來的各種問題,都需要和老闆確認並過一遍。既然是變更,那就得一次到位。而再次審查的面向,包含了影響範圍、功能/設計細節、時程、人力、業務邏輯、老闆期待值、各關係人、市場狀況等。 切記,再次從商業思維檢查業務邏輯,不能和產品邏輯脫鉤,一但落下不是變成沒人用的產品,就是用了卻不符合消費者期待的產品。 你也許會碰到無所適從的時候,像範圍太大不知如何改起、功能複雜一時動不了太多(通常這程度改動已經是策略上的翻天覆地)。試著化整為零,拆分成一個一個小環節來看,並排序重要性及急迫性,把互相影響的湊成一塊,單獨能解決的標記出來,有助於梳理思緒。 拉著key stakeholder看來,別讓自己陷入單兵作戰的窘境。 四、教育,不是一蹴可及 在變更需求不斷痛苦的溝通過程中,你得明白,老闆不像你一樣懂得所有產品開發流程,在同樣的時間內他學習並實踐商業策略,綜觀全局,但技術面的Know-how、或是產品全局的掌控,你才是專家。 因此,你不該當有意見不合時就一昧責怪你老闆,一次溝通不成功,你得去梳理背後的原因,才能找出後續解決的核心: 觀念來源:是否有他更信賴,更倚重的消息來源去造成他這樣的思考脈絡?可能是另外一位主管的論點,又或是新聞/媒體上的某些事件。 成功經驗:觀念是長久累積而成,而人們習慣依賴過往的成功經驗,進而複製到下一個階段,你得觀察是否有他的過往成功經驗擋住了你的提案? 說服程度:你準備的materials,是否足夠支撐你想講的論點與提案?你的key message是否清楚?又能讓老闆在短時間內吸收理解? 溝通策略:你可以動之以情,或是分析利弊得失,但得先確定好你的時間/地點等環境因素適合提出,並使用一切合情合理的方式讓你的老闆了解改動需求所帶來的影響。 - 甚至,你可以定期或不定期的盡量洗腦你的老闆,無論是正式會議、等電梯、搭Taxi、外出覓食、單獨走路時,你要把握每一次談話的機會教育他、洗腦他、舉例來說服他、讓他對於你做的判斷感到心動,開始對於他做的決定感到動搖,當動搖累積到一定程度後再進行正式會議說服,成功率才會大幅提升。 一次提不過,不代表會永遠提不過。 也有一種方式是拉入外部資源,從顧問,廠商下手,比你自己來教育會輕鬆很多,不管是外部seminar、內部workshop開始進行教育工程,日常教育是減少未來認知gap的基礎。 五、安內,向上向下即時更新 對於向上管理的訊息同步,你必須注意以下的要點: 主動性:身為一個產品經理,你得學會主動將資訊跟進度同步給你老闆,尤其在產品變更需求上,老闆更會特別重視,甚至等不及weekly meeting報告,你需要深入分辨什麼是你自己能下判斷處理的,哪些是老闆需要知道/或決策的訊息,在適時的時候提出,才能增加你溝通上的價值。 決策點:若專案需要老闆裁決判斷,你需要清楚地列出各項action item,並壓上deadline,說明決策帶來的正負影響(通常算一算變更需求,負面影響都大於正面…) 面對PM性格或控制欲強的老闆,訊息同步更為重要,很多老闆恨不得在他想要的產品功能上樣樣都插手,但適時的讓他放心,並展現你專案控管的專業就是一件得不斷學習的事。 即使最終仍要變更需求,對於跨部門溝通的同事們也要說明清楚: 變更目的:最終你被說服時,也要拿出老闆策略判斷與合理解釋去說明需求變更目的。(當然話術得內化過) 變更執行計畫:可能已和老闆協議了折衷方案,用最小的功能修改去滿足老闆的需求,但執行計畫、步驟上都需要和每一位專案成員溝通釐清。 更新協作資料:記得更新每一個記載舊需求的地方,包含Email, Excel, JIRA, Confluence, google doc…等等,避免造成混淆或資訊不同步。 最後,祝大家面對需求變更時都能安然度過,和老闆溝通順暢無比! (原文標題:學會向上管理,產品經理應對老闆變更需求之教戰守則) [course_plugin api_type='course_id' title='PM產品經理|入門致勝攻略' id='d74ae414-8db3-46d4-8158-9d256c517939']
【104職場力】・專案管理

從畫筆到數位創作──內思高工多媒體設計科的專業養成與創意實踐

在數位內容快速發展的時代,多媒體設計已成為結合創意與技術的重要領域。位於新竹的內思高工多媒體設計科,透過「手繪為本、數位為用」的課程架構,帶領學生從基礎美感培養出發,逐步延伸至動畫、影像與互動設計,建立跨媒介的整合能力。多媒體設計科庭裕主任指出,設計教育的核心不只是讓學生學會工具操作,而是培養「能夠思考與表達的能力」。「AI可以生成圖像,但它不是創意的源頭,真正的設計還是來自人的想法與判斷。」主任強調,學生必須先具備基本的觀察與創作能力,再透過數位工具與AI輔助延伸,而非完全依賴技術取代思考。 從手繪出發:「每日一畫」建立設計的基礎能力 內思高工多媒體設計科的課程設計,以明確的分年學習架構展開。高一階段以手繪與設計基礎為主,透過繪畫、圖學與基礎設計課程,建立學生的美感與表現能力。其中,「每日一畫」是最具代表性的訓練之一,學生需每天完成繪畫練習,扎實培養將想法轉化為圖像的能力。 圖:學生練習「每日一畫」作品 主任認為,設計的第一步不是直接操作電腦,而是「能不能把腦袋裡的東西畫出來」。「手的感覺是最直接的,想法要先透過手呈現,才有可能進一步轉化成數位作品。」這樣的學習過程,對許多學生而言並不輕鬆。並且,設計並非是單純的藝術表達,而是一種溝通與傳遞的方式。多媒體設計科的彭同學提到,自己原本只是單純喜歡畫畫,但進入科系後才發現,設計並不只是畫自己喜歡的內容,而是需要考慮「他人是否能接受」,甚至必須符合特定需求。「以前是畫自己喜歡的東西,但現在會去想,這個設計是不是別人也會覺得好。」這樣的轉變,也反映出設計工作與他人之間緊密的關聯性。 數位技能導入:從創作到媒介整合 進入高二後,課程逐步導入數位工具與媒體應用,包括電腦繪圖、3D動畫、影像製作與虛擬實境等內容。學生開始學習如何將手繪基礎轉化為數位作品,並使用AI製作及修正產生更廣泛的媒介形式。 其中,「互動動畫設計實作」課程特別具代表性。學生需以自身興趣為出發點,規劃主題、撰寫腳本、進行拍攝與剪輯,完成一支完整的影音作品。這樣的課程不僅訓練技術操作,更整合了企劃、表達與敘事能力。多媒體設計科的潘同學分享,自己原本期待能夠專注於拍攝影片,但實際學習後發現,需要先建立繪畫與設計基礎,才能讓影像創作更完整。「原本以為就是一直拍影片,但後來發現學到更多,包含畫畫、設計和不同媒材的應用。」這樣的學習歷程,讓學生逐漸理解,多媒體並非單一技能,而是一種跨領域整合能力。 此外,課程中也導入攝影與構圖訓練,讓學生理解影像的基本語言。主任指出,無論是動畫、設計或影像創作,視覺構成能力都是核心,「構圖、光影、畫面感,這些都是共通的基礎」。 圖:學生數位作品紀錄 從創意到實踐:設計思考的深化 在能力逐步累積後,課程進一步強調設計思考與創意發想。學生透過參加校內「創意構思競賽」,練習具體設計概念,並接受業界與教師的評估,從參賽經驗中學習如何讓創意回應真實需求。 主任指出,學生常出現的問題,是過度沉浸於個人想像,卻忽略設計的目的。「設計不是只為自己,而是要解決問題。」因此,課程會引導學生進行資料蒐集、使用者分析與實際驗證,讓創意能落地成為可行的設計。這樣的訓練,也培養學生面對修改與挑戰的能力,也建立了面對挫折的心理韌性。彭同學回憶,在進行大型水墨作品時,曾因不確定如何下筆而感到焦慮,但最終透過自我練習與同儕討論,完成作品。「完成的時候會覺得很有成就感。」她說。主任則強調,設計能力的建立需要時間累積,「先模仿,再轉化,最後形成自己的風格」,這是一個必經的歷程。 圖:彭同學水墨畫成果 高三階段,學生需整合三年所學,完成專題製作並對外展出。這不僅是學習成果的呈現,也讓學生有機會接受外界回饋。在專題製作中,學生可依興趣選擇方向,包括動畫、影像、平面設計或產品設計等。潘同學分享,自己在畢業專題中負責微電影製作,從劇本撰寫到拍攝與剪輯皆親自參與,他回憶「影片完成的時候會覺得很滿意。」 從學習到未來:多元發展的可能性 在升學發展方面,多媒體設計科學生多以升學為主,延伸至視覺傳達、商品設計、室內設計、建築與多媒體相關科系。主任指出,設計群本身具有高度延展性,「只要有美感基礎,可以發展的領域很多」。 學生的選擇也呈現多元樣貌。彭同學希望未來朝產品設計發展,而潘同學則考慮以建築作為主要專業,同時持續發展影像創作。這樣的路徑,也反映出多媒體設計科所培養的,不只是單一技能,而是一種可延伸的能力基礎。 在創作與實作之間,培養可持續發展的能力 內思高工多媒體設計科,以手繪為起點,逐步導入數位與AI的媒體應用,建立從創意發想到實作完成的完整學習歷程。在這樣的訓練中,學生不僅學會設計技術,更在反覆修正與實踐中,培養出表達能力、問題解決能力與創意思維。 對國中生與家長而言,多媒體設計科所提供的,不只是進入設計領域的入門訓練,而是一條將「想法」落地為技能的學習路徑。在這樣的過程中,學生能為未來的升學與職涯發展奠定穩固基礎。 開箱多媒體設計科學習日常!更多科系探索,歡迎追蹤104高職生IG 在 Instagram 查看這則貼文 104高職生(@104v.hs)分享的貼文
【104職場力】

零經驗小編跨域轉職產品設計師,撥開產品迷霧 ,看透user痛點

產品設計師、UIUX設計師、視覺設計師,傻傻分不清?!沒有設計師經驗的採訪編輯透過自學也能轉型成為產品設計師!這一集,跟著資深產品設計師Kinny一次搞懂各種設計師的精髓和差異。其中,產品設計師可視為UIXI設計師和視覺設計師的進階職務,光有設計美感還不夠,還要擅長溝通,看透user的痛點,擬定產品策略,讓抽象的概念具體化。 【Pocket Casts這裡聽】  【MixerBox這裡聽】 【本集來賓】Kinny Lai 賴沼彣,104人力銀行設計處平台體驗設計部經理,帶領8位產品設計師,團隊負責104逾20個產品設計。曾擔任視覺設計師、UI設計師,現為產品設計師。 【本集重點】04:33 非典型設計師職涯,網路小編也能當設計師?05:38 視覺設計師重「好看」,產品設計師重「好用」08:15 產品設計師是UI、UX進階職類13:11 網路產品設計師,一條龍前中後都要兼顧。開發前,使用者研究,對齊公司產品與目標15:40 開發中:梳理資訊架構、內容結構,其次是視覺設計、符合品牌調性16:24 上線後才是挑戰,驗證,了解使用者反饋。17:40 前期最困難,溝通最花心力與時間,把模糊需求具體化23:17 具備跨單位溝通能力,產品設計師是橋樑 ▍ 開箱更多職務,你別錯過EP466【百工大吉】工程師斜桿自媒體,月增六千零用金。工作療癒系po文,圈粉超自然 EP434 【百工大吉】前端工程師多非本科生? 說人話、懂人性,決定你的本事 EP427 【百工大吉】開箱show girl (上):技能篇。選腦子!3C產品主持展示,上場前,先考試
【104職場力】・職涯規劃

台中網頁設計公司推薦:9 間值得評估的網站設計公司比較排名(2026 年更新)

作者:Mary|設計總監,最後更新時間:2026-08-24 台中聚集了不少優質網頁設計公司,這篇文章整理了 9 間值得評估的合作對象,並說明挑選前要注意的重點。 從個人接案到專業團隊,報價與服務內容落差經常很大,光靠比價很難判斷誰真正合適。 常見的踩雷情況包括後續維護困難、後台權限受限、SEO 成效不如預期等,選錯合作夥伴容易拖累網站長期經營。 希望這份整理能幫助你快速掌握方向,找到真正合適的合作夥伴! 【 挑選台中網頁設計公司的 4 大重點 】 一、作品是否充足?品質與風格是否符合期望 一家專業的網站設計公司,通常會有豐富的作品集可供參考。透過瀏覽過往案例,可以了解對方的設計風格、功能呈現,以及是否符合期望。 如果作品類型太少,會比較難判斷公司的實力與穩定性,建議挑選作品類型多元、且與你需求相符的公司,合作起來會更有保障。 二、是否提供後續網站維護服務 網站上線只是第一步,後續維護與更新才是長期經營的關鍵。好的網站設計公司會提供完整維護服務,包含功能修正、安全性更新與 SEO 調整等。 選擇能提供後續支援的公司,可以省下許多處理問題的麻煩,讓網站能長久穩定運作。 三、公司的背景及評價如何 除了專業能力,也要確認公司的信譽與營運穩定度。可以透過 Google 評價,或搜尋是否有社群討論,了解過往客戶的實際經驗。 如果負評偏多,或常被提及服務態度不佳、交期延誤等問題,建議謹慎評估,畢竟與值得信賴的公司合作才能更安心。 四、服務內容、專案時程及製作流程是否明確 值得確認的是,合作前是否會清楚說明服務範圍、製作流程與預計完成時程。這不僅能幫助掌握進度,也能確保雙方沒有資訊落差。 簽署明確的合約更是保障合作的必要步驟,能避免中途出現額外爭議或延遲。 【 9 家台中網頁設計公司詳細介紹 】 1. 犬哥網站 提供 WordPress 網頁設計與 AI SEO & GEO 行銷服務的專業團隊。 犬哥網站擁有多年 WordPress 架站與 SEO、GEO 優化經驗,服務範圍涵蓋客製網頁設計、小資套版架站、主機代管,並提供 100% 後台操作權限,交付後也會協助遠端教學,讓品牌能自行更新網站內容。 犬哥網站適合預算有限、但重視網站技術與搜尋曝光的中小品牌,尤其在 SEO 與 AI 搜尋時代的曝光策略上,有明確的規劃方法。 官方網站:https://frankknow.com/ 2. 米洛科技 沃德設計集團旗下、擁有超過 15 年經驗的網頁設計團隊。 米洛科技成立於 2011 年,主要提供客製化網頁設計、CIS 品牌設計與 SEO 服務,同時可加送 LINE 通知串接、FB 社群外掛等功能,並提供免費網站健檢服務。 米洛科技適合希望網站與行銷一站式整合的品牌,尤其重視 SEO 排名與品牌視覺識別的企業。 官方網站:https://www.webtech.com.tw/ 3. 創造力互動媒體 位於台中、擁有超過 25 年經驗的客製化網頁設計公司。 創造力互動媒體專精於客製化網頁設計規劃,從單元架構、介面設計到程式語法皆可全面優化,打造符合搜尋引擎偏好的網頁環境,並提供 ESG 網頁設計服務。 創造力互動媒體適合需要與大型企業合作經驗、且重視 SEO 成效與企業形象規劃的品牌。 官方網站:https://www.creatop.com.tw/ 4. 達文西數位科技 成立於 2005 年、專業分工明確的網頁設計與 SEO 服務公司。 達文西數位科技已完成超過 1000 家企業品牌網站,服務涵蓋網頁設計、前端切版、後端程式、SEO 與主機代管,能讓網頁設計與 SEO 完美整合。 達文西數位科技的風格偏向簡潔直觀,適合重視網站好管理、SEO 架構完整的中小企業。 官方網站:https://www.da-vinci.com.tw/ 5. 愛貝斯網路 經營超過 16 年、專精 RWD 響應式網頁設計的台中老牌公司。 愛貝斯網路以 Google 建議的 RWD 技術為核心,近期也導入 AI 輔助流程設計,服務範圍涵蓋旅宿、餐廳、購物網站等多種類型,並提供金流串接、線上訂房系統等功能。 愛貝斯網路適合需要多元功能整合、且重視使用者瀏覽體驗的品牌。 官方網站:https://www.ibest.com.tw/ 6. 凱士數位科技 來自台中、以實用與質感為核心的網頁設計公司。 凱士數位科技提供從規劃、設計、實作到後續維護與行銷推廣的完整客製化流程,採用響應式網頁,並設計符合 SEO 搜尋技術的網頁架構。 凱士數位科技的風格偏向簡單乾淨,適合希望網站內容清楚易讀、不需要過多華麗效果的品牌。 官方網站:https://www.cadiis.com.tw/ 7. 雲端數位科技 成立於 2008 年、服務過超過 1000 家企業的網站整合公司。 雲端數位科技提供網頁設計策略、品牌與 UX 規劃、商業攝影、文案企劃,以及 SEO、Google Ads 廣告投放與流量分析等一站式服務。 雲端數位科技適合需要從網站到行銷整體規劃、且重視數據優化成效的中大型品牌。 官方網站:https://minmax.tw/ 8. 威德數位設計 位於台中市政府旁、累積 14 年經驗的極簡風格設計公司。 威德數位設計專注創意與設計整合,提供響應式網頁、電商網站、品牌形象網站設計,以及商業攝影、APP 開發等服務,秉持「 less is more 」的設計理念。 威德數位設計適合重視品牌視覺質感、偏好簡潔設計風格的品牌。 官方網站:https://www.wddgroup.com/ 9. 藝誠科技 成立於 2004 年、已交付超過 5000 個網站案例的網頁設計公司。 藝誠科技擁有國家品質保證金像獎與 ISO 27001 資安認證,服務範圍涵蓋客製化網站設計、系統開發整合、SEO 優化與網站維護,客戶遍及企業、上市櫃公司與政府單位。 藝誠科技適合需要高規格資安保障、且重視系統整合能力的品牌。 官方網站:https://www.eztrust.com.tw/ 【 FAQ 】 Q:設計一個網站,價格怎麼算? Ans:網頁設計公司的收費通常依網站規模、功能需求、設計複雜度與後續維護服務等因素決定。簡單的套版網站收費較低,包含電商系統、會員系統等特殊功能的網站則收費較高,設計公司的經驗與市場定位也會影響價格。 Q:套版網站與客製化網頁設計該怎麼選?預算有限怎麼辦? Ans:如果預算有限、需求較單純(如形象展示、部落格),套版網站是快速上線的好選擇。若需要獨特品牌識別、特殊功能或大量客製化需求,客製化網站雖然成本較高,但更符合長期經營與品牌定位的需求。 Q:網頁設計公司提供的服務有哪些? Ans:常見服務包括網頁設計與開發、SEO 排名優化、網站維護與更新、響應式設計,以及網站流量與用戶行為分析等,幫助客戶優化網站效能。 Q:委託網頁設計公司前要準備什麼? Ans:建議先準備網站需求說明(功能、風格、目標受眾)、品牌資源(如標誌、顏色、品牌手冊)、網站文字與圖片素材,以及預算與時間規劃,這樣能更有效率地與設計公司溝通。 Q:網站做好之後,可以自己修改文字或圖片嗎? Ans:這與設計公司交件時給予的後台權限與架站系統有關。部分公司使用封閉式系統,日後微調需額外付費;建議選擇提供完整後台操作權限、並使用主流架站系統(如 WordPress)的公司,未來才能自由更新網站內容。 作者介紹: 「匯見報報」是專業的數位觀察團隊,跨足商業脈動、數位行銷與生活日常等知識,秉持中立媒體視角,提供最具價值的商業資訊與生活觀點。 #網頁設計 # #WordPress #SEO #數位行銷 #網站行銷企劃
匯見報報・匯見報報

【最新免費圖庫推薦】22個可商用圖片圖庫、ICON素材、插畫下載網站

設計做圖總是找不到適合素材?有圖庫網站推薦嗎?客座小編「設計Ya黃素」聽到大家的心聲,推薦包括:免費可商用圖庫網站、時尚插畫網站、ICON圖庫網,絕對實用、趕快收藏! 文/設計Ya黃素 本文目錄:22個免費下載圖庫推薦(點擊可快速前往) 5個可商用圖庫網站推薦11個免費下載時尚風格插畫網站6個免費下載ICON圖庫網站 提醒:使用本文推薦圖庫,請閱讀各網站素材授權條件,並遵循規範使用喔! 在 Instagram 查看這則貼文 設計Ya黃素(@design.ya.huangsu)分享的貼文 5個可商用圖庫網站推薦 總是找不到適合的圖片素材,想自己拍又拍不好?推薦5個好用的免費可商用網站。注意使用前需先閱讀每個網站的素材授權條件,並且遵循授權規範使用喔! 【圖庫推薦1】Pixabay 【圖庫推薦2】Pexels 【圖庫推薦3】Flickr 【圖庫推薦4】Unsplash 【圖庫推薦5】StockSnap CC0是什麼?使用圖庫注意事項 【圖庫推薦1】Pixabay 特色:Pixabay的圖片量算是非常龐大,該網站的好處在於,不需要標註來源,也不需要署名作者,可直接使用於商業模式。更厲害的是還有提供短影片下載。 網址:https://pixabay.com ▲ 圖片來源:設計Ya黃素 【圖庫推薦2】Pexels 特色:Pexels的優點在於提供了中文搜尋模式,搜尋圖片時就不需要煩惱英文單字怎麼拼。而Pexels也跟Pixabay一樣,在圖片的使用上較無限制,不需要標註來源、署名作者也沒問題,可直接使用於商業模式。 網址:http://www.pexels.com/zh-tw/ ▲ 圖片來源:設計Ya黃素 【圖庫推薦3】Flickr 特色:Flickr提供了一個讓任何人都可以上傳圖片的平台,可選擇是否商用。在挑選圖片時,有「可商用」和「免費共享許可」等選項。但需要注意的是,並非所有圖片都是CC0可商用的,因此在挑選照片時需要格外留意。 網址:https://www.flickr.com/ ▲ 圖片來源:設計Ya黃素 【圖庫推薦4】Unsplash 特色:Unsplash是免費圖庫中解析度最佳的網站之一。不同於其他免費圖庫可能提供的小尺寸圖片容易失真,Unsplash的圖片通常足夠大,可直接用作電腦桌布,避免模糊問題。圖庫內容以風景和自然景色為主。 網址:https://unsplash.com/ ▲ 圖片來源:設計Ya黃素 【圖庫推薦5】StockSnap 特色:StockSnap提供免費的CC0圖片下載服務,無需支付費用。此外,加入他們的會員後,還能夠上傳自己的圖片,成為設計師團隊的一員,一同為CC0圖片事業貢獻心力! 網址:https://stocksnap.io/ ▲ 圖片來源:設計Ya黃素 CC0是什麼?使用圖庫注意事項 CC0(Creative Commons)是一個非營利組織,提供所有人都能夠免費使用與共享資源。簡單來說就是他們拍攝、錄製、繪製了許多的圖庫資源,提供給任何人使用,而規範可能從「完全沒有限制使用範圍」到「特定條件下就可使用」,因此即便是CC0共享許可的資源,都需要先了解使用規範。 CC0使用規範通常會有幾種類型: 可以提供給教育性質,非商用模式 可商用,但需要標註來源 可商用但不可修改與二次創作,標示為自己出版的圖片 可商用,無限制 11個免費下載時尚風格插畫網站 插畫在設計中可以讓僅用文字難以表達的內容,變得更易於理解。製作簡報或者貼文時常常花費的大把時間在尋找插畫靈感或插畫素材嗎?介紹11個時尚風格插畫網站,還可以免費下載唷! 提醒:使用前需閱讀各網站的素材授權條件,並且遵循授權規範使用喔! 時尚插畫網站網址Delesignhttps://delesign.com/free-designs/graphics/OUCHhttps://icons8.com/illustrationsBlushhttps://blush.design/collections/humaaans/humaaansManypixelshttps://www.manypixels.co/galleryOutlanehttps://delesign.com/free-designs/graphics/Open Doodleshttps://www.opendoodles.com/Pixelbuddhahttps://pixelbuddha.net/Designstripehttps://designstripe.com/search/illustrations?sort=freeDrawKithttps://www.drawkit.com/Storysethttps://storyset.com/error404https://error404.fun/ 在 Instagram 查看這則貼文 設計Ya黃素(@design.ya.huangsu)分享的貼文 6個免費下載ICON圖庫網站 推薦6個超實用的免費icon網站,獨特圖標讓畫面立刻變得更生動、更有型! 【ICON網站1】Flaticon 【ICON網站2】Eva Icons 【ICON網站3】irasutoya 【ICON網站4】Icon Finder 【ICON網站5】Freepik 【ICON網站6】Icon Store 【ICON網站1】Flaticon 特色:Flaticon持續更新最新、活躍的ICON,並提供修改顏色、尺寸和檔案類型的功能,讓使用者可以選擇符合需求的ICON。此外,Flaticon還提供「PACK」模式,讓你可以一次整包帶走ICON,無需擔心風格不一致的問題!目前免費使用只能下載PNG類型的檔案。 網址:https://www.flaticon.com/ ▲ 圖片來源:設計Ya黃素 【ICON網站2】Eva Icons 特色:Eva Icons的圖示風格極為簡潔,使用者可以點選所需素材單獨下載,或者按右上方的「DOWNLOAD」下載全部。該圖示庫提供Outline和Fill兩種類型,同時還可選擇放大、翻轉等效果,提供使用者更多的選擇和自由度。免費使用便能下載SVG與PNG類型的檔案。 網址:https://akveo.github.io/eva-icons/ ▲ 圖片來源:設計Ya黃素 【ICON網站3】irasutoya 特色:irasutoya是日本的免費素材網站,提供可愛插畫風格的素材,種類豐富,也有許多適合做為ICON的插圖,一般情況所有素材都可以免費商用,但不可用於違反善良風俗的目的。另外若商用使用超過21項或使用高解析素材,則需要付費。詳細資訊請參閱使用條款。 網址:https://www.irasutoya.com/ ▲ 圖片來源:設計Ya黃素 【ICON網站4】Icon Finder 特色:Icon Finder擁有近200萬個圖示,包括免費和付費版本。即使是免費使用者,也能透過篩選選項,輕鬆找到符合需求的ICON,提供方便快速的搜尋體驗。 網址:https://www.iconfinder.com/ ▲ 圖片來源:設計Ya黃素 【ICON網站5】Freepik 特色:Freepik不僅提供免費圖庫,還涵蓋圖片、設計素材和ICON等多種資源,並提供豐富的版型選擇。即使不具設計能力,使用者也能輕鬆為簡報或網站增添吸睛元素,輕鬆簡單就能創造出優美的設計。 網址:https://www.freepik.com/icons ▲ 圖片來源:設計Ya黃素 【ICON網站6】Icon Store 特色:Icon Store的圖示通常色彩繽紛,適合用於活潑性質的網站或簡報。相較其他圖庫,帶有青春洋溢的氛圍,並經常提供節慶相關的ICON,非常適合應用在社交媒體和社群互動中。 網址:https://iconstore.co/ ▲ 圖片來源:設計Ya黃素 [joblist_plugin title='更多【設計】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&jobcat=2013001000&kwop=7&keyword=設計師&expansionType=area%2Cspec%2Ccom%2Cjob%2Cwf%2Cwktm&order=12&asc=0&page=2&mode=s&langFlag=0&langStatus=0&recommendJob=1&hotJob=0' amount='3'] 更多【實用設計必備】好文推薦: 編輯激推AI生成簡報!【12個高質感PPT模板網站】免費下載簡報範本 15大免費字體下載懶人包,實用中英日字體可商用、自用 免費Mockup網站推薦!5個mockup模板平台讓作品質感大提升
【104職場力】

你適合當PM嗎?解析產品經理必備3種特質與溝通心法

產品經理(PM)扮演產品關鍵的橋樑角色,不僅要看懂全局、擬定策略,更需要與設計師、工程師高效溝通,協調各方需求並推動產品前進。哪些人適合PM工作?作者透過實務經驗分享,解析PM必備的3種核心特質,以及在與不同角色協作時應具備的溝通心法。 文/Michelle Chen(軟體業PM產品經理) 本文目錄:3個PM需要的核心特質(點擊可快速前往) 特質1:你是否習慣全局性思考,並以策略性規劃推動執行?特質2:你是否喜歡且習慣站在對方的角度,使用對方的語言溝通?PM與設計師溝通重點PM與前端工程師溝通重點PM與後端工程師溝通重點特質3:你是否接受甚至喜歡改變,且有隨時改變計劃的彈性? 我習慣定期把自己的職涯規劃拿出來review,問問自己對於「現在的狀態」是否還滿意。最近是我在現職公司任職滿一週年的日子,於是又把這個問題拿出來檢視一番。我發現對於做PM打造產品這件事(撇除外在條件,像是workload、手上的案子、公司策略、主管等),過了幾年我仍非常喜歡且享受其中。再往下探索,是什麼個性或是特質讓我喜歡且適合做產品經理呢?今天整理3個我認為最核心的特質,分享給有興趣往PM產品經理發展,或還在思考自己到底適不適合的朋友參考! 特質1:你是否習慣全局性思考,並以策略性規劃推動執行? 作為產品經理你每天要應對來自各方的利害關係人,需求從四面八方而來,每季的Product Roadmap規劃&執行,每月2~3次的Sprint(如果團隊跑Scrum),甚至每天的跨部門Support,PM的日常總是被滿滿的需求與會議轟炸,任務清單中的To-dos & Action Item似乎看不到盡頭。在這種「艱困」的處境下,能習慣「全局性思考」的PM就比較能從容應對,懂得從任務海中抽身,避免無謂地瞎忙。所謂全局性思考有點抽象,換個方式來說就是:從整體,更高維度視角看待事情,而不是深陷於眼前的問題。 舉個例子來說,假設你是一位部門主管,你發現某個專案快到截止日但離完成還有一大段距離,你可以選擇臨時外聘人力,或是給團隊成員加班獎勵鼓勵他們挪出更多的時間工作完成任務,這也許是最快能見效的暴力解法。但如果你採取全局性思考,你會先退一步思考,這個專案的規劃是否合理,是否有可以簡化的部分,或者是否團隊中有某個特定的人遇到瓶頸。如果能協助這位成員解決問題,整個團隊的運行會變得更加順暢,也許就能如期完成專案。 全局性思考的能力能幫助PM有效辨識什麼才是真正需要解決的「關鍵問題」,而不是像在大魯閣打棒球一樣,只是對每個問題隨著出現而進行反應。這種思考方式讓你從整體上把握問題的根源,不是只解決表面的問題。 找到問題後,接下來就要透過策略性規劃來實作,這時候一定要提到常見的80/20法則。 20%的因素,將導致80%的結果。找出那關鍵20%重要的事情並全心投入,往往能帶來大部分的成果。 首先找到那20%重要並值得花團隊全心投入的P0-重要且須馬上行動的事。並懂得拒絕或是取捨那些重要但不急,甚至根本不用解決的問題 。取捨決策是一個好PM必備能力。 另外,作為產品的代言人,PM一定要知道哪些任務可以被整合在一起(甚至延伸成一個epic);又有哪些tasks可能會因為其他迭代而順勢被解決,因此現階段可以忽略不做;又有哪些可能看似有問題,但其實是故意為之的機制。 有策略、有條理的安排團隊資源,聚焦在關鍵20%重要的問題上,可以讓團隊更有效率且優雅的工作。(非常重要,誰會想要每天灰頭土臉工作,你說是吧) 特質2:你是否喜歡且習慣站在對方的角度,使用對方的語言溝通? 有這個特質的PM絕對會是團隊的寶,而不會變成大家避之唯恐不及的任務交差使者。習慣從對方的角度出發,用對方熟悉的用語溝通,不僅能提升理解效率,還能拉近彼此距離,建立良好互動。這有助於建立信任,讓未來的合作更順利愉快,形成正向循環,培養無敵默契。(每次遇到只是一兩句話一個眼神,團隊內的工程師和設計師就能馬上理解我的意思,就會覺得「哇,你們真的是神隊友,我好幸福啊!」) 這邊簡單舉例與設計師以及前後端工程師討論需求時應該著重的方向: PM與設計師溝通重點 重視使用者體驗(UX/UI):需要清楚描述使用者的需求(如果需要可以附上完整的user story),並在需求說明中「用戶使用流程」、「易用性」、「介面設計」以及「資訊呈現方式」等。 【溝通舉例】「我們希望這個功能的流程是:1.先點擊這個按鈕,2.展開選單,3.選單中會有幾個預設選項且我們會幫用戶進行預選,整個操作希望可以在3步內完成。」 特別注意!尊重設計師專業:作為PM一定要尊重團隊內設計師以及工程師的專業。對設計師,請保留讓他們自由發揮的空間。提出的需求絕對不會是硬性規定設計師只是把你想像中的畫面/流程畫出來而已,保留設計彈性通常得到的結果都會比自己發想的還要完整流暢! 【溝通舉例】如果需要做一個活動頁面:「這個頁面會包含A~C 3個大分類的資訊,其中A/B分類會另外連結到C/D頁面。這個主頁面的設計,希望能傳達出現代感,並保留畫面的簡潔性,方便用戶快速找到他們要的資訊。可以參考這個網站的設計風格,但具體的顏色/圖標,分類呈現可以自由發揮。」 PM與前端工程師溝通重點 重視介面與互動:前端工程師負責將設計轉換成可用的介面。他們關注的重點包含介面呈現方式、元件的設計與實現、與後端如何進行資料溝通、並且也要確保網頁可以各種大小的裝置和瀏覽器上都能順利運行。 【溝通舉例】PM:「我們希望在報名頁面上,使用者可以看到所有場次,點擊後展開場次詳細資訊,並透過一個動畫顯示出『點選報名』的CTA 按鈕。這部分在手機的 web view 上也需要保持操作流暢。」前端工程師:「這個顯示CTA的動畫在一些舊瀏覽器上可能無法支援,可能會出現卡頓或不顯示的情況。」PM:「如果確實有這個問題,我們可以考慮用彈出popup的方式替代,重點是整體操作要流暢,並且能有效吸引用戶點擊報名。」 特別注意!技術可行性&永遠都要準備PlanB:有時PM以及設計師一起討論出的設計可能在技術實現上會有挑戰。作為一個好PM,一定要工程師們討論在技術上的可行,以及如果無法實現,可以被接受的PlanB是什麼,並從中找到最佳解決方案。 PM與後端工程師溝通重點 重視系統穩定性及資料處理:後端工程師主要關注系統的穩定性及資料處理。他們習慣使用「API」、「資料庫」、「伺服器」等術語。作為產品經理,你需要清楚描述系統需求,並確保資料流(information flow)和功能邏輯的合理性。 【溝通舉例】PM:「我們需要建立一個數據報表,數據需要即時更新,並支援查看過去30天和60天的時間範圍。這個報表主要用來追蹤使用者行為趨勢。報表中的欄位定義以是{明確定義數據背後的計算邏輯以及fallback機制}。」後端工程師:「要實現即時更新可能會對系統造成壓力,特別是在高峰期,伺服器負載會增加,影響穩定性。」PM:「那或許我們可以考慮設定一個更新的cutoff point,在該時間點做一次性更新,確保穩定性以及更好管理系統負載。」 特別注意!具體明確制定規則:跟後端工程師討論事情一定要具體明確(制定出規則),不能給模糊的「形容詞」。以要新增檢查用戶註冊時的密碼強度的功能為例: 模糊的需求:「我們需要在用戶註冊時,先檢查密碼是否夠強。如果不夠強就讓他重新設置,夠強就讓他繼續註冊。」 ➞這時候工程師一定會問你:密碼強度怎麼樣算夠強?這個檢查是在用戶點擊註冊時還是輸入過程中即時檢查? 明確的需求:「如果密碼長度小於8位或不含大小寫字母和數字,則在用戶按下註冊時阻擋下一步,並顯示錯誤提示並要求用戶重新設置密碼。如果密碼符合這些條件,則允許用戶完成註冊。」 PM的工作內容和模式會隨著產品領域、團隊規模及系統架構等因素而有很大不同。然而,良好的溝通能力,尤其能根據不同溝通對象靈活切換用詞和表達方式,針對不同情境調整思考重點,是做好PM必須具備的。如果你發現這種角色切換對你來說有些困難,或是習慣從單一角度進行思考,那可能就不會那麼享受於PM的日常了。 特質3:你是否接受甚至喜歡改變,且有隨時改變計劃的彈性? 最後一點,「接受改變,且對已經計劃好的事情是否總是能保持隨時調整,甚至需要打掉重練的彈性?」是一個PM是否能樂在其工作中,蠻關鍵的特質。 有PM經驗的都知道(不管是Product or Project)都會面臨到原本說好的方向會需要來個大轉彎,產品策略可能因為市場的變化要做立即的調整(例如AI的快速崛起)。對於比較不喜歡變化,或是對於要臨機應變這件事情比較排斥的人,做PM會比較辛苦(心裡苦的部分)。 No two days are the same for a product manager 如果看到上面這句話,你感到興奮,那恭喜你!你一定能從PM的工作日常中找到許多樂趣! 以上就是我簡單從自己身上總結出為什麼就算有時候遇到再鳥的事情,或是有時候真的工作壓力很大,但終究我還是很享受做PM的3大特質與性格,希望能給還在摸索的人或是猶豫不太清楚自己到底適不適合的人一點小小分享。 (原文標題:你適合當產品經理嗎?3個PM需要的核心特質&性格解析) [joblist_plugin title='更多104【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?order=15&page=1&sctp=M&scmin=40000&scstrict=1&jobsource=joblist_search&jobcat=2004003005&keyword=%E7%94%A2%E5%93%81%E7%B6%93%E7%90%86' amount='4'] [course_plugin title='產品經理學習營|學習推薦' keyword='產品經理學習營' amount=2]
【104職場力】

Claude Design怎麼用?AI工具生成原型、簡報怎麼做和修改?Anthropic設計師建議使用技巧

Claude Design是什麼?Anthropic新推出的「Claude Design」,只需用自然語言描述需求,就能生成互動原型、簡報、行銷素材、甚至可點擊的網頁雛型。《104職場力》小編整理Claude Design使用方式、費用、操作步驟實測,包括Claude Design生成的原型和簡報修改方式,以及Anthropic設計師分享的使用心得,看看設計工具如何翻轉工作流程! ※更新時間:2026/06/29 文/《104職場力》小編 本文目錄(點擊可快速前往) 「Claude Design」是什麼?免費版能用嗎?Claude Design怎麼操作和修改?5步驟快速上手Claude Design怎麼用更好?Anthropic設計師分享7個心得官方Claude Design指南:獲得最佳結果的提示 Claude Design 網址:claude.ai/design 費用:使用Claude Design功能,需先確認已升級到Claude Pro以上方案(需付費訂閱)。 「Claude Design」是什麼?免費版能用嗎? 2026年6月更新:Claude Design於6月中更新,包括支援畫布直接編輯、匯出目的地擴充,以及Claude Design與Claude Code的雙向同步。使用「/design-sync」指令,可將設計系統引入Claude Design,也能將設計交到Claude Code接續開發,取代原本的單向交接流程。 圖/Claude Design Claude Design是Anthropic推出的全新產品,由Claude Opus 4.7所驅動,這是Anthropic目前最強的視覺模型。Claude Design讓使用者可以創建原型、投影片、單頁說明文件等各種視覺素材,只需要用自然語言描述需求,Claude就會建立初版視覺稿,接著你可以透過對話、內嵌評論、直接編輯或自訂調整滑桿(由Claude即時生成)來反覆修改。 不論你是專業設計師,或是「腦中有想法、但不知道怎麼做出視覺成品」的工作者,都可以運用Claude Design快速生成視覺設計,大大顛覆傳統工作流程。 Claude Design能做什麼?主要應用場景整理 根據Anthropic官方公告,Claude Design目前主要應用場景包括:互動原型(設計師可將靜態稿轉為可分享的可點擊原型,無需走程式碼審查流程)、產品線框圖與視覺稿(PM可快速畫出功能流程,再交給Claude Code實作或給設計師精修)、設計探索、簡報與提案deck(創業者或業務人員可將粗略大綱在幾分鐘內生成完整的品牌風格投影片,並匯出為PPTX或傳送至Canva),以及行銷素材與前沿原型設計(包含語音、影片、3D效果與內建AI功能的互動原型)。  Claude Design誰能使用?免費版能用嗎? Claude Design目前以研究預覽版本(Research Preview)形式,提供給Claude Pro、Max、Team及Enterprise方案的訂閱用戶,免費版目前無法使用。另外,企業版(Enterprise)預設關閉,需由管理員在組織設定中手動開啟。 額度方面,Claude Design原先有獨立的每週使用限額,不過自2026年5月底起,Claude Design的用量已改為與Claude.ai及Claude Code共用每週額度,不再單獨計算。仍建議精準下達指令以節省用量。 Claude Design怎麼操作和修改?5步驟快速上手 根據Anthropic官方說明文件,完整的操作流程如下: Step 1:進入claude.ai/design,建立專案 前往claude.ai/design,點選建立新專案,新建專案時可選擇Prototype、Slide deck、From template、Other。如果你的組織已由設計師事先設定好品牌設計系統,專案會自動套用團隊的色彩、字型與元件,不需要額外設定。 從Claude左欄選擇「Design」或直接前往「claude.ai/design」 輸入專案需求,新建專案時可選擇Prototype、Slides等類別 Step 2:上傳品牌素材(首次使用建議做) 可上傳的素材包括:程式碼庫(如React元件庫)、現有的簡報或PDF、品牌Logo與色票,甚至一份設計精良的PowerPoint就夠。提供愈多素材,Claude對你品牌風格的掌握就愈準確,生成結果就愈好。 Step 3:用自然語言描述你要的設計 一個好的提示詞包含4個要素:目標(你要做什麼)、版面(如何排列)、內容(呈現什麼資訊)、受眾(誰會使用)。例如:「設計一個行動App的4頁引導流程,帶使用者了解我們的核心功能。」 以下為《104職場力》小編實測內容,選擇「Prototype」從生成wireframe到建立High fidelity網頁,實測時也提供品牌系統風格及吉祥物圖片,讓生成網站與品牌風格統一: 圖/104職場力小編實測 圖/104職場力小編實測 接著實測選擇「Slides」生成簡報,Claude Design生成的簡報投影片可以包括演講者備註,同時簡報元素均能直接編輯,或利用「對話」或「內嵌註解」修改: 圖/104職場力小編實測 Step 4:用對話、評論工具或直接編輯來迭代修改 初稿完成後若想調整設計,有3種方式可以搭配使用:大範圍的結構調整用「對話」(例如「把配色改得更深沉、更簡約」);針對特定元件的細節微調則直接在畫布上點擊留言「內嵌註解」(例如「把這個按鈕的padding加大」),或者直接在畫布上選擇「編輯」調整,例如直接拖曳、調整大小、對齊元素。 初稿完成後若想調整設計,小範圍或針對特定元件的細節微調,直接在畫布上點擊留言「內嵌註解」或直接編輯都可以 Step 5:匯出專案或交接給Claude Code 設計確認完成後,點選右上角「Share」,選擇輸出格式:ZIP、PDF、PPTX、獨立HTML,或直接給Claude Code進行程式碼實作。目前更新後也支援匯出至包括Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel和Wix等平台。另外,6月更新後,Claude Design與Claude Code的整合也更進一步雙向同步,新增/design-sync指令,不再只是單向打包交接。 點選右上角「Share」,選擇輸出格式或交給Claude Code Claude Design怎麼用更好?Anthropic設計師分享7個心得 如何讓Claude Design生成結果更專業?Anthropic設計師Ryan Mather,在公司內負責7個產品線,他在Claude Design推出後於社群平台分享了他的使用心得,截至本文發布為止,已累積143萬次查看、1.8萬書籤紀錄: 1. 先花一小時設定你的設計系統與核心畫面 這是最值得的前期投資。把程式碼庫、設計稿與品牌素材一次餵給AI,之後的每一次生成都會自動套用規範,省去反覆調整風格的麻煩。 2. 與你的工程師即時迭代 Ryan的建議是,設計師與工程師可以在會議中一起運用Claude Design設計新功能。因為Claude Design製作原型速度極快,邊討論邊產出原型,當場驗證概念的技術可行性,讓設計決策與工程限制的碰撞即時發生。 3. 善用「評論工具」進行精準編輯 Claude Design完成初稿後,可能有很多細節需要調整,避免在對話框用一大段文字描述修改位置,這樣既困難又容易出錯。建議直接在畫面上點擊你想改的元素並留下評論,讓Claude識別修改。 4. 讓Claude為你的想法製作影片簡報 Claude Design幾乎能做到你能想到的任何事。老實說,它更像是Claude Code,而不是一個基於畫布的設計工具。 5. 善用連接器,特別是Docs與Slack 設定完成後,您可以發送類似「請閱讀產品研討會的會議記錄,並針對所有提出的問題建立一個演示文稿,探討不同的設計方案」這樣的提示。然後出去走走、感受新鮮事物,回來後會覺得耳目一新! 6. 讓Claude隨時為你打造專屬輔助工具 別再用操作傳統「畫布型」設計工具的思維來限制Claude Design。它是完全不同的事物,具備不同的超能力。去實驗並大膽玩點新花樣吧!你會發現自己的設計效率與表現,將遠遠超越你過去的做事方式。 7. 學會在對的地方放慢腳步、親手打磨細節 AI設計速度極快,但在某些高影響力的細節方面,例如全新的Icon圖示、情境插圖或產品命名,這些看似微小的細節,往往能對整體體驗產生超乎預期的巨大影響力。仍然值得放慢速度,親自手工打磨。因此,知道何時該放慢腳步,本身就是一種藝術形式。 🧵 My tips for getting the best results out of Claude Design! I’m on the verticals team at Anthropic which means I serve 7 different products. Claude Design makes it possible!1. Set up your design system and your core screens. An hour of setup and refinement here is worth it https://t.co/uDA5tOjJmf— Ryan Mather (@Flomerboy) April 17, 2026 官方Claude Design指南:獲得最佳結果的提示 Anthropic官方也釋出使用Claude Design獲得最佳結果的6個提示,提供用戶參考: 從簡單開始,然後逐層增加複雜性:從核心版面配置和內容開始,然後新增互動、邊界情況和潤飾。Claude 對增量請求反應良好。 給Claude的回饋要具體:「這看起來不對」很難採取行動。「將表單欄位之間的間距緊縮至8px」給Claude提供了它所需的確切內容。 參考您的設計系統:如果您知道您品牌系統中存在某個元件,請按名稱提及它:「使用主要按鈕元件」或「套用卡片版面配置模式。」 盡早考慮回應式設計:提及您的設計是否需要在行動、平板電腦和桌面上運作,或僅在其中之一上運作。 要求變化:如果您不確定某個方向,請要求Claude向您展示2~3個選項。比較替代方案比猜測快得多。 要求Claude提供回饋:Claude可以檢視您的設計是否具有無障礙性、對比率、資訊層級和一般可用性。將其視為設計協作者,而不僅僅是產生器。 以上就是本次Claude Design使用方式及技巧分享,Claude Design的出現,與其說是「取代」設計師,不如說是解放了產品團隊的生產力。Anthropic本次瞄準的是Figma與Canva的核心工作流,原型在對話中生成,確認後打包交給Claude Code實作程式碼(更新後Claude Design與Claude Code可雙向同步),若要繼續打磨也可以匯出到Canva等多個平台。 對PM來說,不需要等設計排期就能端出功能流程草稿;對工程師來說,拿到的是已迭代確認的元件而非模糊規格;對設計師來說,靜態產出的門檻降低了,專業判斷力與設計系統的品質反而成了更難被取代的核心。Claude Design目前開放給Pro、Max、Team與Enterprise付費訂閱用戶,如果你本來就重度依賴Claude,不妨現在就試試看!
【104職場力】・AI

2026 台灣網頁設計公司推薦:16 間值得評估的網站設計公司比較排名

作者:Mary|設計總監,最後更新時間:2026-09-10 我們整理了台灣 16 間網頁設計公司,包含各家的服務項目、網站功能、設計特色與適合對象,幫助你在動工前快速比較不同團隊的差異。 目前市場上的網頁設計公司類型相當多元,有專攻客製化的團隊,也有主打套版快速上線的服務商,報價落差經常超過數倍。 許多品牌主曾遇過後台難以維護、SEO 效果不如預期,甚至委託結束後拿不到網站原始碼等問題。 看完這份比較,你會更清楚該用什麼標準挑選合作夥伴! 【 挑選台灣網頁設計公司的 5 大重點 】 一、公司是團隊經營,還是個人接案 建議先確認合作對象是有登記的公司團隊,還是個人 SOHO。團隊經營通常代表流程較透明,出問題時也有明確的窗口可以聯繫,不用擔心負責人失聯後網站無人維護。 二、作品集是否具備多元風格與技術深度 值得確認的是,作品集是否涵蓋不同產業與功能類型,而不是同一套模板重複套用。多元的作品集通常代表團隊有足夠的技術與美感彈性,能因應不同品牌需求調整。 三、網站後台是否方便自行維護 真正重要的是,網站上線後你能不能自己更換圖片、調整文案,而不是每次小修改都要額外付費請對方處理。後台操作是否直覺,會直接影響長期使用體驗。 四、是否能取得完整網站原始碼 不少品牌主在合作結束後才發現,自己手上只有網站空殼,無法轉移或自行調整。建議簽約前就確認原始碼與主機權限的歸屬,避免日後被單一廠商綁定。 五、是否具備 SEO 與 GEO 基礎能力 以我們觀察的角度來看,網站設計與搜尋優化如果分開處理,往往會花更多冤枉錢。挑選時可以優先考慮同時懂網站架構與 SEO、GEO 規劃的團隊,讓網站上線後就具備曝光基礎。 【 哪種類型的網頁設計公司適合我?】 一、如果你是「 預算有限、想快速上線 」的中小品牌 可以優先考慮提供套版方案、報價透明的團隊,先求上線再逐步優化。 二、如果你重視「 互動體驗與轉換率 」 適合找擅長 UI/UX 設計與數據分析的團隊,這類公司通常會從使用者行為出發規劃介面。 三、如果你需要「 客製化系統或特殊功能 」 例如:預約、金流、會員機制,建議找有大型專案與系統開發經驗的公司,避免功能中途卡關。 四、如果你希望「 網站上線後就能被搜尋到、被 AI 引用 」 適合找同時規劃 SEO 與 GEO 的團隊,而不是只做視覺設計。 五、如果你是「 大型企業或需要多語系、ESG 官網 」 建議找有相關大型專案經驗的團隊,確保架構能承載較複雜的內容規模。 【 16 家台灣網頁設計公司詳細介紹 】 1. 犬哥網站 主打 WordPress 網站架設與 SEO、GEO 行銷同步規劃的顧問型團隊。 犬哥網站從 WordPress 架站教學起家,服務涵蓋客製化網站、小資套版與主機代管,並提供 100% 後台操作權限。 團隊同時規劃 SEO 與 GEO 策略,協助品牌取得 Google 排名,也能被 AI 搜尋工具理解與引用,適合預算有限但重視技術底子與搜尋曝光的中小品牌。 官方網站:https://frankknow.com/ 2. 海棠設計 台北老牌數位設計團隊,擅長介面設計與商業策略顧問。 海棠設計擁有超過 15 年經驗,累積 800 多個全客製化專案,服務涵蓋 Web/App 介面設計、數據分析與商業策略規劃,擅長透過使用者研究找出最佳轉換設計。 團隊擅長動態互動效果,適合重視使用者體驗與品牌轉換率的產品型公司。 官方網站:https://begonia-design.com.tw/ 3. 夏木樂 兼具設計與研發實力的台北網頁設計公司。 夏木樂專精企業形象官網、跨國多語言網站、線上課程平台與商城系統開發,同時提供資安稽核與主機託管維運服務,適合需要穩定、高品質網站的企業。 設計風格偏向清新簡潔,服務過國泰世華、清華大學等大型組織,適合有多語系或系統開發需求的品牌。 官方網站:https://simular.co/ 4. 天矽科技 成立於 1996 年,至 2026 年已累積 30 年網站與 Web 系統開發經驗。 天矽科技主打企業級全客製化網站與 Web 系統開發,服務涵蓋多語系網站、API 系統整合、SEO/AEO/GEO、AI 網站應用與資訊安全等,並累積超過 3,000 件網站與系統專案實績。 適合需要高度客製化系統、企業級整合,以及重視資安與長期維運的品牌。 官方網站:https://www.tsg.com.tw/ 5. 山川久也 同時提供網站設計與 APP 開發服務的團隊。 山川久也累積 10 年以上客製化經驗,服務涵蓋企業形象、購物網站、活動網站與政府專案,並提供 iOS、Android 雙版本 APP 客製化開發。 設計風格兼顧美感與操作邏輯,適合同時有網站與 APP 開發需求的品牌。 官方網站:https://www.nsdi.com.tw/ 6. 馬亞科技 成立 25 年的台北老牌網頁設計公司。 馬亞科技主要服務項目為客製化網頁設計,並提供學術研討會網站、虛擬主機租用與 360 度環景網頁設計等特殊服務類型。 團隊擅長挖掘品牌故事並融入網站設計,適合需要穩定老牌團隊或學術類網站的單位。 官方網站:https://www.iware.com.tw/ 7. 米洛科技 整合網頁設計與廣告行銷的一站式團隊。 米洛科技由沃德設計集團於 2011 年成立,擁有超過 15 年業界實績,提供客製化網頁設計、CIS 品牌識別設計,並附加 LINE 通知、FB 社群外掛等功能。 團隊同時提供免費網站健檢與 SEO 服務,適合想整合網站設計、品牌識別與廣告行銷的品牌。 官方網站:https://www.webtech.com.tw/ 8. 創造力互動媒體 台中大型企業客製化網站專家。 創造力互動媒體擁有超過 25 年與大型企業合作的經驗,專精單元架構、介面設計與結構化程式語法,並提供 ESG 網頁設計規劃服務。 適合大型企業或需要 ESG 形象網站,且重視搜尋引擎友善架構的品牌。 官方網站:https://www.creatop.com.tw/ 9. 達文西數位科技 網頁設計與 SEO 深度整合的團隊。 達文西數位科技成立於 2005 年,已設計超過 1000 個企業品牌網站,服務涵蓋視覺設計、前後端開發、SEO 優化與主機代管。 設計理念不追求花俏特效,更重視網站可管理性與 SEO 完整度,適合想把設計、SEO 與主機整合在一起的企業。 官方網站:https://www.da-vinci.com.tw/ 10. 愛貝斯網路 台中知名 RWD 響應式網站權威。 愛貝斯網路已經營超過 16 年,專注以 RWD 響應式技術打造網站,服務涵蓋旅宿、餐廳、購物網站,並提供金流串接與線上預約系統開發。 適合旅宿、餐飲、電商類型品牌,特別是需要預約與金流功能整合的業主。 官方網站:https://www.ibest.com.tw/ 11. 凱士數位科技 台中網頁設計公司,主打簡潔實用風格。 凱士數位科技以實用、質感與專業為核心,提供從規劃、設計到後續維護的完整客製化流程,並採用符合 SEO 搜尋技術的網頁架構。 設計風格簡單乾淨,適合想做資訊清楚、兼顧 SEO 架構的企業網站。 官方網站:https://www.cadiis.com.tw/ 12. 鉅潞科技 台南專精網頁設計與金流整合的團隊。 鉅潞科技擁有近 30 位工作夥伴,提供網頁設計、虛擬主機出租維護、線上金流與簡訊系統整合,以及資料庫整合服務。 設計風格偏向現代簡潔,適合需要金流、後台與資料整合等複合需求的企業。 官方網站:https://www.grnet.com.tw/ 13. 御奕設計 高雄設計公司,服務涵蓋品牌行銷。 御奕設計提供平面設計、網頁設計、程式設計與行銷專案規劃,從大方向到細節都以美學角度出發,協助企業傳達品牌核心精神。 設計風格走極簡現代,適合重視品牌視覺並希望結合行銷與 SEO 的企業。 官方網站:https://www.envisageweb.com.tw/index.html 14. 邦立資訊 高雄團隊,重視網站安全與 SEO 基礎。 邦立資訊擁有十年以上專業經驗與數百個成功案例,服務涵蓋形象網站、購物網站與客製系統,並特別強化程式安全性以防堵網路攻擊。 團隊也會依搜尋引擎特性安排標題、文字與連結配置,適合重視網站安全性與 SEO 基礎的公司。 官方網站:https://www.bondlink.com.tw/ 15. 亦達網頁設計 屏東團隊,整合網站設計與排名追蹤。 亦達網頁設計會根據客戶量身訂做網站,並在上線後持續追蹤排名表現,服務涵蓋 RWD 購物網站、關鍵字行銷與程式開發。 團隊同時提供 APP 開發服務,適合想要網站設計與網路行銷整合的品牌。 官方網站:https://web-design.mucorales.com/ 16. 蘋果網頁設計 台南團隊,從 SEO 起家跨足網頁設計。 蘋果網頁設計成立於 2010 年,初期主攻 SEO 優化,後續陸續擴增網站工程與網頁設計服務,形成整合型團隊。 服務涵蓋企業形象、購物車網站、廣告投放與社群行銷,適合想整合 SEO、網站設計與廣告投放的企業。 官方網站:https://www.i-web.com.tw/ 【 FAQ 】 Q:網頁設計公司的報價通常怎麼算? Ans:報價依網站複雜度與功能多寡而定,套版網站較便宜、上線也快,客製化網站因需從零開發,費用與時間都會拉高。建議先確認功能範圍,再向多家公司詢價比較。 Q:套版網站和客製化網站該怎麼選? Ans:預算有限、想快速上線可選套版網站;若功能與視覺有特殊需求,客製化網站彈性較高,但成本與製作時間也會增加。建議先評估 1~2 年內的需求規模再做決定。 Q:為什麼有些公司拿不回網站原始碼? Ans:程式碼屬於製作公司的智慧財產,部分公司不會主動交付,或需要額外付費才能取得。建議在簽約前就確認原始碼與主機權限歸屬,尤其使用 WordPress 架站的網站,原始碼開放透明,較不會有這類爭議。 Q:網站做好後還需要另外找 SEO 公司嗎? Ans:如果網頁設計公司本身就懂 SEO,可以在建站時一併規劃架構與關鍵字頁面;如果只做視覺設計,後續可能還是需要額外的 SEO 顧問協助。最理想的做法是在網站設計階段就把 SEO 一起納入考量,而不是事後補救。 Q:找網頁設計公司前該準備哪些資料? Ans:建議先準備品牌 Logo、主色、服務項目介紹、聯絡資訊與參考網站,讓設計公司能更快掌握需求方向。如果還沒有完整文案,也可以先整理大方向,交由設計團隊協助規劃頁面架構。 作者介紹: 「 匯見報報 」是專業的數位觀察團隊,跨足商業脈動、數位行銷與生活日常等知識,秉持中立媒體視角,提供最具價值的商業資訊與生活觀點。
匯見報報・匯見報報

有任何收穫或想分享的,都來和大家一起聊聊吧!