什麼時候會需要畫家系圖或生態圖
- 初次家訪之後要把家庭結構整理進評估報告，講清楚案主身邊有哪些人。
- 個案討論會或督導會議上，要讓不熟悉這個家庭的人三十秒內看懂關係。
- 繼親家庭、隔代教養或多次婚姻的家庭，用文字寫三段還說不清楚誰是誰。
- 三個月後複評，要拿出上一版的圖比對這段時間家裡多了誰、少了誰。
- 課堂或實習督導要示範標準符號怎麼用，需要一張可以邊講邊改的圖。
- 要說明這一戶手上有哪些支持、哪些是壓力來源，光看家庭結構完全看不出來。
四個步驟畫完一張家系圖
- 按「新增第一位成員」加入第一個人。符號旁邊會直接開出一張資料卡，姓名已經選起來了，打完就好。
- 點一下符號，四周會浮出按鈕：往上是父母、往下是子女、右邊是配偶、左邊是手足，右下角是寵物。
- 要改姓名、性別、生卒年或把某個人設成案主，雙擊符號叫出資料卡，或按右上角的鉛筆。
- 關係一律在左欄的四個分頁維護：婚姻狀態與年份、誰是誰的小孩、收養或雙胞胎、情感關係、同住範圍。
- 畫完按左欄的「存檔與匯出」，存檔、匯出 PNG／JPG／SVG 與 JSON 都在那個視窗裡。
想先看效果，按「範例」會載入一個含二婚、收養、雙胞胎、寵物與情感關係的三代家庭。
基本資料在畫布上改，關係在左欄改
這兩件事的操作方式刻意分開，因為看的東西不一樣。 改一個人的姓名或生年時，眼睛在那個符號上；改關係時要看到的是整份名單。
- 成員的新增與基本資料全部在畫布上。加一個沒有關係的人按畫布左上角，加親屬用符號四周那一圈按鈕，姓名、人或寵物、性別、生卒年、已歿、案主、備註都在符號旁邊那張資料卡上。
- 左欄只維護關係，分成婚姻與伴侶、親子、情感關係、同住範圍四個分頁，每一頁都是平的：一列就是一段關係，要改的欄位就在那一列上。
- 不必先選一個人、再點進他的某一段關係、再從裡面找到某個孩子。要把一個孩子改成收養，就到親子那一頁改。
- 在畫布上點一段關係線，左欄會自動跳到對應的分頁並標示那一列，兩邊講的是同一件事。
- 雙擊符號就會打開那個人的資料卡，刪除鈕也在卡片上。
- 要一次刪掉好幾個人，按住 Ctrl 或 ⌘ 逐一點選，畫布下方會出現「已選 N 人」，從那裡刪。
- 用鍵盤的話，Tab 會逐一走過畫布上的每個符號，Enter 選起來，再按一次打開資料卡。
圖上的符號各代表什麼
這裡用的是社工與家族治療教科書上通行的那一套符號，不是自己發明的畫法。
- 方形是男性，圓形是女性，八邊形是性別不明或未填。
- 菱形是寵物。牠掛的位置跟子女一樣，因為在很多家庭裡牠本來就是家庭成員。
- 三角形是已懷孕、尚未出生的孩子。
- 案主是在符號外面再加一個方形外框，不論男女、也不論是不是寵物都一樣。一張圖只會有一個。
- 符號內的 X 代表已歿，填了卒年就會自動加上，而且一定畫在符號的邊界以內。
- 符號中間的數字是年齡，由生年推算，已歿的人算到卒年。
- 符號下方只寫姓名與備註。生卒年只用來算年齡，不印在圖上，家庭一大圖才不會被文字塞滿。
性別不明畫成八邊形是這裡跟教科書唯一不同的地方。標準畫法用菱形， 但菱形在這個工具裡讓給了寵物，而同一張圖上兩種意思不能共用一個形狀。
關係線怎麼分
- 結婚是一條實線，線上可以標結婚年份。
- 同居是虛線，這在實務上跟結婚是兩件事，不要混用。
- 分居是線上劃一條斜線，離婚是兩條，這一組是最常被畫錯的符號。
- 子女從婚姻線的中點垂下來，由左至右依出生序排列。
- 只有一個小孩時，那條線是從婚姻線直下到他身上的一直線，不會折成三段。排版會先把他挪到父母的正下方。
- 兩段關係的子女範圍重疊時，兩條匯流線會自動錯開高度，才不會變成同一條線上的兩段。
- 親生子女那一段是實線，收養與寄養是虛線。
- 只有單親的話，連線直接從那個人的符號下緣垂下。
- 雙胞胎與多胞胎不各自垂一條線，而是從手足線上的同一個點分岔出去，一人一條直線接到自己的符號。手足線只畫到那個分岔點為止，不會再延伸到他們頭上。同卵會在兩條線之間再加一道橫線，異卵沒有。
要標多胞胎，點父母那條關係線，在左欄的子女清單把同一胎的孩子選成同一組， 再選同卵或異卵。三胞胎以上也是同一個做法，同一組要幾個人都可以。
情感關係線畫的是另一件事
血緣與婚姻線講的是「這些人是誰」，情感關係線講的是「他們之間過得怎麼樣」。 一對父子在結構上永遠是父子，但那條線是三條線還是鋸齒，處遇方向完全不同。 這一層是評估報告真正在看的東西。
- 兩條線是親近。
- 三條線是親密。
- 虛線是疏遠。
- 鋸齒線是衝突。
- 實線中間打三道短橫是關係惡化。
- 實線中間切兩道是斷絕往來。
- 兩條線再疊一道鋸齒是衝突又親密。
在左欄的「情感關係」挑兩個人、選一種線就畫得出來，同一對人只會有一條。 線畫在血緣線之上、符號之下，在圖上點一下就能改或刪掉。
自動排版照什麼規則排
位置完全從成員之間的關係算出來，沒有任何隨機成分：同一份資料每次打開都排成一樣。 排完之後再逐條檢查線有沒有互相壓到，壓到就調整位置，而不是把線畫彎繞過去。
- 配偶同一層而且相鄰，子女在父母的下一層，手足由左至右依出生序。
- 每一層的左右順序由上下兩層一起決定：先看父母的位置，再看子女的位置，來回幾輪，最後把還會交叉的相鄰兩組對調。
- 只有一個小孩時，先把他挪到父母的正下方 —— 挪不動就挪父母，再挪不動就把擋路的人往外推。那條線一定是直的。
- 間距看的是姓名實際佔的寬度，不是固定的數字，所以長名字不會黏在一起。
- 兩段關係的子女範圍重疊時，兩條匯流線自動錯開高度。
實測的結果：三代與四代的家庭各三十份，全部只從關係算排版 —— 獨生子女的折線 0%、線互相重疊 0%、結構線之間互相交叉 0% 到 0.5%。 剩下的交叉全部來自情感關係線，平均一張圖一到兩處，原因寫在下一段。
情感關係線為什麼是彎的
結構線走的是格線：婚姻是水平線、子女是垂直線，各自待在固定的高度上。 情感關係連的是任意兩個人，如果也用直角走線，就會跟結構線疊在同一條水平線上， 或是端點正好停在另一條線身上 —— 看圖的人分不出哪一段屬於哪一條，那才是真正的打結。 所以情感關係一律畫成弧線，規則有三條。
- 從符號的斜角出發。結構線接的是上下左右四個邊，兩種線就不會從同一個點長出來。
- 同一層的兩個人，弧線整條走在那一列的上方，中間隔著幾個人都不會壓到任何一個符號。
- 跨代的走世代之間的空白走廊，需要穿過中間那一層時，從人與人之間的空隙鑽過去。
所以情感線不會壓在任何人的符號上，也不會跟結構線共線。與結構線垂直交叉是允許的： 一條彎的、一條直的，交叉點一眼就看得出是兩條線各走各的。
情感關係連的是任意兩個人，這一層沒辦法做到完全不交叉，那是圖形本身的限制： 一對父母與他們的小孩之間，橫著婚姻線、垂線、手足線與其他子女的垂線， 要接到中間那個小孩，只能從那組線的某一處穿過去，或是繞到最外側再繞回來。 工具的做法是三條路線都算一次要跨過幾條線，挑最少的那一條走， 所以剩下的交叉已經是幾何上的下限。
家庭再大一點，兩層線還是會互相干擾。這時候按畫布右上角那顆按鈕， 可以把情感關係整層收起來只看結構，收起來的狀態匯出的圖也不會有那一層 —— 評估報告常常就是需要兩張圖，一張結構、一張情感。
同住框為什麼一定要畫
一張看不出「誰跟誰住在一起」的家系圖，對評估來說少了一半。 父母離婚後孩子跟誰住、祖父母有沒有同住、屋簷下還有沒有其他成年人， 指向的是完全不同的處遇方向，而這些從血緣關係本身完全看不出來。
- 框由你自己畫。按畫布右上角的套索按鈕，在圖上一個角一個角點出多邊形，點回第一個點就閉合，形狀不必規則。
- 點錯一個角可以退一步，也可以直接按閉合範圍收工，圈進去的人會自動成為這一戶的成員，事後要增減再到左欄勾選。
- 畫出來的是一圈實線，上面可以寫「現同住」這類標籤。
- 一個人可以不在任何一圈裡，例如已經搬出去的成年子女。
- 需要比較的話可以畫多圈，例如「現同住」與「案發時同住」。
- 形狀畫歪了，在左欄那一組按重新繪製，重畫一次就好。
框刻意不由程式自動算。三代同堂裡祖父母跟其中一房住、另一房在隔壁， 自動框出來的矩形一定會多圈到人，而多圈一個人在評估上就是一句錯的結論。
生態圖回答的是另一個問題
家系圖回答「這個家庭裡有誰、他們是什麼關係」，生態圖回答「這一戶跟外面的世界怎麼往來」。 兩張圖問的不是同一件事，評估報告通常兩張都要。
- 切到生態圖不必重打成員，中心那一圈用的就是家系圖上的同一批人。
- 中心預設是圖上全部成員，建立同住群組之後可以只把那一戶放進中心。
- 外圈每個橢圓是一個系統，學校、職場、醫療、信仰、親友、鄰里、社福與休閒都算。
- 存檔、匯入匯出與匯出圖檔都是同一套，一份 JSON 檔同時帶著兩張圖。
三個步驟畫完一張生態圖
- 先在家系圖那邊把成員建好，再切到生態圖，中心那一圈就已經有人了。
- 從「常見系統」按一下加入學校、職場、醫療這些圈，或按「新增系統」自己命名。
- 點一個系統，在左欄逐列選它跟誰有連結、多緊密、資源往哪一邊流。
想先看效果，按「範例」載入的那一戶同時有家系圖與生態圖，三種連結都用上了。
生態圖上的線代表什麼
線的形狀是有標準意義的，跟家系圖的符號一樣不能自己改。
- 粗實線代表關係緊密，也就是這個系統確實在支持這一戶。
- 細虛線代表關係薄弱，接得上但很細。
- 線上打幾道斜槓代表有壓力或衝突，評估時最重要的常常就是這幾條。
- 箭頭指向家庭代表資源流進來，指向系統代表這一戶在往外付出。
- 不標箭頭是預設值，意思是還沒判斷方向，不是沒有往來。
一條連結可以接給某一個成員，也可以接給整戶。里辦公室或社會住宅這種服務對象是一整戶， 接給整戶會比重複接給每一個人清楚。
要交出去的那一份請用代號匯出
家系圖最後會被貼進評估報告，而報告常常要送到督導、跨專業會議甚至法院。 評估需要的是結構，不是姓名。
- 按畫布右上角那顆面具按鈕，姓名會換成 M1、F2 這樣的代號。
- 備註會一併隱藏，只留符號內的年齡。生卒年本來就不印在圖上，只用來算年齡。
- 圖形結構完全保留，世代、婚姻狀態與同住關係都看得出來。
- 畫面上會立刻變成匯出後的樣子，送出去之前看到的就是對方會看到的。
這裡刻意不自動產生「祖父」「表姊」這類稱謂。中文的親屬稱謂要分父系母系、要分長幼， 從圖形結構推很容易推錯，而一張標錯稱謂的家系圖比沒有稱謂更糟。
PNG、JPG 與 SVG 該選哪一個
- 要貼進 Word 或簡報就選 PNG，它支援透明背景。
- JPG 沒有透明通道，勾了透明背景匯出成 JPG 會自動變成白底。
- 要放大列印或交給美編排版就選 SVG，那是向量檔，放到多大都不會糊。
- 匯出寬度只影響 PNG 與 JPG。報告內文用 1600 到 2048 像素通常就夠。
- 匯出的一律是完整的一張圖，不會因為你在畫面上放大了某一支就只匯出那個局部。
存檔與 JSON 檔差在哪裡
兩個都在左欄的「存檔與匯出」視窗裡，差別只有一個：存檔留在這台電腦，JSON 檔你帶得走。
- 存檔寫進這台電腦的這個瀏覽器，換一台裝置或換一個瀏覽器就看不到。畫到一半先收起來用它最快。
- 機構的共用電腦上用完，請用「清除全部存檔」一次刪光。
- 要長期保留、換一台電腦繼續、或交給別人接手，請存成 JSON 檔，放進你自己的加密硬碟。
- JSON 檔從同一個視窗匯入就能再開回來，複評的時候直接接著改。
這一版還沒有做的事
先講清楚缺什麼，才不會有人以為是壞掉了。
- 物質濫用與精神疾病的填色標記還沒有做。
- 流產與死產的符號還沒有做。已懷孕、尚未出生的孩子畫得出來，畫成三角形。
- 匯出的圖檔不含圖例。生態圖的線條圖例只出現在左欄，報告上還是要自己補一句說明。
這一版把家庭結構與外部系統這兩層做穩，也就是家系圖與生態圖的主體。上面這幾項會在後續版本補上。
個案資料會不會離開瀏覽器
不會。所有輸入、排版與繪製都在你的瀏覽器裡完成，沒有任何請求會把內容送出去， 匯出的圖檔與 JSON 也是在你的電腦上組出來的。所以貼上真實的家庭結構是安全的。 想確認的話按 F12 打開開發者工具的網路分頁，操作一輪，看有沒有請求把你的內容帶出去。 細節見隱私權政策。
即使如此，仍請遵循所屬機構的個資規範。工具做得到不上傳，做不到的是替你決定 這張圖可以給誰看、可以存在哪一台電腦上。
常見問題
- 個案的姓名與生日打進去，會被存到哪裡嗎？
- 不會被送到任何伺服器。整張圖在你的瀏覽器分頁裡繪製，匯出的檔案也是在你的電腦上組出來的。按下存檔時資料會寫進這台電腦的瀏覽器儲存空間，換一台裝置就看不到，也可以隨時用「清除全部存檔」一次刪光。即使如此，仍建議依所屬機構的個資規範，在圖上填代號而不是真名。
- 這裡用的是哪一套符號？
- 沿用 McGoldrick 與 Gerson 那一套通行的家系圖符號，也就是社工與家族治療教科書上教的那一套。方形是男性、圓形是女性、菱形是寵物、三角形是尚未出生的孩子，案主一律加一個方形外框，符號內的 X 代表已歿，離婚是兩條斜線、分居是一條，收養與寄養的子女那一段連線畫成虛線。性別不明畫成八邊形，這一項跟教科書不同：菱形讓給了寵物，同一張圖上兩種意思不能共用一個形狀。
- 可以畫衝突、疏離、斷絕這些情感關係線嗎？
- 可以。左欄的「情感關係」挑兩個人就能拉一條線，共七種：兩條線是親近、三條線是親密、虛線是疏遠、鋸齒是衝突、線上三道短橫是關係惡化、線上切兩道是斷絕、兩條線再疊一道鋸齒是衝突又親密。這些線畫成弧線並從符號的斜角出發，同一層的走上方、跨代的走世代之間的空隙，所以不會壓到別人的符號，也不會跟婚姻線或子女線疊在一起。線太多的時候，畫布右上角可以把整層收起來只看結構。物質濫用與精神疾病的填色標記、流產與死產符號還沒有做，這幾件事目前先寫在成員的備註欄。
- 要交給督導或法院的那一份，可以不要有姓名嗎？
- 可以。勾選「以代號匯出」，姓名會換成 M1、F2 這樣的代號，備註一併隱藏，只留符號裡的年齡，圖形結構完全保留。生卒年本來就不會印在符號下方，只用來算年齡。畫面上會立刻變成匯出後的樣子，所以你送出去之前看到的就是對方會看到的。
- 圖排得不好看，可以自己調嗎？
- 可以直接拖曳任何一個符號，關係線會跟著走。自動排版只負責給一個分好世代與出生序的初始位置。拖亂了按畫布右上角的「重新排列」，會把手動調過的位置清掉，回到自動排版的結果。