第三章 API 開發與設計
3.2 使用者操作界面設計
首先在開發這優化工作程式的 API，取名為 Drawing Plus，即是將繪圖功能 加強，來達成優化工作流程的工具。
在設計室內空間時，可發現空間主要為三個主體面來構成，分別為牆面、天 花板面與地面，那在使用的空間中，在牆面上一定會有門窗的設置，那在空間的 機能上來說，櫃體也是不可或缺的物件。室內設計主要就是將這些空間主要的元 素，去設計營造出想要的感受空間。
室內設計通常都依現有建築物的室內空間來丈量繪製，在依各種不同的需求 來改變內部的配置空間，所以在工作流程裡的初始階段丈量時，基本上就是以建 築物內的牆面為基準來丈量，再依據建築物內的現況門窗作標記，最後在丈量每 層樓的高度與樑寬。
由上段敘述可發現在繪製平面規畫圖時，主體建築物外牆是繪圖當中為首要 先繪製的，接續繪製內部的隔間牆面，最後將門窗繪製定點，初步要設計的原始 圖即可完成，最後在各種不同需求下，設計規劃出需求空間。
室內設計對空間可表現的地方為牆面、天花板、地板、門窗與櫃體造型，這 些硬體設施即是營造出空間的主體，也都是業主常會委託室內設計師的項目，對 於這些施作的工程預算，都需精確的計算，避免爾後的紛爭。
如圖4.1 是為公共工程室內裝修案例，於民國 107 年高雄市大樹區小坪國民 小學共讀站設計案之平面規劃圖，圖面上一定有基本的牆面而組成的空間，牆面 上也會有門窗的配置，平面圖也直接正視地面的角度，所以地面也一定會在圖面 顯現，對於構成一個室內空間來說，最後就是天花板將其包覆，就是一個完整的 室內空間了，那對於室內裝修設計一個空間，需要功能性的櫃體，或是需要美化 空間的形體，創造型體的手法，有許多不同的工種來創造，例如泥作工法、木作 工法與鐵工工法等等，一般來說大多數都會使用木作工法來創造，原因有成本考 量較能簡易創造，目前在台灣木作裝潢的人才與技術，都具有相當的競爭力，所 以在平面規劃圖上，也免不了有櫃體的配置，這些主要的元件結合在一起，就是 一張完整的室內裝修設計平面配置圖。
27
圖 3.5 高雄市小坪國民小學共讀站平面設計圖
在室內設計師將空間配置完繪好圖面後，接下來就會以設計後空間需施作的 部分來作估價的部份，如圖 3.2 所示在主體工程類別，會依各種不同工程來分 類，依序為室內裝修工程、鐵工工程、泥作工程、廣告工程、水電工程、油漆工 程、空調工程、玻璃工程、植栽工程與雜項工程，再以各種工程需施作的細項來 作單項的估價，各種細項估算的方式都有不同之處，有些會以面積來算，例如施 作超耐磨地板，會計算市內地板的空間，單位以坪數來計算，那有些會以長度來 計算，例如木作施作的櫃檯，會以櫃體的長度來計算，單位以台尺來計算，施作 的工種不同，都有各種不同的單位計算方式，那在傳統模式下的方式，都會以人 工手動的方式，來去計算這種長度與面積等等來做估價，在此案例的估價單中也 可發現，項目最多的為室內裝修工程，就是木作工程的部分，各單項估價就有 26 項，由此可發現木作工程部分在估價時需要花費更多的人力與時間。
28
29
30
圖 3.6 高雄市小坪國民小學共讀站預算估價
31
綜合以上對於使用者操作介面設計歸類為五大類，再加上其它工種的估價，
可用簡易的方式來計算，而在多加一個項目，主要功能總共有六大項目：
(1) 牆 (2) 地板 (3) 天花板 (4) 門窗 (5) 櫃體 (6) 計算
圖 3.7 使用者操作介面主要功能項目
(1) 牆：
在室內設計規劃平面圖上，牆是不可或缺的物件，空間的組成也是牆面的包 覆圍繞所衍生出來的，所以在 API 主功能項目是必須要有的。創造牆的主要工 程，一般常在室內裝修工程的方式分為別為，木作工程、玻璃工程、泥作工程與 鐵工工程這四大項目，再以這四大項目在去細分各種不同的材質與牆的類別。
木作工程：在牆面名稱定義了三種牆面，分別為輕隔間、角材隔間與造型壁 板，以輕隔間來說裡層骨架為輕型鋼架，尺寸上來說會也會依現況高度長度變 化，所以在設定上設計為可填入骨架的深度，作為較彈性的設計，那在牆面的兩 面，可分別選定現有材質，或是新創建牆面設計選定後的材質，這種材質也有不 一樣的尺寸，一樣為了彈性的變化，也可選擇自行輸入的方式，那避免造成繪圖 牆面前的困擾，及有失創建 API 的初衷，提升效率為主要目的，所以在預設時 數值為一般常用的數值，就可盡量節省繪圖前還需要輸入數值所花費的時間，最 後選定好材質後與裡層厚度，程式可自動計算出這牆面所完成後的厚度，這可讓 圖面更加的準確，在現實案場中也可降低空間尺寸的誤差性。那以角材隔間來 說，除了裡層材質為木質，有夾板角材與實木角材，相對於輕隔間，除了裡層材 質的不同外，厚度也不相同，其餘兩面封板的材質，都大為相同，所以在設計功 能與操作上，大至略同。那在造型壁板這功能的設計，是由於室內裝修設計在實 務上，對於壁面上的木作修飾，是經常性設計的方式，所以這功能主要的設計，
除了讓平面圖面更加完善以外，主要也可自動的計算出準確的估價。
玻璃工程：在室內隔間的部分，以玻璃隔間為室內裝修設計手法來說，也是
32
33
圖 3.8 主要功能-牆之操作順序-1
圖 3.9 主要功能-牆之操作順序-2
34
圖 3.10 主要功能-牆之操作順序-3
在開發設計 API 功主能-牆時，會有繁雜的材質資訊，又需將各種功能分類，
在寫入程式之前，先將資料統整後以表格的方式來分類，如表 3.1 是將主要功能 裡的牆功能，用列表的方式，將所有設計的細節與功能作表格化。
35
36
37
38
39
圖 3. 11 主要功能-地板之操作順序-1
圖 3.12 主要功能-地板之操作順序-2
40
圖 3.13 主要功能-地板之操作順序-3
在開發設計 API 主功能-地板時，面對繁雜的材質資訊，又需將各種功能分類，在寫入程 式之前，先將資料統整後以表格的方式來分類，表 3.2 是將主要功能裡的牆功能，用列表的方 式，將所有設計的細節與功能作表格化。
表 3. 2 主項目-地板功能列表
主項
目 工程類別 表面材質 底層高度 完成面高度
地板
木作工程
(1)海島型(2)實木(3)超耐磨(4)石晶(5)南方松 (6)塑環木(7)塑膠地板(8)地毯(9) 特殊(10)原 有
自行輸入、預設-1 自行輸入、預設 0
泥作工程
(1)打底(2)粉光(3)混擬土(4)尺寸磁磚(5)抿石
子(6)大理石(7)花崗石(8)特殊(9)原有 自行輸入、預設-15 自行輸入、預設 0
鐵工工程
(1) 金屬板(2) 海島型(3)實木(4)超耐磨(5)石 晶(6)南方松(7)塑環木(8)夾板(9)塑膠地板 (10)地毯(11)打底(12)粉光(13)混擬土(14)各 尺寸磁磚(15)抿石子(16)大理石(17)花崗石 (18)特殊(19)原有
自行輸入、預設-15 自行輸入、預設 0
41
42
6. 輸入天花板底層高度 7. 輸入天花板完成面高度 8. 點擊按開始繪製
9. 點選直線或矩形功能繪圖 10. 確認資訊是否正確
11. 依照想要繪圖的尺寸繪製，點選完成後自動成形 12. 伸成天花板完成
圖 3.14 主要功能-天花板之操作順序-1
43
圖 3.15 主要功能-天花板之操作順序-2
圖 3.16 主要功能-天花板之操作順序-3
在開發設計 API 主功能-天花板時，面對繁雜的材質資訊，又需將各種功能分類，在寫入 程式之前，先將資料統整後以表格的方式來分類，表 3.3 是將主要功能裡的天花板功能，用列
44 (4)PC 板(5)礦纖板(6)塑鋁板(7)
特殊(8)原有
45
計上最大的困難點，所以在設計上會再創建門窗的具體物件後，在具體物件下會在創建一個平 面的貼圖，這個貼圖即為合乎圖學平面規範的門窗圖，當然也可控制貼圖的隱藏與顯現，如圖 3.17 所示這樣就可以解決門窗在模擬圖與平面圖不同的顯現問題了
圖 3.17 門與窗同時創建立圖與平面圖並可調整隱藏或顯示
門：
在門的工程類別分為了木作工程與鐵工工程，定義了主要結構材質屬於木作或金屬，細部 的材質在可在材質上另外選擇，可直接參數化輸入門的寬度與高度後，直接在創建好的牆面 上，以輔助線來作基準點創建。在繪製完成的同時，API 功能就可自動記憶資訊，共創建了多 少種類別的門，以利之後資料整體。
窗：
在窗的工程類別分為了木作工程與鋁框工程，定義了主要結構材質屬於木作或金屬鋁料，
可直接參數化輸入窗的寬度與高度，以及輸入從地板距離多少來創見窗戶，輸入好參數後，可 直接在創建好的牆面上，以輔助線來作基準點創建窗。在繪製完成的同時，API 功能就可自動 記憶資訊，共創建了多少種類別的窗戶，以及每個窗戶大小尺寸面積，以利之後資料整體。
在圖 3.18-3.20 為主功能-門窗之操作順序圖，依序為十二個步驟，以簡便的操作方式，
可自動伸成門窗物體。主要功能-門窗的操作面板順序與解說：
1. 點選主功能-門窗
2. 可自我輸入創建群組名稱 3. 選擇工程名稱門或是窗 4. 選擇門窗結構類型 5. 選擇使用材料 6. 輸入門窗的寬度 7. 輸入門窗的底層高度
46
8. 輸入門窗的完成面高度 9. 選擇門的開口方向 10. 點擊按開始繪製
11. 瞄準到牆面上與輔助線交叉點後點擊 12. 伸成門或窗完成
圖 3.18 主要功能-門窗之操作順序-1
47
圖 3.19 主要功能-門窗之操作順序-2
圖 3.20 主要功能-門窗之操作順序-3
在開發設計 API 主功能-門窗時，面對繁雜的材質資訊，又需將各種功能分類，在寫入程 式之前，先將資料統整後以表格的方式來分類，表 3.4 是將主要功能裡的門窗功能，用列表的 方式，將所有設計的細節與功能作表格化。