你有因為時間緊迫、預算有限,又不想碰程式碼,想要自架網站?別擔心,這篇文章就是如何快速在一日內,建立初步的自架網站成果,只要掌握正確工具與流程,新手也能迅速上手。從架構思考到實際操作,本文將提供明確的步驟與實用推薦,讓你在下班前,就能擁有屬於自己的網站。
在開始建置網站前,先釐清網站的核心目的:
接著思考目標受眾是誰?才能決定風格與內容走向。
基本網頁頁面建議包含:
也別忘了準備好基礎素材,包括品牌 LOGO(可用 Canva 等工具快速製作)、主要標語(Slogan)、核心服務或產品的簡短描述,以及聯絡資訊。這些都是網站順利上線不可或缺的基礎。
挑選網域(網址)時,以名稱要簡短易記,最好能與品牌或網站內容相關,避免使用特殊符號與數字,除非別具意義。選擇合適的後綴也很重要,像是 .com 適合商業用途,.tw 代表台灣在地,.io、.ai 則常見於科技或新創領域。
推薦的網域註冊商包括:Godaddy(國際知名、優惠多)、Gandi(價格透明、介面友善)、Cloudflare Registrar(安全、費用實惠)、Hinet 或 PChome(本土選擇、中文介面)。註冊流程通常簡單,只需搜尋網域、註冊帳號、填寫資料並付款,即可完成。
在使用 No-Code 平台建站時,大多數工具已內建主機服務,無須額外設定,對新手來說相當省時省力。若你選擇如 WordPress 這類需自行架設的系統,才需要另外挑選主機商。建議從以下 No-Code 平台下手:Wix 功能齊全,模板豐富;Squarespace 設計感強,適合注重美感者;Carrd.co 專注單頁式網站,簡潔又快速;Strikingly 適合快速架站,行動裝置支援佳;Canva 則將設計與網站整合,操作直覺;Framer Sites/Framer AI 主打 AI 自動建站,創意發揮空間大;Dorik.io 和 Typedream 則提供如 Notion 般的編輯體驗,上手極快。
若希望採用 WordPress.com、(與 WordPress 有差別 ),就會超出一日可以快速架站的目標,還需要自己找主機商,注意到 WordPress 會有較多設定,如:佈景主題與外掛挑選,建議要有充裕的時間,才可以處理好許多細節。
選擇合適的模板是加速網站建置的重點,大多數 No-Code 平台皆內建大量設計範本,能快速套用,節省從零開始的時間。選定模板後,再透過自訂化調整來打造獨特風格,例如更換品牌 Logo、調整配色與字體、調整版面配置等。若內容準備不足,可善用 AI 工具輔助生成文案與視覺素材,效率更上一層樓。
以下整理常用 AI 工具與應用方式:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
在網站正式上線前,記得進行最後檢查:預覽網站在電腦、平板與手機等不同裝置上的呈現效果,確保版面一致、美觀。逐一點擊所有連結,確認無誤導頁面或失效狀況;若有聯絡表單,也請實際測試提交,確認能正常收到通知信。
記得校對所有文案,修正錯別字與語句不順之處。若有自訂網域,建議綁定以提升專業度(若使用平台的免費子網域則可略過),一切就緒後,按下「發佈(Publish)」按鈕,讓你的網站正式亮相!
網站上線後,建議立即將網站提交至 Google Search Console,加快搜尋引擎收錄速度;同時安裝 Google Analytics (GA4),掌握網站流量與使用者行為,便於後續優化。除了日後要持續更新內容,補充更多有價值的資訊,提升網站實用性與 SEO 表現。最後社群分享也很重要,可將網站分享至社群媒體、加入 Email 簽名檔,擴大曝光。請記住,一日完成的網站僅為 MVP(最小可行產品),未來仍可視內容需求逐步優化與新增。
許多人選擇使用免費平台自架網站,表面上看似節省成本,實際上卻可能付出更高代價。從摸索系統、解決技術問題,到功能受限影響網站品質,你所損失的是寶貴的時間與工作效率。所謂免費的最貴,正是如此。與其將精力耗在不在行的網站技術細節,不如把重心放在你最擅長的事業經營上。
覺醒設計透過縝密的企劃,理解你的品牌需求,量身打造專屬功能,不僅具備高度客製化能力,價格更親民實在。我們讓網站成為你的事業助力,而不是工作的負擔。網頁的事,交給覺醒就對了。
不會,現代工具能快速打造出專業外觀的網站。透過預製模板和拖放式編輯器,即使一天內也能建立功能完整且具備設計感的網站,重點在於明確的規劃與內容準備。
大部分提供免費方案,但進階功能通常需要付費。許多 No-Code 工具提供免費試用或基礎免費方案,足以應付簡單需求。若需要更強大的功能、更多自訂選項或解除限制(如自訂網域),則通常需要升級到付費方案。
善用工具內建的設計模板和 AI 建議就能解決。許多 No-Code 平台和 AI 工具都內建了大量專業設計的模板,使用者可以直接套用。此外,一些 AI 工具也能提供設計建議或自動排版,幫助您建立具備視覺吸引力的網站。
建議先審閱並適度修改,以確保內容的準確性與獨特性。AI 生成的內容可作為很好的起點,但務必檢查其事實準確性、語氣是否符合品牌形象,並加入個人觀點或品牌獨有資訊,以避免內容同質化並提升原創性。
覺醒網站設計為每個客戶配置專業的「網站規劃師」、「UX/UI 設計師」和「前、後端工程師」,提供一條龍的設計製作服務。
每一位網站規劃師/專案經理都具備「台灣企業永續獎(TCSA)的"CSR/ESG 評鑑師證照"」,協助您的企業展現永續績效,並獲得高分。
不僅只是網站設計,更有 LOGO 商標設計、簡報設計、平面設計、名片設計等服務。
如果您的網站需要進行品牌行銷/內容行銷,覺醒設計亦有提供「品牌規劃」、「文案撰寫」與「SEO 優化」等服務。
覺醒設計提供完整的一站式服務,請放心把您的網站交給覺醒設計,讓覺醒用設計拉近您與消費者的距離。
形象網站是品牌在網路上,對客戶、同業展現的官方門面,主要目的是塑造、傳達公司的專業形象與核心價值。透過精心設計的官方網站,不僅能提升品牌的專業感與可信度,更是展示品牌故事、理念、產品服務與企業文化的平台。掌握好形象網站的設計,就可做為吸引客戶、建立品牌影響力的關鍵利器。 為什麼公司需要好的形象網站設計? 一個優秀的形象網站不僅是品牌在網路上的門面,更是塑造品牌識別、建立市場信任及整合資訊的核心。它透過獨特的視覺風格與內容策略,有效傳遞品牌個性,強化識別度,並以清晰的資訊架構與專業設計,展現市場信譽與客戶信任,作為品牌資訊的權威來源,避免資訊混亂。 精緻的使用者體驗,能顯著提升訪客的停留時間與互動意願。作為行銷活動的轉換引擎,形象網站能有效整合多方流量,並透過明確的行動呼籲(CTA)引導轉換。最重要的是,它全年無休地穩定運作,持續對外展現品牌的專業價值。 成功的形象網站設計,不可或缺的 6 大關鍵 1、清晰的策略定位與目標受眾洞察 成功的網站設計始於對品牌核心價值、市場定位與受眾輪廓的深入理解。唯有掌握受眾需求與使用習慣,網站才能真正打中人心、產生效益。 2、強烈且一致的品牌視覺識別系統 (Visual Identity) 從 LOGO、配色、字體到圖像風格,每個細節皆須緊扣品牌調性,營造整體一致且具辨識度的視覺印象。好設計讓品牌瞬間被記住。 3、直觀易用的 UI 與卓越的 UX 網站的使用者介面應簡潔直觀,資訊架構清晰有邏輯。載入速度快、RWD 響應式網頁設計到位,並考慮無障礙設計,確保所有訪客皆能順利瀏覽與操作。 4、高品質且引人入勝的網站內容 (Content) 網站內容應聚焦品牌價值,文字力求精準且具吸引力。從品牌故事到產品優勢,每一段文案都是與用戶溝通的橋梁,並搭配明確的 CTA 引導行動。 5、搜尋引擎優化 (SEO) 的基礎建置 網站若無法被搜尋到,再美也難以發揮效益。優化頁面標題、描述、URL 架構與關鍵字策略,並確保網站架構對搜尋引擎友善,是基本配備。 6、穩健的技術架構與網站安全性 選擇穩定的 CMS 或開發框架,並搭配 SSL 憑證與資安防護,確保網站能長時間穩定營運,同時保障用戶資料與交易安全。 打造專業形象網站的實際執行流程 步驟 內容 執行方式 步驟 1 需求確認與策略規劃:釐清目標、受眾、核心功能與內容大綱。 會議 / 文件 / 心智圖 / 簡報 步驟 2 網站架構與 UX 設計:制定導覽列主題、線框圖、使用者流程 線框圖 / 流程圖工具 (如 Figma, Miro) 步驟 3 視覺介面設計 (UI):依品牌風格設計網站外觀與視覺稿 UI 設計 / 圖像編輯軟體 (如 Figma, Photoshop)。 步驟 4 前端與後端開發:實現網站介面、建置後台系統與資料庫 前端:程式碼編輯器, HTML / CSS / JS, 前端框架 後端:後端語言/框架、 資料庫、 API 工具 步驟 5 文案內容整合與測試:上架內容素材,進行跨裝置與功能測試。 CMS、瀏覽器開發者工具、自動化 / 手動測試工具、跨裝置測試平台 步驟 6 網站上線與維護:網站上線,持續監控、更新與安全維護。 主機 / DNS 管理後台、FTP / SSH 客戶端、網站分析 / 監控 / 安全 / 備份工具 如何選擇你的形象網站設計專案? 在沒有專業的行銷及設計團隊下,可委託專業的網頁設計公司,享有完整團隊支援,與較高品質控管,也可有專人協助評估,確認自己公司的需求規格。與其耗費時間學習摸索,不如就直接交給專業,而選擇方式應綜合評估專案預算、網站需求複雜度、期望的客製化程度、完成時程等綜合考量。 覺醒設計 - 客製化網站設計首選 "高顏值不是夢,覺醒你的品牌 DNA" 覺醒設計提供一站式整合服務「 網站建置 x 品牌規劃 x 平面設計 x 網路行銷」。在網站業界,覺醒同仁多擁有超過 10 年的經驗,打造 “平價客製化” 網站設計方案,「價格親民、豐富版型、快速成案」引領全新網站架設型態。網站體質以 RWD、SEO 技術建置,幫助您在行銷推廣上,獲取更好的 Google 搜尋引擎排名。 一站式的企業整合服務: 1. 【 網頁設計 】客製化網站設計、SEO / RWD 網站體質、網站代管服務、網域設定 2. 【 品牌規劃 】CIS 企業視覺識別、LOGO 設計、名片設計、周邊設計 3. 【 平面設計 】型錄設計、菜單設計、海報設計、包裝設計 4. 【 網路行銷 】SEO 策略擬定、SEO 文案撰寫、MEAT(IG、FB)社群/Google 廣告投放服務 讓覺醒設計成為您的得力夥伴,以創新設計縮短品牌與消費者的距離。 >> 台中 RWD 網站設計公司:覺醒設計
網頁設計費用是業主考量的重要因素,如何抓出預算,找到適合的方案,是很重要的切點。除了製作的需求複雜度,設計風格及功能多寡等因素,也都會有影響,從簡單的靜態頁面,到客製化互動平台,價格天差地遠,我們列出各價格區間的市場行情,還有對應的平台、特點、限制及適合對象,並提供覺醒設計的專屬優惠方案。 影響網頁設計費用的核心因素有哪些? 我們從類別差異,來做判斷,也反思一下,哪些是我需要的: 1、網站類型與規模: 形象網站、電商網站、活動網站、部落格及大型平台等。 2、設計客製化程度: 套版、半客製、全客製。 3、功能需求: 會員系統、購物車、金流串接、預約系統、多國語言及客製化後台等。 4、內容多寡與複雜度: 頁面數量、是否需要文案撰寫、素材準備 (圖片、影片)。 5、技術規格: 前後端技術選型、主機規格及資安要求。 6、合作對象: 個人接案、小型工作室、中大型網頁設計公司。 7、後續維護與支援: 是否包含保固、維護合約。 網頁設計費用區間分析:從幾千元到數百萬元的選擇 預算範圍 (NT$) 方案類型 類型簡述 主要特點 適合對象 限制/注意 5 萬元以下 套版網站 / DIY 平台 使用 Wix、Webbly、WordPress.com 等平台自行建置 價格低廉 (或免費但有廣告/限制);模板化、快速上手;功能基礎、客製化低 業餘部落格初學者、短期活動頁;預算有限且願自行摸索者;對設計與功能要求不高者 SEO 彈性較差;設計風格受限;未來擴充困難 5 萬 – 15 萬元 進階套版網站 / 客製化網頁設計 專業 WordPress 付費套版(設計師協助調整);網頁設計師協助設計網頁 有一定客製空間 (顏色、LOGO);可加常用外掛;設計與體驗較佳;建置仍快 中小企業形象網站;需基本功能服務業 (如預約);預算有限但想專業且具行銷功能者 深度客製化困難;複雜功能難實現 15 萬 - 50 萬元 中型以上企業需求,客製化、精緻程度偏高 幾乎根據企業需求、物流、金流等全客製化評估 設計獨特性高;功能滿足特定需求;使用者體驗經規劃;SEO 架構較佳 成長型企業;需特定線上服務/互動功能 (如初步課程/電商);重視使用者體驗與轉換率;希望網站長期發展者 非常複雜或全新的功能開發成本仍高 50 萬元以上 全客製化網站 / 大型專案 / 平台開發 從零開始量身打造;含深入需求分析、UI/UX、前後端開發;可涉複雜系統整合 完全符合獨特需求與商業邏輯;設計與功能獨創;可擴展性與安全性高;專案週期較長 中大型企業,有複雜線上業務;需獨特網路平台/服務 (如大型電商、SaaS);對品牌、體驗、效能有極高要求者 費用無上限,取決於專案複雜度與規模 網頁設計費用怎麼評估?覺醒設計 CP 值最高 我們把市場常見的網頁設計價格區間列出後,大家一定還會有疑問,到底要多少網頁設計費用,才是適合我的?覺醒設計對此,精準設計出符合市場 CP 值最高的方案,以「網站設計 + 主機代管」為例,才 56,800 元起,打造業界最佳方案。 你的預算及需求偏低,可參考經典套餐的快速上架方案(多模版選擇) 45,400 元起;客製套餐方案(專屬風格)73,600 元起,主機租用越多年越省,不但價格實惠,還享有專業網頁設計團隊的服務,整體 CP 值最高,建議想要製作網站的朋友,可以多加參考。 快來參考我們的專屬優惠 >> 覺醒設計費用參考方案 除了設計類型,這些也會默默影響你的荷包 文案撰寫與素材準備,可由設計公司提供或由客戶自行準備,影響專案流程與成本。 多國語言支援:會隨語言數量增加,帶動費用上升。 響應式網頁設計(RWD):如今已成標配,但複雜的調整仍需投入不少工時。 SEO 優化方面:報價可能包含基礎建置或進階策略規劃。 電商網站必備的金流與物流串接:其複雜度直接影響價格。 主機代管與網域費用:有時會另行計價,而後續維護合約則涵蓋定期更新、安全維護與技術支援。 急件費用:若專案時程緊迫,也會增加相關費用。 如何找出適合自己的網頁設計費用及方案? 在決定網頁設計前,先明確你的網站目標與核心需求,並評估現有預算與預期回報。我們還要考量網站的長期發展,與未來擴充可能性。 多方比較不同設計公司或工作室的報價與作品集,注意報價單的細節,確認包含的服務項目,並了解其專案流程與溝通方式。切勿只看價格高低,更應重視設計價值與專業度。與設計團隊保持充分溝通,確保雙方對需求和預期有清晰且一致的理解,才能避免後續誤會與風險。 網頁設計公司案例推薦:覺醒設計 不但要比較費用,還要比較顏質、CP 值,覺性設計服務產業客戶案例最多,對於各產業需求皆有所理解,可以協助評估適合的方案,讓你花的費用最有效益。 ADDA 協禧電機 - ESG 散熱風扇 作為上市櫃公司,協禧電機在電子散熱處理技術方面領先業界,擁有 46 年產業經驗。自家萬坪工廠,擁有穩定產能。『革新創造、產業領導』為協禧的發展願景,我們持續整合研發設計、製造技術、品質監控等,整合最優秀的專業技術資源團隊,以成為國際製造與銷售的強勢競爭力。 設計介紹:ADDA 協禧電機 - ESG 散熱風扇 海涵能源 - ESG 儲能櫃、電池 "為地球環境盡心、為乾淨能源努力" 海涵能源致力於推動再生能源與潔淨能源的開發,秉持守護地球永續、減碳節能的願景,專注於儲能組裝廠建置與維運,提供一站式整合服務,並在此過程中優化企業的用結構,降低用電成本,提升 ESG 指標。 設計介紹:海涵能源 - ESG 儲能櫃、電池 覺醒設計的網站製作,兼具美感與排版的平衡,能夠提供舒適的瀏覽體驗,歡迎告訴我們你的需求,一起做出雙方的代表作。 參考我們的網頁設計案例 >> 覺醒網頁設計案例 網頁設計費用常見問題 FAQ Q1:為什麼朋友的公司做網站只要 X 萬,我的卻要 Y 萬? A:每個網站的功能需求、客製化程度、設計複雜度、內容多寡、技術選用以及後續維護服務等因素而有顯著差異,每個網站專案評估方式皆有差別。 Q2:模板網站是不是一定比較差? A:不一定。高品質的模板若能符合你的品牌形象與功能需求,並經過適當調整與優質內容填充,也能呈現出非常專業的效果。重點在於選擇合適的模板並善用它。 Q3:報價單越便宜越好嗎? A:並非如此。過於便宜的報價可能意味著在設計品質、功能完整性、客製化空間、安全性或售後服務上有所犧牲,甚至可能有未說明的隱藏費用。應綜合考量價值而非僅比較價格。 Q4:簽約前要注意哪些費用相關的細節? A:務必確認合約中載明總費用,包含的具體項目(設計、開發、內容上架等)、各階段付款時程與方式、修改次數與超出範圍的計費方式、以及網站上線後的維護費、主機代管費、網域名稱年費等持續性支出。 覺醒設計 - 客製化網站設計首選 "高顏值不是夢,覺醒你的品牌 DNA" 覺醒設計提供一站式整合服務「 網站建置 x 品牌規劃 x 平面設計 x 網路行銷」。在網站業界,覺醒同仁多擁有超過 10 年的經驗,打造 “平價客製化” 網站設計方案,「價格親民、豐富版型、快速成案」引領全新網站架設型態。網站體質以 RWD、SEO 技術建置,幫助您在行銷推廣上,獲取更好的 Google 搜尋引擎排名。 一站式的企業整合服務: 1. 【 網頁設計 】客製化網站設計、SEO / RWD 網站體質、網站代管服務、網域設定 2. 【 品牌規劃 】CIS 企業視覺識別、LOGO 設計、名片設計、周邊設計 3. 【 平面設計 】型錄設計、菜單設計、海報設計、包裝設計 4. 【 網路行銷 】SEO 策略擬定、SEO 文案撰寫、MEAT(IG、FB)社群/Google 廣告投放服務 讓覺醒設計成為您的得力夥伴,以創新設計縮短品牌與消費者的距離。 >> 台中 RWD 網站設計公司:覺醒設計
要找到台中購物網站設計公司,就找案例豐富,主打高顏值的覺醒設計。透過客製化的購物網站建置,不但好看美觀,還能確保消費者,在網站速度、金流個資的安全性,是電商最佳的選擇,覺醒設計在本文以 3 大購物網站案例,帶你找到理想中的電商網站。 台中購物網站設計:掌握經營自主,擺脫電商平台套版 許多電商經營者最大的痛點,莫過於辛苦獲得的訂單利潤,卻要被大型購物平台層層抽取費用。覺醒設計深知此點,我們的核心目標是協助您建立專屬購物網站,徹底擺脫平台抽成的束縛,讓每一分收入都確實掌握在自己手中,經營成本更可控,利潤結構更健康。 從節流到開源:整合多元行銷策略 覺醒設計不僅幫你省錢,更提供強大的「開源」武器。我們建置的購物網站內建靈活的行銷模組,助您刺激銷售、提升客單價。 電商功能總覽表 功能項目 說明 多元商品組合銷售 自由搭配產品組合,提升購物趣味與價值感 彈性促銷活動 設定全館或指定商品限時優惠、滿額折扣,創造購買誘因 會員經營與忠誠度計畫 紅利積分、專屬優惠券、會員分級,累積忠誠客戶與重複消費 網紅導購分潤系統 整合推廣分潤、自主設定抽成比例、自動追蹤成效與獎勵發放 整體優勢 自主控管成本、靈活運用行銷策略、持續推動業績成長 台中購物網站建置:客製設計,打造使用者更好的體驗 覺醒設計專注於打造「好用且與眾不同」的電商平台,從視覺到功能,都以最高標準為您量身訂製。我們堅持客製化設計,擺脫購物平台的制式框架,根據您的品牌形象與目標客群,創造獨一無二的視覺風格與品牌辨識度,讓顧客第一眼就留下深刻印象。 流暢體驗來自專業技術整合 完美的購物體驗仰賴順暢的技術整合。覺醒設計確保網站具備: 1、RWD 響應式設計:無論顧客使用手機、平板或電腦,都能獲得一致且舒適的瀏覽與購物體驗,抓住關鍵的行動裝置流量。 2、金流物流無縫串接:我們協助串接多元的第三方金流(讓彈性選擇方案、降低手續費)與物流系統(集中管理、批次處理、即時追蹤),簡化您的後台管理,也提升顧客的付款與收貨便利性。 3、導入資安規劃:提供穩定的主機代管選項與維運服務,並採用隱碼技術等措施保護企業與客戶數據,確保網站能長期穩定。 覺醒設計購物網站案例解析 覺醒設計的購物網站,不論是頁面設計、網站金流,主打高顏值、穩定的操作系統,讓你的品牌質感 Level Up ! 購物網站成功案例 1:芳源蓄牧場 芳源畜牧場,根植雲林四湖,傳承三代匠心。近年擁抱智慧農業,以科技優化鵝隻成長環境,展現對生命與土地的尊重。此次全新打造的質感官網,融合自然溫度與現代設計,不僅傳遞品牌精神,也為消費者開啟一段貼近牧場初心的美好過程。 經營理念:「芳源畜牧場座落於雲林縣四湖鄉,歷經三代經營,近年轉型為智慧農業,致力為鵝隻打造最舒適健康的成長環境。」—— 芳源蓄牧場 購物網站成功案例 2:祐全蒲燒鰻 祐全蒲燒鰻,堅持台灣製造,專注匠心選材,精選上等鰻魚,呈現道地日式蒲燒風味。全新質感網站,以洗練設計呼應品牌精神,讓每一份蒲燒鰻禮盒,不只是美味,更是傳遞心意的品味之選。 經營理念:「鰻の蒲焼,台灣製造,祐全嚴選日式蒲燒鰻魚禮盒。」—— 祐全蒲燒鰻 購物網站成功案例 3:鐵鳥迷航空文創館 鐵鳥迷航空文創館,以滿腔熱情耕耘軍事文創領域,成為台灣指標品牌。全新質感網站,融合軍事精神與創意巧思,讓每一件作品都能向經典致敬,點燃所有軍事迷心中的飛行夢。 經營理念:「我們用滿滿的熱情來耕耘這一塊園地,是台灣知名軍事文創品牌。」—— 鐵鳥迷航空文創館 覺醒設計 - 客製化網站設計首選 "高顏值不是夢,覺醒你的品牌 DNA" 覺醒設計提供一站式整合服務「 網站建置 x 品牌規劃 x 平面設計 x 網路行銷」。在網站業界,覺醒擁有超過 10 年的經驗,打造 “平價客製化” 網站設計方案,「價格親民、豐富版型、快速成案」引領全新網站架設型態。網站體質以 RWD、SEO 技術建置,幫助您在行銷推廣上,獲取更好的 Google 搜尋引擎排名。 一站式的企業整合服務: 1. 【 網頁設計 】客製化網站設計、SEO / RWD 網站體質、網站代管服務、網域設定 2. 【 品牌規劃 】CIS 企業視覺識別、LOGO 設計、名片設計、周邊設計 3. 【 平面設計 】型錄設計、菜單設計、海報設計、包裝設計 4. 【 網路行銷 】SEO 策略擬定、SEO 文案撰寫、MEAT(IG、FB)社群/Google 廣告投放服務 讓覺醒設計成為您的得力夥伴,以創新設計縮短品牌與消費者的距離。 >> 台中 RWD 網站設計公司:覺醒設計