!『嵐設』免費電子報訂閱募集中!

在下方輸入您的Email訂閱就可收到本部落最新文章資訊喔!

Delivered by FeedBurner

      今天設計嵐要來分享一個超簡單又實用的網站-Floor Planner,這是一個以Flash技術製作的互動式網頁,可以繪製室內設計平面以及3D圖,而且擁有許多現成的圖庫物件可供套用,並且畫好的設計圖可以儲存並且分享,重點是:完全免費!堪稱殺手級的設計繪圖工具,不論是對於初學者還是專業人士,都可以輕鬆達到規劃設計的需求,大家不妨參考看看。

1.png 

1.在瀏覽器輸入網址或直接點此:http://beta.floorplanner.com/ ,會看到如下畫面:(往後可直接在側邊欄位的『好用資源』區直接點選連結)

A.在首頁畫面右上角國旗小圖示可以切換語言版本,可惜沒有繁體中文版

B.第一次使用必須先申請一個帳號,請點選畫面右上角的『創建一個帳號』(下圖紅框處)

1-1.jpg

2.依照下圖說明填入Email、密碼然後按下『Sign Up』即完成帳號創建。

2-1.jpg

3.以後只要到首頁點選右上角的『登錄』就可開始使用。

3-1.jpg

4.輸入當初申請時的Email和密碼然後點選『登錄』鍵即可。

4-1.jpg

5.要開始一個新的專案,請點選『我的第一個項目』連結。

5.jpg

6.接著看到操作畫面如下:

6.jpg

A.繪圖區:在這個區域內建立設計圖的內容。

B.工具列:可在此進行復原動作以及儲存

C.視圖切換列:可隨時在2D/3D之間做檢視切換

D.繪圖面板:可在此選擇繪製房間、地坪、家具、文字等等物件。

E.圖庫:有許多現成的家具、門窗圖塊可直接套用。

7.首先繪製房子的整體牆面範圍:點選繪圖面板第一個『建立房間』圖示,在繪圖區拖曳出所需的大小範圍。

A.這個繪圖機制最令人讚賞的地方就是直接給你尺寸(下圖紅框處),各位可以直接點選標住的文字手動輸入精準的尺寸。

B.牆面建立好了之後也可將游標放在牆線上直接脫議修改大小。

7.jpg

8.繪製格局:點選繪圖面板第二個圖示(下圖紅框處),接著在牆線上點一下(下圖紅圈處),接著依序在畫面上適合處點選,最後要封閉回第一點完成格局建立。

8.jpg

9.格局範圍建立好之後,游標在格局中點一下,會出現下圖紅框處顯示的工具列,可在工具列上的下拉式選單設定此空間的用途(ex.客廳、臥室、廚房等等)。

9.jpg

10.格局用途決定好之後,游標點選『i』圖示(下圖紅圈處),可以設定地坪種類

10.jpg

11.點選所需的地坪圖示(例如:地毯),便可以將此地坪套用在格局中。

11.jpg

12.重複上述動作在空間中建立所有需要的格局以及設定地坪種類,完成後就可以安裝門窗。

A.點選『繪圖面板』第四個圖示建立門窗。

B.在下方的圖庫區找到合適的門窗物件,拖曳至左邊編輯區的牆面上即完成門窗的安裝。

12.jpg

13.要修改門窗,游標點選在門窗物件上會出現下圖顯示的設定視窗,可修改門窗的方向以及尺寸。

A.重複上述動作完成所有門窗的放置動作。

B.接著各位也可以在圖庫區上方的下拉式選單切換不同格局的圖庫樣式進行家具的放置(例如:臥室)。

13.jpg14.jpg

14.找到合適的家具圖塊後,一樣直接拖曳至格局中適當位置即可。

15.jpg

15.重複上述動作完成所有家具的配置,完成後可以點選『3D』檢視模式觀看完整的立體圖喔,是不是簡單又好用呢?

16.jpg

此外,各位如果在設計上沒有想法,也可以點選畫面上方的『演示例子』以及『Gallery』連結去觀看Demo以及其他人的設計作品做為參考喔。

1-1.jpg 

創作者介紹

『嵐設』-設計教學部落

設計嵐 發表在 痞客邦 PIXNET 留言(18) 人氣()


留言列表 (18)

發表留言
  • c872139
  • 感謝分享~ 試用看看順便推薦客戶^^
    -
    (有挖到寶的感覺喔)
  • 感謝支持.^^..很不錯用的工具!!雖然不是室內設計製圖的主流工具,但是對於有效率的完成基本工作應該還可以應付^^..

    設計嵐 於 2010/04/02 15:25 回覆

  • sa01ndy
  • 讚!讚!讚!
  • 感謝您的讚!!!

    設計嵐 於 2010/04/03 02:45 回覆

  • wwoof
  • 謝謝分享~
  • 不客氣..^^..希望對您有用!!!

    設計嵐 於 2010/04/03 15:29 回覆

  • 紀妹妹
  • 好用啊

    謝謝老師分享~
  • 你現在才出現幫老師『贊聲』~~該打!!把老師上課敎的忘記,更該打!!!..^^..

    設計嵐 於 2010/04/16 15:04 回覆

  • pudding0702
  • 突然想到三年級修電腦繪圖的課...當時非常痛苦呀..最後交出一個3秒鐘的動畫...還好最後60分過...真是好李家在呢
  • 哈哈..^^..學生時代總是如此~~我學生時代的網頁專題製作也是,由於當時技術不好,再加上急就章~~做出來的網站現在看了都覺得自己怎麼會有當年..^^Y

    設計嵐 於 2010/04/20 20:23 回覆

  • callain
  • 天啊XD
    這個好棒~~~
    謝謝妳的分享喔^O^
  • 哈妮
  • 很棒的軟體 試用過 真的好方便 謝謝版大分享 ^___^
  • 不客氣..^^..

    設計嵐 於 2011/03/19 12:20 回覆

  • 貓小慈
  • 老師你好~
    我需要一個ps作品集,可是不知道從何下手,沒個方向...

    老師可以教我該怎麼做嗎...
  • star
  • 您好~
    搜尋資料時找到這裡來
    這個軟體真的很容易上手.^^ 謝謝您分享!!!
    但有個小小疑問~
    在第一步驟建立牆面時
    ""點選標住的文字手動輸入精準的尺寸""
    要怎麼點選才能直接在拖曳的範圍上做修改數字的動作呢?
    (因為怎麼試就是沒辦法....)

    謝謝喔!!!
  • star
  • ps.我的牆線範圍畫出來是沒有顯示尺寸數值的~
  • Pochou
  • 真的人人都可以是室內設計師 還可以便宜裝修喔 歡迎參加 朵卡設計 www.dolkar.com 在 2012年 台中4/11(三) 台北4/26(四) 6/1(五) 都有 邱柏洲設計師 的省錢裝修系列講座 幫助您完成夢想家 歡迎參考 http://www.dolkar.com/2012/01/2012-411-412.html
  • mu53100
  • 很不錯的也自己動手
  • Mmy Ji
  • becafrew5791101
  • 版主好,室內設計我是0經驗新手,請問我該從哪裡開始學習入門?麻煩你提點
  • 悠然溫暖的家
  • 老師好:
    為了興趣誤闖貴寶地
    請問老師:這軟體是屬于3D軟體嗎?

    祝福老師:猴年行大運~週末假日愉快!
  • 訪客
  • 請老師分享設計相關教學與電腦密技
    redcad.pixnet.net
    感謝
  • ELLA
  • 您好:老師請問要在那可轉換中文??我看您教學畫面有中文,但我下載下來全都英文....我在個人資料的語言那有選繁體中文...但回到儀表那還是全英文....以上請教您.TKS!!
找更多相關文章與討論