1. แบบเสนอโครงร่างโครงงานคอมพวเตอร์
ิ
รหัสวิชา ง33201 ชื่อวิชา เทคโนโลยีสารสนเทศและการสื่ อสาร 5
ปี การศึกษา 2555
โครงงาน Metro กราฟิ กเปลี่ยนโลก
ผู้จัดทํา
นางสาววริสรา หาดอาน ้
นางสาวอรณิชา แปงทิศ
ช้ นมธยมศึกษาปีที่ 6/12
ั ั
อาจารย์ที่ปรึ กษาโครงงาน
นางเขื่อนทอง มูลวรรณ์
ระยะเวลาดําเนินงาน ภาคเรี ยนที่ 1-2 ปีการศึกษา 2555
โรงเรียนยพราชวิทยาลย จงหวดเชียงใหม่
ุ ั ั ั
สานกงานเขตพ้ืนที่การศึกษามธยมศึกษาเขต 34
ํ ั ั

2. ใบงาน
การจัดทําข้ อเสนอโครงงานคอมพิวเตอร์
ชื่อสมาชิกกลุ่ม
นางสาววริ สรา หาดอาน
้
นางสาวอรณิ ชา แปงทิศ
ชั้นมัธยมศึกษาปี ที่ 6/12
ชื่อโครงงาน Metro กราฟิ กเปลี่ยนโลก
ประเภทโครงงาน โครงงานพัฒนาสื่ อเพื่อการศึกษา
ผู้จัดทาโครงงาน
ํ นางสาววริสรา หาดอาน ้
นางสาวอรณิ ชา แปงทิศ
ชั้นมัธยมศึกษาปี ที่ 6/12
ระยะเวลาดําเนินงาน ภาคเรี ยนที่ 1-2 ปี การศึกษา 2555
1.ทีมาและความสํ าคัญของโครงงาน
่
สําหรับงานออกแบบกราฟิ กดีไซน์สิ่งสําคัญที่สุดคือ การจัดวางองคประกอลลงไปในงานออกแบบ
์
การนําองค์ประกอบต่างๆ เช่ น เส้ นสี สี ตัวอักษร หรื อรู ปภาพมาวางเข้าด้วยกันในพื้นที่ๆหนึ่ งเพื่อสร้าง
ผลงานที่สามารถสื่ อสารสิ่ งที่ตองการออกมาก่อนจะนําองค์ประกอบมาจัดวาง นักออกแบบควรจะรู้ก่อนว่า
้
องค์ประกอบแต่ละแบบสื่ อถึงอารมณ์อะไรบ้างเส้นแบบไหนสื่ อถึงอารมณ์อย่างไร และที่สําคัญที่สุดคือต้อง
ดูรูปแบบงานว่าเป็ นงานประเภทไหนควรจัดอย่างไร ให้ดูเรี ยบง่ายสวยงามไม่ดูขดตา มีความสอดคล้อง
ั
เสถียรภาพกับอุปกรณ์หรื อสิ่ งที่จะนํามาประกอบเนื้อหา

3. วัตถุประสงค์
2.1 เพื่อศึกษา การออกแบบ กราฟิกดีไซน์เบ้ืองตน
้
2.2 เพื่อให้ผคนสามารถสนทนาพัฒนาองค์ความรู ้ในด้านที่สนใจและสาระในด้านต่างๆ
ู้
2.3 เพื่อเรียนรู้ถึงหลักการออกแบบกราฟิ กดีไซน์ รู ปแบบของ “Metro ”
2.4 เพื่อเป็ นการค้นหาประสิ ทธิ ภาพ ประโยชน์ ของการจัดทํากราฟิกในรู ปแบบ “Metro”
ขอบเขตโครงงาน
1.ระยะเวลาในการศึกษาค้นคว้า
2.จํานวนเนื้อหาของข้อมูลที่มีมากเกินไปจนต้องย่อสรุ ปให้ได้ใจความ
3.ต้องศึกษารู ปแบบและประโยชน์ของกราฟิ กรู ปแบบนี้

4. หลกการและทฤษฎี
ั
สมุมติว่าคุ ณต้องการประกาศหรื อขายอะไรสักอย่าง ที่จะทําดูให้สนุ กหรื อชักชวนบางคนให้มาดู
และอธิบายส่ิ งที่ยากจะเข้าใจหรื อสาธิ ตวิธีการใช้คุณต้องมีขอความที่จะสื่ อสาร คําถามคือ คุณจะส่ งข้อความ
้
นั้นอย่างไร คุ ณอาจจะบอกกับคนอื่น ๆ ด้วยการประกาศทางวิทยุ หรื อใช้เครื่ องกระจายเสี ยง นั้นคือการ
สื่ อสารที่ ใช้โดยการพูด แต่ถ้าคุ ณใช้สือที่จะให้มองเห็ นรู ปลักษณ์ ท้ ง หมด ถ้าคุ ณทําโปสเตอร์ การพิม พ์
ั
ั
จดหมาย ออกแบบโลโก้ใ ห้ ก บ ธุ ร กิ จ โฆษณาบนแมกกาซี น หรื อ ปกอัล บัม แม้ก ระทั่ง ทํา ออกมาจาก
คอมพิวเตอร์ คุณกําลังใช้สื่อที่ทา ให้มองเห็นด้วยตา นั้นแหละเรี ยกว่า กราฟิกดีไซน์
ํ
งานกราฟิกดี ไซน์ที่ทาด้วยการวาด พิมพ์ ภาพถ่าย หรื อภาพจากคอมพิวเตอร์ แต่สิ่งเหล่านั้นจะพบ
ํ
ในรู ปแบบของตัวอักษร ที่ถูกสร้างขึ้นมาแบบหลากหลาย มักจะพบในเครดิตหนัง และ โฆษณาในทีวี ใน
หนงสือ แมกกาซีน และ เมนู และบนหนาจอคอมพิวเตอร์
ั ้
นักออกแบบจะสร้าง เลือก และนําองค์ประกอบเหล่านั้นมารวมกัน ข้อความ รู ปภาพแล้วสิ่ งที่อยูรอบ ๆ สิ่ ง ่
เหล่านั้นถูกเรี ยกว่า พื้นที่วางสี ขาว กราฟิกดีไซน์คือส่ วนหนึ่ งของชีวิตประจําวันจากสิ่ งที่ง่าย ๆ อย่างกล่อง
่
ใส่ หมากฝรั่งจนไปถึงลายสกรี นบนเสื้ อเชิ้ตที่คุณสวมใส่ เป็ นกราฟิกดีไซน์
อย่างที่ไม่เป็ นทางการ การชักชวน การกระตุน เอกลักษณ์ การดึงดูดความสนใจ หรื อการสรรหาความพึง
้
พอใจ
กราฟิกดีไซน์คือกระบวนการความคิดสร้างสรรค์ที่รวมเข้ากับงานศิลปะและเทคโนโลยีสู่สื่อ
ความคิดสร้างสรรค์นกออกแบบที่ทางานกับเครื่ องมือสื่ อสารที่หลากหลายจากสั่งที่จะถ่ายทอดข้อความจาก
ั ํ
ลูกค้าถึงผูชมสื่ งที่เป็ นหลักสําคัญคือรู ปและข้อความ
้
กราฟิ กดี ไ ซน์ น้ ั น มี ห ลายรู ปแบบการออกแบบ กราฟิ กดี ไ ซน์ น้ ั นมี ค วามสํ า ค ัญ มากต่ อ นั ก
โปรแกรมเมอร์ นักพัฒนาโปรแกรม นักพัฒนาเว็บไซต์ เพราะ ถึงแม้ว่านักพัฒนาโปรแกรมเมอร์ หรื อเว็บ
หากทํา Softwareข้ ึนมา จะดีสักเท่าไรแต่หากไม่มีรูปแบบ กราฟิกที่เสถียรภาพ Software น้ นก็ไม่ไดรับความ
ั ้
สนใจจากผคน ู้
การออกแบบโปรแกรมแล้ว ใช้หลัก การกราฟิ กดี ไ ซต์น้ ัน มันมี ข ้อ ด้อยคื อการพ ฒนาโปรแกรม ั
พัฒนากราฟิ กที่ ท า ให้ร องรั บ ได้แ ต่ อุป กรณ์ ช นิ ดใดชนิ ดหนึ่ ง แต่หากเป็ นอุ ป กรณ์ อื่น ๆเพิ่ม เติ ม มันก็ไ ม่
ํ
สามารถแสดงผลมไม่หมด

5. ขั้นตอนดําเนินงาน
1.เสนอหัวข้อโครงงาน
2.ศึกษาความหมายของ Graphic Design พ้ืนฐาน
3.ศึกษาที่มาที่ไปของ “Metro”
4.ศึกษาทําความเข้าใจกับ “Metro”
5.ศึกษาถึงประโยชน์ของ Metro
6.ทดลองออกแบบ PowerPoint โดยใช้ Graphic แบบ Metro
7.จัดทําเอกสาร
8.ตรวจสอบงาน
แผนการปฏิบัติงาน
ที่ ว/ด/ป รายการ สถานที่ ผูรับผิดชอบ
้ หมายเหตุ

6. ผลทีคาดว่ าจะได้ รับ
่
ทําให้เกิดความรู ้ความเข้าใจเกี่ยวกับ Graphic Design กับวงการคอมพิวเตอร์ หลักการของการใช้
กราฟิ กพัฒนาโปรแกรมคอมพิวเตอร์ และเว็บไซต์ ให้ทนกับกระแสการพัฒนาอุปกรณ์พกพาอื่นๆ
ั
1.มีความรู ้ ความเข้าใจใน Graphic Design พ้ืนฐาน
2.มีความรู ้ ความเข้าใจเกี่ยวกับการพัฒนา Graphic แบบ Metro
3.สามารถอธิ บายถึงประโยชน์ของการพัฒนาแบบ Metro ได้
4.เพื่อให้มีความรู ้ ความสามารถในการใช้ประโยชน์ในการเตรี ยมพร้อมสําหรับการพัฒนา
โปรแกรมและเว็บไซต์เพื่อรองรับกับการแสดงผลของอุปกรณ์พกพาอื่นๆในอนาคต
สถานทีดําเนินการ
่
โรงเรี ยนยุพราชวิทยาลัยอําเภอเมือง จังหวัดเชียงใหม่
กลุ่มสาระการเรียนรู้ ทเี่ กียวข้ อง
่
กลุ่มสาระการเรี ยนรู ้การงานอาชีพและเทคโนโลยี
แหล่งอ้างอิง
Metro style คืออะไร .พิชานัน. [ออนไลน์] เข้าถึงได้จาก http://picharnan.com/2012-08/
metro-style-คืออะไร/ วนที่สืบคน (3 สิ งหาคม 2555)
ั ้
ปิ ยะบุตร สุ ทธิ ดารา และคณะ .GRAPHIC DESIGN .พิมพ์ครั้งที่ 8.
นนทบุรี:บริ ษทไอดีซีพรี เมียร์ จากัด.2554
ั ํ