[{"data":1,"prerenderedAt":142},["ShallowReactive",2],{"i-tabler:book-2":3,"i-tabler:world":8,"i-tabler:check":10,"i-tabler:mail":12,"i-tabler:home":14,"i-tabler:pencil":16,"i-tabler:ruler-2":18,"i-tabler:music":20,"i-tabler:folder":22,"guides:how-to-draw-a-floor-plan-online:zh-tw":24,"guides-list:zh-tw":105,"i-tabler:chevron-right":132,"i-tabler:point-filled":134,"i-tabler:door":136,"i-tabler:armchair":138,"i-tabler:texture":140},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M19 4v16H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\u002F>\u003Cpath d=\"M19 16H7a2 2 0 0 0-2 2M9 8h6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8\"\u002F>\u003Cpath d=\"M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m5 12l5 5L20 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u002F>\u003Cpath d=\"m3 7l9 6l9-6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 12H3l9-9l9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7\"\u002F>\u003Cpath d=\"M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 20h4L18.5 9.5a2.828 2.828 0 1 0-4-4L4 16zm9.5-13.5l4 4\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17 3l4 4L7 21l-4-4zm-1 4l-1.5-1.5M13 10l-1.5-1.5M10 13l-1.5-1.5M7 16l-1.5-1.5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M3 17a3 3 0 1 0 6 0a3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"\u002F>\u003Cpath d=\"M9 17V4h10v13M9 8h10\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2\"\u002F>",{"title":25,"seoTitle":26,"description":27,"intro":28,"blocks":29,"faq":87},"怎麼線上畫平面圖：一步一步教你","線上畫平面圖教學：免費、按比例，一步一步畫","在瀏覽器裡按比例畫平面圖：先丈量房間，用精確長度畫牆，放入門窗和家具，再標上尺寸，匯出 PNG、按比例 PDF 或 DXF。","先量好每個房間，打開一個以實際單位作圖的工具，照量到的長度畫出外牆。接著加上內牆、門窗、家具、尺寸標註和房間名稱，最後用 1:50 或 1:100 這類比例匯出。這篇教學用[JotJam 的設計工具](\u002Fdesign)一步步示範，它免費，在瀏覽器裡就能用。",[30,40,44,50,57,61,65,69,75,79],{"h2":31,"p":32,"list":34},"1. 畫之前先丈量",[33],"平面圖準不準，全看數字。拿捲尺或雷射測距儀，一個房間一個房間記下：",[35,36,37,38,39],"每道牆的長度，從轉角量到轉角","牆的厚度——在門洞那裡量最方便","每扇門窗的寬度，以及離最近轉角多遠","所有固定的東西：暖氣片、廚房流理台、浴缸、樓梯","你覺得方正的房間，量兩條對角線——一樣長就是方的",{"h2":41,"p":42},"2. 先畫一張草圖",[43],"徒手把格局畫出來——畫在紙上或[畫板](\u002Fdraw)上都行——邊畫邊把尺寸寫上去。正式的平面圖會照這張草圖畫，所以不用畫得整齊，只要資料齊全。",{"h2":45,"steps":46},"3. 設定圖面",[47,48,49],"打開[一張新設計](\u002Fdesign\u002Fedit)。畫圖不需要帳號。","在格線與貼齊面板裡設定單位。世界上大部分地方畫平面圖都用公釐，用公分也可以。","設定牆厚。住宅外牆常見 250–350 mm，室內隔間 75–150 mm，但請以你量到的為準。",{"h2":51,"steps":52},"4. 畫外牆",[53,54,55,56],"選「牆」工具（W），點一下第一個轉角的位置。","把線朝牆的方向拉，輸入長度——用公釐時 4.2 m 就輸入 4200——再按 Enter。","沿著建築一個轉角接一個轉角畫過去。線會貼齊 15° 的角度，直角很好畫。","再點一次起點，把外輪廓封閉起來。",{"h2":58,"p":59},"5. 加上內牆",[60],"每道內牆都從現有的牆開始畫。點會貼齊已畫好的端點和中點，牆和牆就能乾淨地接上。長度一樣用輸入的。需要放一個不貼齊的點時，按住 Alt。",{"h2":62,"p":63},"6. 放入門、窗和樓梯",[64],"打開圖例面板，放入[單開門](\u002Flibrary\u002Fplan\u002Fsingle-door)、[雙開門](\u002Flibrary\u002Fplan\u002Fdouble-door)、[推拉門](\u002Flibrary\u002Fplan\u002Fsliding-door)、[窗](\u002Flibrary\u002Fplan\u002Fwindow)或[直跑樓梯](\u002Flibrary\u002Fplan\u002Fstraight-stair)。它們都是實際尺寸，90 cm 的門放進 90 cm 的開口，不用再縮放。把每個圖例拖進牆裡，用「旋轉 90°」轉到正確方向。檢查每扇門的開啟範圍：不能撞到家具或別扇門。每個符號代表什麼，請看[平面圖符號說明](\u002Fguides\u002Ffloor-plan-symbols)。",{"h2":66,"p":67},"7. 擺家具",[68],"加上[床](\u002Flibrary\u002Fplan\u002Fdouble-bed)、[沙發](\u002Flibrary\u002Fplan\u002Fsofa)、[餐桌](\u002Flibrary\u002Fplan\u002Fdining-table)、[廚房流理台](\u002Flibrary\u002Fplan\u002Fkitchen-counter)、[浴缸](\u002Flibrary\u002Fplan\u002Fbathtub)和[馬桶](\u002Flibrary\u002Fplan\u002Ftoilet)。因為都是實際尺寸，房間放不放得下一張雙人床、旁邊還能不能走路，馬上就看得出來。其他家具就按[平面圖常用家具尺寸](\u002Fguides\u002Ffurniture-sizes-for-floor-plans)裡的數字畫矩形。",{"h2":70,"list":71},"8. 標尺寸和名稱",[72,73,74],"**標註（D）**——點兩個點，再放好尺寸線。標出建築總尺寸、每個房間的尺寸和開口的位置。","**文字（T）**——房間名稱，需要的話加上面積。","**指北針和比例尺**——從平面圖例裡拿，就算平面圖印小了，看圖的人也知道方位和大小。",{"h2":76,"p":77},"9. 儲存和匯出",[78],"把設計儲存到帳號，再下載 PNG 或 SVG。要按實際比例列印，就匯出 A4 或 A3 的按比例 PDF——整間公寓或住宅用 1:100，擺好家具的房間配置用 1:50——並以 100% 列印。要在 AutoCAD、Rhino 或 SketchUp 裡用，就匯出 DXF。",{"h2":80,"list":81},"常見錯誤",[82,83,84,85,86],"外牆和內牆厚度不同，卻全部畫成一樣厚。","忘了畫門的開啟線，結果發現門會撞到床。","家具憑感覺縮放，而不是用實際尺寸。","沒有指北針、沒有比例尺、沒有總尺寸。","用公分量，卻把數字輸入以公釐作圖的設計裡。",{"title":88,"items":89},"常見問題",[90,93,96,99,102],{"q":91,"a":92},"可以免費線上畫平面圖嗎？","可以。JotJam 的設計工具免費，不用帳號就能用。儲存會用掉幾點，每天登入都會送免費點數。",{"q":94,"a":95},"平面圖該用什麼比例？","整棟住宅或整間公寓通常用 1:100，單一房間或家具配置用 1:50，廚房、浴室這類詳圖用 1:20。",{"q":97,"a":98},"可以在 iPad 或手機上畫平面圖嗎？","可以。點選轉角來畫牆，雙指捏合縮放，兩指拖曳移動畫面。整棟房子用大一點的螢幕會比較好畫。",{"q":100,"a":101},"平面圖可以在 AutoCAD 裡打開嗎？","從儲存過的設計匯出 DXF，會以公釐為單位、按實際尺寸輸出。",{"q":103,"a":104},"要量牆的內側還是外側？","在每個房間裡量，從這面牆量到對面牆，牆厚另外量。這樣就能把總尺寸加出來，再和外側量到的數字對照。",[106,108,112,116,120,124,128],{"slug":107,"title":25,"description":27},"how-to-draw-a-floor-plan-online",{"slug":109,"title":110,"description":111},"floor-plan-symbols","平面圖符號與圖例說明","平面圖上的線代表什麼：門的開啟線、推拉門、窗、樓梯、家具、指北針、比例尺和剖面線符號——附免費 SVG 圖例下載。",{"slug":113,"title":114,"description":115},"furniture-sizes-for-floor-plans","平面圖常用家具尺寸","床、沙發、餐桌、書桌、衣櫃、廚房和衛浴設備的常見尺寸，以及周圍要留多少空間——以公分標示，畫平面圖時直接用。",{"slug":117,"title":118,"description":119},"section-hatch-patterns","剖面材質填充圖樣：每一種代表什麼","建築剖面圖裡的材質填充代表什麼——混凝土、磚、土壤、隔熱材、木材、碎石——什麼時候用哪一種，以及怎麼讓剖面圖好讀。附免費 SVG 填充圖例。",{"slug":121,"title":122,"description":123},"sketch-on-a-phone-or-tablet","不用安裝 App，在手機或平板上畫草圖","直接在瀏覽器裡用 iPad、Android 平板或手機畫畫：支援 Apple Pencil 壓感、手掌可以靠著、雙指縮放、匯出 PNG——免費，免裝 App。",{"slug":125,"title":126,"description":127},"play-piano-on-a-computer-keyboard","怎麼用電腦鍵盤彈鋼琴","哪個電腦按鍵對應哪個鋼琴音、怎麼切換八度和用延音踏板，還有用筆電鍵盤在線上鋼琴就能彈的簡單歌曲和和弦。",{"slug":129,"title":130,"description":131},"easy-guitar-chords-for-beginners","吉他初學者的簡單和弦","吉他新手最先該學的十個和弦——Em、Am、E、A、D、C、G、Dm、G7 和 F——附格數、學習順序和簡單的和弦進行練習。每個和弦都能在線上吉他上聽。",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":133},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 6l6 6l-6 6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":135},"\u003Cpath fill=\"currentColor\" d=\"M12 7a5 5 0 1 1-4.995 5.217L7 12l.005-.217A5 5 0 0 1 12 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":137},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12v.01M3 21h18M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":139},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M5 11a2 2 0 0 1 2 2v2h10v-2a2 2 0 1 1 4 0v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2\"\u002F>\u003Cpath d=\"M5 11V6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v5M6 19v2m12-2v2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":141},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3L3 6m18 12l-3 3M11 3l-8 8m13-8L3 16M21 3L3 21M21 8L8 21m13-8l-8 8\"\u002F>",1792672097676]