SlideShare a Scribd company logo

GDC遊戲設計工作坊：SiSSYFiGHT原型製作

•
•
智傑 楊
智傑 楊

想成為強大的遊戲設計師又苦於不知道如何增進自己的實力嗎?看到複雜的遊戲機制或規則就感到頭痛嗎?看這個簡報就對了!請你先準備一些簡單的美工用具,紙張和幾隻筆，按照簡報的說明把原型做出來。再找三五好友試玩一下這個原型，雖然沒有漂亮的美術也沒有程式，你一定會很訝異這個遊戲會讓你獲得很多樂趣。接下來和你的朋友一起討論一些修改這個原型的方式，透過不斷的修改和測試，你的遊戲設計能力就會變得很強大!這個簡報的遊戲範例是SiSSYFiGHT(小妹生死鬥)，在GDC 2012當中的Game Design Workshop三個原型案例之一，千萬不能錯過!

Design
1 of 30
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作
GDC遊戲設計工作坊：SiSSYFiGHT原型製作

Recommended

等你打破的一百條遊戲規則
等你打破的一百條遊戲規則等你打破的一百條遊戲規則
等你打破的一百條遊戲規則智傑 楊
 
SSC (CERTIFICATE)
SSC (CERTIFICATE)SSC (CERTIFICATE)
SSC (CERTIFICATE)manu786
 
U po za Za ZG-VC.pdf
U po za Za ZG-VC.pdfU po za Za ZG-VC.pdf
U po za Za ZG-VC.pdfStripovi Klub
 
VMA - BBA Degree certificate
VMA - BBA Degree certificateVMA - BBA Degree certificate
VMA - BBA Degree certificateASHIF VENGATTU MATTUMMAL
 
013. nasilje u darkvudu
013. nasilje u darkvudu 013. nasilje u darkvudu
013. nasilje u darkvudu Dino dino
 
Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)
Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)
Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)Broj Jedan
 
ZS - 0221 - Teks Viler - VRAC DIJABLERO
ZS - 0221 - Teks Viler - VRAC DIJABLEROZS - 0221 - Teks Viler - VRAC DIJABLERO
ZS - 0221 - Teks Viler - VRAC DIJABLEROStripovizijacom
 
0419 Zelena Opasnost
0419 Zelena Opasnost0419 Zelena Opasnost
0419 Zelena OpasnostTompa *
 

Recommended

等你打破的一百條遊戲規則
等你打破的一百條遊戲規則等你打破的一百條遊戲規則
等你打破的一百條遊戲規則智傑 楊
 
SSC (CERTIFICATE)
SSC (CERTIFICATE)SSC (CERTIFICATE)
SSC (CERTIFICATE)manu786
 
U po za Za ZG-VC.pdf
U po za Za ZG-VC.pdfU po za Za ZG-VC.pdf
U po za Za ZG-VC.pdfStripovi Klub
 
VMA - BBA Degree certificate
VMA - BBA Degree certificateVMA - BBA Degree certificate
VMA - BBA Degree certificateASHIF VENGATTU MATTUMMAL
 
013. nasilje u darkvudu
013. nasilje u darkvudu 013. nasilje u darkvudu
013. nasilje u darkvudu Dino dino
 
Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)
Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)
Zagor - KOMPLETAN HRONOLOŠKI POPIS AVANTURA (Avanture 1 -30)Broj Jedan
 
ZS - 0221 - Teks Viler - VRAC DIJABLERO
ZS - 0221 - Teks Viler - VRAC DIJABLEROZS - 0221 - Teks Viler - VRAC DIJABLERO
ZS - 0221 - Teks Viler - VRAC DIJABLEROStripovizijacom
 
0419 Zelena Opasnost
0419 Zelena Opasnost0419 Zelena Opasnost
0419 Zelena OpasnostTompa *
 
MISTER NO Lib74 - Diazovi nasljednici
MISTER NO Lib74 - Diazovi nasljedniciMISTER NO Lib74 - Diazovi nasljednici
MISTER NO Lib74 - Diazovi nasljedniciStripovizijacom
 
橫向捲軸遊戲：機制介紹
橫向捲軸遊戲：機制介紹橫向捲軸遊戲：機制介紹
橫向捲軸遊戲：機制介紹智傑 楊
 
LMS - 892 - Veliki Blek - CRNI SOMBRERO
LMS - 892 - Veliki Blek - CRNI SOMBREROLMS - 892 - Veliki Blek - CRNI SOMBRERO
LMS - 892 - Veliki Blek - CRNI SOMBREROStripovizijacom
 
TTF.LL.#01
TTF.LL.#01TTF.LL.#01
TTF.LL.#01Arcee327
 
TTF.RID.01
TTF.RID.01TTF.RID.01
TTF.RID.01Arcee327
 
ECSA Certificate
ECSA CertificateECSA Certificate
ECSA CertificateLubabalo Ndlela
 
Veliki Blek L 063 - Pobunjenik
Veliki Blek L 063 - PobunjenikVeliki Blek L 063 - Pobunjenik
Veliki Blek L 063 - PobunjenikStripovizijaStripovi
 
Quran para 22 for Kindle
Quran para 22 for KindleQuran para 22 for Kindle
Quran para 22 for Kindleharoobnabbas
 
TTF.WB.VOL2.05
TTF.WB.VOL2.05TTF.WB.VOL2.05
TTF.WB.VOL2.05Arcee327
 
020. ZAGOR - TAMO GDE PROTIČE REKA
020. ZAGOR - TAMO GDE PROTIČE REKA020. ZAGOR - TAMO GDE PROTIČE REKA
020. ZAGOR - TAMO GDE PROTIČE REKATompa *
 
0361 Sedma Runda
0361 Sedma Runda0361 Sedma Runda
0361 Sedma RundaTompa *
 
TTF.SP.19.SW
TTF.SP.19.SWTTF.SP.19.SW
TTF.SP.19.SWArcee327
 
TTF.SC.01
TTF.SC.01TTF.SC.01
TTF.SC.01Arcee327
 
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdf
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdfZagor VECBIB 027 (SF & emeri)(48 MB) (1).pdf
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdfzoran radovic
 
0296. Tajanstveno Krstarenje
0296. Tajanstveno Krstarenje0296. Tajanstveno Krstarenje
0296. Tajanstveno KrstarenjeTompa *
 
TTF.WB.02
TTF.WB.02TTF.WB.02
TTF.WB.02Arcee327
 
El Puente
El PuenteEl Puente
El PuenteLuis Acosta
 
130 pose bible
130 pose bible130 pose bible
130 pose bibleIsshin Stark
 
992 dolina vukova
992 dolina vukova992 dolina vukova
992 dolina vukovaMilenko Gavric
 
0004. Blago Crvene Planine
0004. Blago Crvene Planine0004. Blago Crvene Planine
0004. Blago Crvene PlanineTompa *
 
當歷史人文遇上數位遊戲：臺南在地的實踐
當歷史人文遇上數位遊戲：臺南在地的實踐當歷史人文遇上數位遊戲：臺南在地的實踐
當歷史人文遇上數位遊戲：臺南在地的實踐智傑 楊
 
歷史遊戲設計：實作與案例分享(左營高中)
歷史遊戲設計：實作與案例分享(左營高中)歷史遊戲設計：實作與案例分享(左營高中)
歷史遊戲設計：實作與案例分享(左營高中)智傑 楊
 

More Related Content

What's hot

MISTER NO Lib74 - Diazovi nasljednici
MISTER NO Lib74 - Diazovi nasljedniciMISTER NO Lib74 - Diazovi nasljednici
MISTER NO Lib74 - Diazovi nasljedniciStripovizijacom
 
橫向捲軸遊戲：機制介紹
橫向捲軸遊戲：機制介紹橫向捲軸遊戲：機制介紹
橫向捲軸遊戲：機制介紹智傑 楊
 
LMS - 892 - Veliki Blek - CRNI SOMBRERO
LMS - 892 - Veliki Blek - CRNI SOMBREROLMS - 892 - Veliki Blek - CRNI SOMBRERO
LMS - 892 - Veliki Blek - CRNI SOMBREROStripovizijacom
 
TTF.LL.#01
TTF.LL.#01TTF.LL.#01
TTF.LL.#01Arcee327
 
TTF.RID.01
TTF.RID.01TTF.RID.01
TTF.RID.01Arcee327
 
Quran para 22 for Kindle
Quran para 22 for KindleQuran para 22 for Kindle
Quran para 22 for Kindleharoobnabbas
 
TTF.WB.VOL2.05
TTF.WB.VOL2.05TTF.WB.VOL2.05
TTF.WB.VOL2.05Arcee327
 
020. ZAGOR - TAMO GDE PROTIČE REKA
020. ZAGOR - TAMO GDE PROTIČE REKA020. ZAGOR - TAMO GDE PROTIČE REKA
020. ZAGOR - TAMO GDE PROTIČE REKATompa *
 
0361 Sedma Runda
0361 Sedma Runda0361 Sedma Runda
0361 Sedma RundaTompa *
 
TTF.SP.19.SW
TTF.SP.19.SWTTF.SP.19.SW
TTF.SP.19.SWArcee327
 
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdf
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdfZagor VECBIB 027 (SF & emeri)(48 MB) (1).pdf
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdfzoran radovic
 
0296. Tajanstveno Krstarenje
0296. Tajanstveno Krstarenje0296. Tajanstveno Krstarenje
0296. Tajanstveno KrstarenjeTompa *
 
0004. Blago Crvene Planine
0004. Blago Crvene Planine0004. Blago Crvene Planine
0004. Blago Crvene PlanineTompa *
 

What's hot (20)

MISTER NO Lib74 - Diazovi nasljednici
MISTER NO Lib74 - Diazovi nasljedniciMISTER NO Lib74 - Diazovi nasljednici
MISTER NO Lib74 - Diazovi nasljednici
 
橫向捲軸遊戲：機制介紹
橫向捲軸遊戲：機制介紹橫向捲軸遊戲：機制介紹
橫向捲軸遊戲：機制介紹
 
LMS - 892 - Veliki Blek - CRNI SOMBRERO
LMS - 892 - Veliki Blek - CRNI SOMBREROLMS - 892 - Veliki Blek - CRNI SOMBRERO
LMS - 892 - Veliki Blek - CRNI SOMBRERO
 
TTF.LL.#01
TTF.LL.#01TTF.LL.#01
TTF.LL.#01
 
TTF.RID.01
TTF.RID.01TTF.RID.01
TTF.RID.01
 
ECSA Certificate
ECSA CertificateECSA Certificate
ECSA Certificate
 
Veliki Blek L 063 - Pobunjenik
Veliki Blek L 063 - PobunjenikVeliki Blek L 063 - Pobunjenik
Veliki Blek L 063 - Pobunjenik
 
Quran para 22 for Kindle
Quran para 22 for KindleQuran para 22 for Kindle
Quran para 22 for Kindle
 
TTF.WB.VOL2.05
TTF.WB.VOL2.05TTF.WB.VOL2.05
TTF.WB.VOL2.05
 
020. ZAGOR - TAMO GDE PROTIČE REKA
020. ZAGOR - TAMO GDE PROTIČE REKA020. ZAGOR - TAMO GDE PROTIČE REKA
020. ZAGOR - TAMO GDE PROTIČE REKA
 
0361 Sedma Runda
0361 Sedma Runda0361 Sedma Runda
0361 Sedma Runda
 
TTF.SP.19.SW
TTF.SP.19.SWTTF.SP.19.SW
TTF.SP.19.SW
 
TTF.SC.01
TTF.SC.01TTF.SC.01
TTF.SC.01
 
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdf
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdfZagor VECBIB 027 (SF & emeri)(48 MB) (1).pdf
Zagor VECBIB 027 (SF & emeri)(48 MB) (1).pdf
 
0296. Tajanstveno Krstarenje
0296. Tajanstveno Krstarenje0296. Tajanstveno Krstarenje
0296. Tajanstveno Krstarenje
 
TTF.WB.02
TTF.WB.02TTF.WB.02
TTF.WB.02
 
El Puente
El PuenteEl Puente
El Puente
 
130 pose bible
130 pose bible130 pose bible
130 pose bible
 
992 dolina vukova
992 dolina vukova992 dolina vukova
992 dolina vukova
 
0004. Blago Crvene Planine
0004. Blago Crvene Planine0004. Blago Crvene Planine
0004. Blago Crvene Planine
 

More from 智傑 楊

當歷史人文遇上數位遊戲：臺南在地的實踐
當歷史人文遇上數位遊戲：臺南在地的實踐當歷史人文遇上數位遊戲：臺南在地的實踐
當歷史人文遇上數位遊戲：臺南在地的實踐智傑 楊
 
歷史遊戲設計：實作與案例分享(左營高中)
歷史遊戲設計：實作與案例分享(左營高中)歷史遊戲設計：實作與案例分享(左營高中)
歷史遊戲設計：實作與案例分享(左營高中)智傑 楊
 
歷史的Re-play:遊戲敘事工作坊(東華場)
歷史的Re-play:遊戲敘事工作坊(東華場)歷史的Re-play:遊戲敘事工作坊(東華場)
歷史的Re-play:遊戲敘事工作坊(東華場)智傑 楊
 
歷史的Re-play:遊戲敘事工作坊
歷史的Re-play:遊戲敘事工作坊歷史的Re-play:遊戲敘事工作坊
歷史的Re-play:遊戲敘事工作坊智傑 楊
 
歷史遊戲案例分析：電玩、桌遊、實境遊戲
歷史遊戲案例分析：電玩、桌遊、實境遊戲歷史遊戲案例分析：電玩、桌遊、實境遊戲
歷史遊戲案例分析：電玩、桌遊、實境遊戲智傑 楊
 
遊戲化實踐：歷史文本與遊戲化設計
遊戲化實踐：歷史文本與遊戲化設計遊戲化實踐：歷史文本與遊戲化設計
遊戲化實踐：歷史文本與遊戲化設計智傑 楊
 
故宮桌上同安船:遊戲設計工作坊
故宮桌上同安船:遊戲設計工作坊故宮桌上同安船:遊戲設計工作坊
故宮桌上同安船:遊戲設計工作坊智傑 楊
 
「故事與遊戲機制的結合」工作坊
「故事與遊戲機制的結合」工作坊「故事與遊戲機制的結合」工作坊
「故事與遊戲機制的結合」工作坊智傑 楊
 
認識遊戲與遊戲設計：給非遊戲科系的學生
認識遊戲與遊戲設計：給非遊戲科系的學生認識遊戲與遊戲設計：給非遊戲科系的學生
認識遊戲與遊戲設計：給非遊戲科系的學生智傑 楊
 
歷史．遊戲：困境與機會-數位人文主題計畫研究分享
歷史．遊戲：困境與機會-數位人文主題計畫研究分享歷史．遊戲：困境與機會-數位人文主題計畫研究分享
歷史．遊戲：困境與機會-數位人文主題計畫研究分享智傑 楊
 
玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱
玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱
玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱智傑 楊
 
非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論
非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論
非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論智傑 楊
 
遊戲如何融入科普教育? 觀念、工具與教學案例
遊戲如何融入科普教育? 觀念、工具與教學案例遊戲如何融入科普教育? 觀念、工具與教學案例
遊戲如何融入科普教育? 觀念、工具與教學案例智傑 楊
 
Terragen地形設計(三)：Terranim模組製作動畫
Terragen地形設計(三)：Terranim模組製作動畫Terragen地形設計(三)：Terranim模組製作動畫
Terragen地形設計(三)：Terranim模組製作動畫智傑 楊
 
Terragen地形設計(二)：天空與大氣效果
Terragen地形設計(二)：天空與大氣效果Terragen地形設計(二)：天空與大氣效果
Terragen地形設計(二)：天空與大氣效果智傑 楊
 
Terragen地形設計(一)：地形與水面
Terragen地形設計(一)：地形與水面Terragen地形設計(一)：地形與水面
Terragen地形設計(一)：地形與水面智傑 楊
 
遊戲案例分析：Bejeweled
遊戲案例分析：Bejeweled遊戲案例分析：Bejeweled
遊戲案例分析：Bejeweled智傑 楊
 
VRay教學(五)-渲染流程
VRay教學(五)-渲染流程VRay教學(五)-渲染流程
VRay教學(五)-渲染流程智傑 楊
 
VRay教學(四)-折射材質
VRay教學(四)-折射材質VRay教學(四)-折射材質
VRay教學(四)-折射材質智傑 楊
 
VRay教學(三)-反射材質
VRay教學(三)-反射材質VRay教學(三)-反射材質
VRay教學(三)-反射材質智傑 楊
 

More from 智傑 楊 (20)

當歷史人文遇上數位遊戲：臺南在地的實踐
當歷史人文遇上數位遊戲：臺南在地的實踐當歷史人文遇上數位遊戲：臺南在地的實踐
當歷史人文遇上數位遊戲：臺南在地的實踐
 
歷史遊戲設計：實作與案例分享(左營高中)
歷史遊戲設計：實作與案例分享(左營高中)歷史遊戲設計：實作與案例分享(左營高中)
歷史遊戲設計：實作與案例分享(左營高中)
 
歷史的Re-play:遊戲敘事工作坊(東華場)
歷史的Re-play:遊戲敘事工作坊(東華場)歷史的Re-play:遊戲敘事工作坊(東華場)
歷史的Re-play:遊戲敘事工作坊(東華場)
 
歷史的Re-play:遊戲敘事工作坊
歷史的Re-play:遊戲敘事工作坊歷史的Re-play:遊戲敘事工作坊
歷史的Re-play:遊戲敘事工作坊
 
歷史遊戲案例分析：電玩、桌遊、實境遊戲
歷史遊戲案例分析：電玩、桌遊、實境遊戲歷史遊戲案例分析：電玩、桌遊、實境遊戲
歷史遊戲案例分析：電玩、桌遊、實境遊戲
 
遊戲化實踐：歷史文本與遊戲化設計
遊戲化實踐：歷史文本與遊戲化設計遊戲化實踐：歷史文本與遊戲化設計
遊戲化實踐：歷史文本與遊戲化設計
 
故宮桌上同安船:遊戲設計工作坊
故宮桌上同安船:遊戲設計工作坊故宮桌上同安船:遊戲設計工作坊
故宮桌上同安船:遊戲設計工作坊
 
「故事與遊戲機制的結合」工作坊
「故事與遊戲機制的結合」工作坊「故事與遊戲機制的結合」工作坊
「故事與遊戲機制的結合」工作坊
 
認識遊戲與遊戲設計：給非遊戲科系的學生
認識遊戲與遊戲設計：給非遊戲科系的學生認識遊戲與遊戲設計：給非遊戲科系的學生
認識遊戲與遊戲設計：給非遊戲科系的學生
 
歷史．遊戲：困境與機會-數位人文主題計畫研究分享
歷史．遊戲：困境與機會-數位人文主題計畫研究分享歷史．遊戲：困境與機會-數位人文主題計畫研究分享
歷史．遊戲：困境與機會-數位人文主題計畫研究分享
 
玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱
玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱
玩家行為與遊戲設計應用：遊戲世代、玩家歷程、斯金納箱
 
非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論
非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論
非娛樂、人文與社會議題的遊戲設計：遊戲案例與理論
 
遊戲如何融入科普教育? 觀念、工具與教學案例
遊戲如何融入科普教育? 觀念、工具與教學案例遊戲如何融入科普教育? 觀念、工具與教學案例
遊戲如何融入科普教育? 觀念、工具與教學案例
 
Terragen地形設計(三)：Terranim模組製作動畫
Terragen地形設計(三)：Terranim模組製作動畫Terragen地形設計(三)：Terranim模組製作動畫
Terragen地形設計(三)：Terranim模組製作動畫
 
Terragen地形設計(二)：天空與大氣效果
Terragen地形設計(二)：天空與大氣效果Terragen地形設計(二)：天空與大氣效果
Terragen地形設計(二)：天空與大氣效果
 
Terragen地形設計(一)：地形與水面
Terragen地形設計(一)：地形與水面Terragen地形設計(一)：地形與水面
Terragen地形設計(一)：地形與水面
 
遊戲案例分析：Bejeweled
遊戲案例分析：Bejeweled遊戲案例分析：Bejeweled
遊戲案例分析：Bejeweled
 
VRay教學(五)-渲染流程
VRay教學(五)-渲染流程VRay教學(五)-渲染流程
VRay教學(五)-渲染流程
 
VRay教學(四)-折射材質
VRay教學(四)-折射材質VRay教學(四)-折射材質
VRay教學(四)-折射材質
 
VRay教學(三)-反射材質
VRay教學(三)-反射材質VRay教學(三)-反射材質
VRay教學(三)-反射材質