104學習精靈

網頁設計

網頁設計
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「網頁設計：負責網站的視覺設計及使用者介面的開發，確保網站在美觀、易用性與功能性上的最佳平衡。需要具備Adobe Creative Suite、HTML、CSS與JavaScript等技術，並具備良好的跨部門協作及溝通技巧，以便與開發團隊及產品經理緊密合作，理解需求並提供創新的設計解決方案。面對快速變化的市場需求，需具備敏銳的趨勢洞察力及適應能力，並具備解決問題的能力，以提升用戶體驗與品牌形象。」
關於教室
關注人數 139 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • 網頁設計
    • 關於教室
    關注人數 139 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • 網頁設計
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    網頁設計 學習推薦

    全部
    影片
    文章
    行銷企劃,產品經理,品牌 國際認證培訓班
    關注
    創新未來學校

    企業教育訓練 | 行銷企劃 | 數位行銷 | 生成式AI應用 | WBSA | NPDP | PMP證照

    03/24 08:00

    《企劃人的日常實錄 EP2》網站企劃的幕前與幕後
    你可能是網站企劃、網站PM、UX設計師，也可能身兼數職。
    一個網站的誕生，就像蓋房子一樣，週期長、細節多、變數大。
    沒有清晰的邏輯和規劃能力，很難架構出一個好網站！
    網站企劃的日常有多精彩？
    從需求訪談、畫 Wireframe，到與工程師協作，每一步都是細節，每一天都是挑戰。
    網站企劃的職稱在不同公司可能會有所不同，例如：
    🔹 網站 PM（產品經理）
    🔹 網站產品規劃師
    🔹 UX 企劃師
    🔹 網站企劃
    有些公司會將 PM 和 UX 合併，有些則是獨立角色。由於每個專案的規模、類型不同，網站企劃的作息並不固定。
    以下就以一個案件的流程來說明——
    🚀 網站企劃的完整流程
    📌 1. 開案會議（Kickoff Meeting）
    ✅ 了解客戶需求、目標、痛點、風格、品牌定位
    ✅ 撰寫提案簡報，向客戶呈現初步規劃
    ✅ 進行提案討論，確認方向並簽訂合約
    📌 2. 市場調查與分析（Market Research & Analysis）
    ✅ 進行使用者訪談，了解用戶需求
    ✅ 競爭對手、市場趨勢分析
    ✅ 訂定網站策略，確保符合目標受眾
    📌 3. 內容與架構規劃（Content & Information Architecture）
    ✅ 製作清晰、直覺的網站架構
    ✅ 根據網站目標和用戶需求規劃功能
    📌 4. 與 UI/UX & 工程師溝通（UI/UX & Development Collaboration）
    ✅ 確定網站的整體風格，讓視覺設計符合品牌形象
    ✅ 規劃網站畫面配置（像是頁面擺放哪些內容、按鈕放哪裡），確保操作直覺好用
    ✅ 與工程師討論技術需求，確保網站能順利開發、正常運作
    📌 5. 測試與優化（Testing & Optimization）
    ✅ 進行網站測試、除錯（Debugging）
    ✅ 優化使用者體驗（UX）與效能
    ✅ 撰寫【網站操作手冊】提供後續維護使用
    結案！或者…新增需求，進入下一輪優化！________________________________________
    網頁企劃的甘苦談
    🔸 專案週期長，通常需要數個月才能完成
    🔸 細節超多，像是按鈕的大小、顏色、字體、動畫效果…都可能經過無數次調整
    🔸 靈感枯竭時很折磨，一個小設計可能會想破頭
    🔸 開不完的會議，PM、設計、工程師、客戶，溝通環節超級關鍵
    雖然辛苦，但當看到一個網站從無到有，成功上線，帶來實際效益時，那種成就感真的無可取代！💪
    如果你也是網站企劃人，歡迎來分享你的甘苦談！
    👇留言告訴我們，你對哪類型的企劃最有興趣？
    ----------------------------------------------------------------
    ▎TBSA商務企劃能力初級檢定 (行銷企劃初階認證) #證照特色
    檢定報名：即日起 ~ 5/11(日)
    檢定日期：中南區 5/24(六)、北區 5/25(日)
    E-Mail：bppt@tbsa.tw
    立即報名TBSA商務企劃能力檢定，踏進行銷領域，創造更有意義的職涯吧！
    更多詳情請點連結 ＞ http://www.tbsa.tw
    歡迎聯絡我們，TBSA 將成為你在學習行銷企劃路上的最佳夥伴！
    《企劃人的日常實錄 EP2》網站企劃的幕前與幕後
    《企劃人的日常實錄 EP2》網站企劃的幕前與幕後
    《企劃人的日常實錄 EP2》網站企劃的幕前與幕後
    《企劃人的日常實錄 EP2》網站企劃的幕前與幕後
    0 0 350 0

    熱門精選

    AI 趨勢報－科技愛好者的產地🤖
    關注
    104學習精靈

    產品

    20小時前

    ChatGPT當機、免費額度用完！還有哪些AI生成吉卜力的替代網站？
    ChatGPT-4o推出的吉卜力風格照片生成功能，在社群上引爆瘋狂熱潮！但當面臨ChatGPT當機，或是免費額度用完，還有哪些替代AI工具可使用？，本文精選3款頂尖吉卜力風格肖像生成器，讓你輕鬆將照片變身宮崎駿動畫人物！
    FlexClip：提供專業的AI吉卜力風格圖片轉換器，能夠快速將照片轉換成宮崎駿風格。有多種吉卜力風格可選，介面簡單。
    1. 搜尋「FlexClip 吉卜力」點入特定頁面
    2. 上傳照片，選擇生成風格
    3. 點選生成（免費帳號可生成一次）
    Getimg.ai：英文介面，除了個人照片，還能生成吉卜力風格桌布、海報。也可以透過文字提示增銷生成圖像內容。
    1. 進入Getimg.ai首頁，網址：https://getimg.ai/home
    2. 點選「Generate Image」按鈕
    3. 選擇「SD」頁籤，在Model選項選擇「Ghibli Diffusion Style」
    4. 在Prompt下方點選「Describe image」，上傳圖片，圖片就會自動轉換成英文描述
    4. 點選「Create 1 image」（每月有免費100點數，生成一張圖1點）
    insMind：提供吉卜力濾鏡，捕捉宮崎駿作品中的精髓，讓使用者照片製入吉卜力動畫特有的魔幻氛圍。
    1. 搜尋「insMind 照片變卡通」點入特定頁面
    2. 上傳照片，選擇「Ghibli」濾鏡
    3. 點選「產生」（免費註冊就有4點，一張圖1點）
    現在就可以趕快試試看！
    ChatGPT當機、免費額度用完！還有哪些AI生成吉卜力的替代網站？
    1 0 432 0
    104學習精靈精選課程
    看更多課程
    想提升職場競爭力？專業技能課程看起來👇
    RWD響應式網頁設計入門
    專門針對網頁新手，企劃/PM，網頁設計師，相關主管/老闆所設計的RWD基礎入門概念課。從零開始，讓欲入門者初步理解自適應網頁(Responsive Web Design)，可在組織內有效溝通與作業，也為將來自學提升能力之前打下基礎。
    緯育TibaMe
    Let’s Vue! 前端開發入門到實戰
    如果Angular或React對你來說太複雜，操作起來不夠靈活，那你真應該來學習超易上手的Vue！2018年Vue.js於Github的星星數完美展現它的熱門度；想成為前端工程師的您，快跟著長期深更在資訊領域的Nat老師，投入Vue.js的保證值回票價！
    緯育TibaMe
    國際網路資安認證課程 CompTIA Security+
    此課程為SY0-701最新版 超強資安實務經驗師資，獨家授課： 由資安專家講師負責授課：具有20年以上大型企業的經驗以及豐富管理經歷，為您解答所有資安疑難問題。 小班制：老師能夠清楚掌握每位學員的程度以及學習狀況，深入和每位學員的互動關係，能幫助上課的每位學員獲得最大的知識量及學習效果。 CompTIA原廠教材（台灣第一家原廠授權）： 教材為CompTIA 原廠授權提供，專業度及實作練習完全符合原廠規範及要求，非個人自行編纂。 『台灣獨家』講師親自撰寫中文補充教材（非賣品） 含CompTIA Lab 實作演練： 上課包含原廠 Lab 實作演練且提供自開課日起長達一年的線上Lab，提供您更深入的實務練習，加強考照及實務能力。 享有免費重聽服務： 課後一年內同一版本免費重聽一次，重聽不提供餐點及 Lab 實作。 成立Line Security+班級群組討論： 確定開班時即成立 Line Security+ 群組，隨時線上討論及經驗分享。
    全智網科技股份有限公司
    WordPress+OpenCart-賺錢網站自己做：不是工程師也輕鬆上手
    建網站不用假手他人！購課贈送市價萬元超大主機空間一年與架站資源～WordPress與OpenCart兩大架站系統一次學會，建立會員系統，蒐集顧客名單，讓你行銷與數據分析一手掌握，不是工程師也能輕鬆學會！
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
    面對已經設計出來卻覺得還缺少東西的網站頁面，你還在持續苦惱中，且不知道該怎麼辦嗎？快來看看這門 HTML & CSS 下集課程。 此門課程將從上集的 HTML & CSS 基本概念繼續向外延伸，帶你掌握更多進階的網頁設計排版技術、動畫效果，去打造更有互動感的介面！
    緯育TibaMe
    WordPress視覺排版設計超入門：CSS與HTML
    WordPress的網站外觀樣式是透過安裝主題來決定的，但因為這些主題並不是量身定做的，所有難免會有些地方不符合需求，比方說：中文字型、字體大小、字體顏色或是側邊欄寬度…等等之類的需求。這門課就是教你如何使用CSS完成屬於自己的網頁設計，讓你不需要工程師也能自己修改！
    緯育TibaMe
    學習精靈

    10/04 00:00

    youtube.com
    實測有效!網頁設計行銷 老闆指名要他!
    211 0
    職涯診所

    09/20 14:15

    giver.104.com.tw
    公司尚未上線的專案能否放作品集公開
    0 0 991 0
    學習精靈

    06/04 00:00

    youtube.com
    網頁設計-Microsoft FrontPage
    865 12

    推薦給你

    證照考古題快訊
    關注
    104學習精靈

    產品

    04/23 16:39

    【未來人才必備】四大AI證照 線上模擬測驗免費測
    AI技術正以前所未有的速度改變全球職場樣貌，也讓「擁有AI證照」從加分項，成為求職、轉職乃至升遷的核心關鍵。根據104學習精靈發布的《2024職場學習白皮書》指出，AI相關職務的薪資比非AI職務高出 52%，顯示AI技能不僅是科技趨勢，更是開啟高薪職涯的門票！
    本文整理四張最受矚目的AI證照，無論你是剛入門還是想精進專業，都能快速找到最適合你的學習路線！
    🔥 四大熱門AI證照介紹與優勢
    1. iPAS+ AI應用規劃師能力鑑定（初級）
    • 由經濟部產業發展署主導，工研院執行，具高度公信力，廣受企業認可。
    • 適合對象：非技術背景人士，如行銷、企劃、管理等職務。
    • 證照優勢：聚焦AI應用規劃能力，強調實務導入，讓你在不同領域運用AI解決問題。
    👉證照解析：
    ✍️ 線上能力檢測：
    2. 生成式AI課程認證
    • 由Google官方推出的免費課程與認證，全球通用。
    • 適合對象：想快速了解生成式AI應用、Prompt設計與實戰技巧的學習者。
    • 證照優勢：短時間內掌握生成式AI（如ChatGPT、Gemini等）應用技巧，幫助提升內容創作與工作自動化效率。
    👉 證照資訊：
    👉 Google 8堂免費AI課程：
    3. AI-900：Microsoft Azure AI Fundamentals
    • 由微軟推出的入門級AI證照，國際認可度高。
    • 適合對象：希望建立基礎AI概念、了解機器學習與深度學習應用的人。
    • 證照優勢：擁有此證照，不僅能為履歷加分，更能為未來進階學習（如AI Engineer、Data Scientist）鋪路。
    👉 證照資訊：
    ✍️ 線上能力檢測：
    4. 生成式AI能力認證
    • 專為生成式AI應用設計，重點在於提升Prompt設計與AI協作效率。
    • 適合對象：已經有基礎認知，想進一步強化生成式AI應用深度的人。
    • 證照優勢：貼近職場需求，尤其在內容產製、數據分析、客戶服務領域應用廣泛，有助於提升即戰力。
    👉 證照資訊：
    ✍️ 線上能力檢測：
    【未來人才必備】四大AI證照 線上模擬測驗免費測
    nabi.104.com.tw
    生成式AI能力認證 模擬試題｜104學習精靈
    0 0 365 0
    你可能感興趣的教室