Graphical User Interface Application : Monster Hunter Encyclopedia

MONSTER HUNTER ENCYCLOPEDIA

     

        Monster Hunter นั้นเป็นเกม Hunting Action ที่ถือกำเนิดขึ้นเมื่อปี 2004 บนเครื่อง PlayStation 2 ผู้เล่นจะได้รับบทบาทเป็นเหล่านักล่าในโลกแฟนตาซี คอยรับภาระกิจในการล่ามอนสเตอร์ต่างๆ ที่มีอยู่มากมาย และมีความยากง่ายที่แตกต่างกันไป และสามารถเล่นออนไลน์กันได้ถึง 4 คนในเควสต์เดียวกัน ด้วยตัวเกมที่ออกแบบมาได้ค่อนข้างดี ทำให้ภาคแรกนั้น ปัจจุบันทำยอดขายไปได้ถึง 21 ล้านชุดแล้ว ซึ่งจุดเด่นที่ทำให้ซีรี่ย์ทำยอดขายได้ถล่มทลายขนาดนี้ก็มีด้วยกันหลากหลายคือ

1.ความสมจริงของการออกล่า
2.อาวุธต่างๆ ให้เลือกเล่นหลากหลาย
3.เควสต์มากมายให้ผู้เล่นได้ท้าทาย
4.มอนสเตอร์เก่งมีลีลาแพรวพราว ลูกเล่นเยอะ
5.การอัพเกรดอาวุธและชุดเกราะเพื่อเพิมประสิทธิภาพ
6.ระบบสกิล
7.ความยากที่ไม่เคยปราณีใคร
8.จับทีม 4 คน ร่วมใจกันล่า

ด้วยเหตุผลเหล่านี้เองจึงทำให้ Monster Hunter เป็นอีกหนึ่งซีรี่ย์เกมที่เหล่าแฟนๆ ติดงอมแงมเป็นจำนวนมาก และขายได้ในหลักล้านชุด ทุกๆ ภาคที่วางจำหน่าย

ที่มา : http://www.online-station.net/feature/feature/15218

ผู้ออกแบบมีความชื่นชอบในเกม นี้มาตั้งแต่สมัยเยาว์วัย  จึงเลือกเกมนี้นำมาพัฒนาเป็น แอพพลิเคชั่น สารานุกรม ที่ให้ข้อมูลเกี่ยวกับเกมนี้โดยเฉพาะ

    เกมมอนสเตอร์ ฮันเตอร์ มีข้อมูลจำนวนมาก ผู้เล่นต้องศึกษาข้อมูลรายละเอียดของเกม เพื่อที่จะทำให้การเล่นเกมสนุกและมีอรรถรสในการเล่นมากขึ้น  ซึ่งในการหาข้อมูลแต่ละครั้ง อาจจะต้องใช้ การค้นคว้าด้วยอินเทอร์เน็ต ผ่านคอมพิวเตอร์ ซึ่งไม่สะดวกสำหรับผู้ที่ต้องการข้อมูลเร่งด่วน อาจเกิดเหตุการณ์ไม่พึงปรารถนาเช่น สัญญาณอินเทอร์เนตหลุด ไม่สามารถเข้าถึงข้อมูลที่ต้องการจะใช้ได้ ผู้ออกแบบจึงมีความสนใจที่จะออกแบบ อินเทอร์เฟส แอพลิเคชั่น เป็นสารานุกรมของเกมนี้

ซึ่งประกอบด้วยข้อมูล

หัวข้อ Monsters ให้รายละเอียดเกี่ยวกับ มอนสเตอร์ ประเภท จุดอ่อน วัตถุดิบที่ได้จากการแล่ ฯลฯ
หัวข้อ Items & Materials ให้รายละเอียดเกี่ยวกับ สิ่งของภายในเกม รวมถึง วัตถุดิบจากมอนสเตอร์ต่างๆ ที่นำมาใช้ในการพัฒนาอาวุธและชุดเกราะ
หัวข้อ Weapons & Armory ให้ข้อมูล อาวุธและชุดเกราะ รายชื่อวัตถุดิบที่ต้องการใช้พัฒนา และแนวทางการพัฒนา
หัวข้อ Miscellaneous ให้ข้อมูลจิปาถะ เรื่องราวของโลกเกม มอนสเตอร์ฮันเตอร์ รายชื่อภารกิจต่างๆ การดาวน์โหลดภาระกิจ ร้านค้าของที่ระลึกออนไลน์ และลิงค์เว็บไปยัง บริษัทผู้ผลิตเกม
   
    การออกแบบใช้รูปแบบศิลปะจากเกม ที่นำเอาลวดลายกรอบของชนเผ่ามาใช้ อักษรลิ่มที่ต่อเป็นภาษาอังกฤษซึ่งเป็นเอกลักษณ์ของเกม

 แบบสเก็ตช์โครงสร้าง แอพลิเคชั่น

         

         การออกแบบไอคอน แอพลิเคชั่น ซึ่งใช้กริดเป้นตัวช่วยในการจัดวางภาพเพื่อให้ไอคอนโดดเด่นและน่าสนใจ โดย ใช้ มอนสเตอร์ประเภทแมว Felyne หรือชื่อ Airou ซึ่งเกมใช้แมวพันธุ์ไทยพันธุ์

วิเชียรมาศ มาออกแบบให้เป็นตัวละครในเกม ในภาษาญี่ปุ่นซึ่งเปรียบดังมาสคอตของเกม เป็นผู้ช่วยล่าในเกม โดย จัดวางดวงตาให้อยู่ตรงกลาง หมายถึงการค้นที่ง่ายดายและตรงจุด มุมขวาล่างเป็นภาพหนังสือในเกม หมายถึงข้อมูลในเกม โดยผู้ที่เล่นเกมจะสามารถเข้าใจได้เป็นอย่างดี

Splash Page

   โลโก้สื่อถึงเกม ใช้หมูสัตว์เลี้ยงในเกมเดินตามเกจดาวน์โหลด

Menu Page

ซึ่งประกอบด้วยข้อมูล

หัวข้อ Monsters ให้รายละเอียดเกี่ยวกับ มอนสเตอร์ ประเภท จุดอ่อน วัตถุดิบที่ได้จากการแล่ ฯลฯ
หัวข้อ Items & Materials ให้รายละเอียดเกี่ยวกับ สิ่งของภายในเกม รวมถึง วัตถุดิบจากมอนสเตอร์ต่างๆ ที่นำมาใช้ในการพัฒนาอาวุธและชุดเกราะ
หัวข้อ Weapons & Armory ให้ข้อมูล อาวุธและชุดเกราะ รายชื่อวัตถุดิบที่ต้องการใช้พัฒนา และแนวทางการพัฒนา
หัวข้อ Miscellaneous ให้ข้อมูลจิปาถะ เรื่องราวของโลกเกม มอนสเตอร์ฮันเตอร์ รายชื่อภารกิจต่างๆ การดาวน์โหลดภาระกิจ ร้านค้าของที่ระลึกออนไลน์ และลิงค์เว็บไปยัง บริษัทผู้ผลิตเกม

Page 1 Monsters

ระบบเสิร์ช ชื่อ (เรียงตามลำดับตัวอักษร) เมื่อทัชที่ลูกศรเล็กจะนำเข้าสู่ข้อมูล

กดลูกศรซ้าย บนเพื่อกลับ สู่ Menu Page

หน้าตัวอย่างย่อย 

กดลูกศรซ้าย บนเพื่อกลับ สู่ Page 1 Monsters

กดลูกศรขวาเพื่อดู มอนสเตอร์ตัวอื่น หน้าถัดไป

หน้านี้จะให้ข้อมูลเกี่ยวกับ มอนสเตอร์ ที่เสิร์ชมา

ลูกศรเล็กด้านล่างสำหรับกดดูรายละเอียดเพิ่มเติม

สามารถสไลด์ลงไปข้างล่างเพื่อดูข้อมูลเพิ่มได้

Page 2 Items & Materials

ระบบเสิร์ช ชื่อ (เรียงตามลำดับตัวอักษร) เมื่อทัชที่ลูกศรเล็กจะนำเข้าสู่ข้อมูล

กดลูกศรซ้าย บนเพื่อกลับ สู่ Menu Page

หน้าตัวอย่างย่อย 

กดลูกศรซ้าย บนเพื่อกลับ สู่ Page 2 Items & Materials

กดลูกศรขวาเพื่อดู รายการ สิ่งของหน้าถัดไป

หน้านี้จะให้ข้อมูลเกี่ยวกับ ชื่อสิ่งของ ที่เสิร์ชมา

ลูกศรเล็กด้านล่างสำหรับกดดูรายละเอียดเพิ่มเติม

สามารถสไลด์ลงไปข้างล่างเพื่อดูไอเทมอื่นๆได้ จำกัด หน้าละ 10 รายการ

Page 3 Weapons & Armory

ระบบเสิร์ช ชื่อ (ตามประเภท สายดาบ/สายปืน) เมื่อทัชที่ลูกศรเล็กจะนำเข้าสู่ข้อมูล

กดลูกศรซ้าย บนเพื่อกลับ สู่ Menu Page

หน้าตัวอย่างย่อย 

กดลูกศรซ้าย บนเพื่อกลับ สู่ Page 3 Weapons & Armory

กดลูกศรขวาเพื่อดู อาวุธกับชุดเกราะรายการอื่นๆ หน้าถัดไป

หน้านี้จะให้ข้อมูลเกี่ยวกับ อาวุธกับชุดเกราะ ที่เสิร์ชมา

ลูกศรเล็กด้านล่างสำหรับกดดูรายละเอียดเพิ่มเติม

สามารถสไลด์ลงไปข้างล่างเพื่อดูข้อมูลเพิ่มได้

Page 4 Miscellaneous

เป็นแบบหน้าเมนูให้ข้อมูลจิปาถะ แถบที่1 เรื่องราวของโลกเกม มอนสเตอร์ฮันเตอร์ แถบที่ 2 รายชื่อภารกิจต่างๆ แถบที่ 3 การดาวน์โหลดภาระกิจ แถบที่ 4 ร้านค้าของที่ระลึกออนไลน์ และแถบสุดท้ายเป้นปุ่มลิงค์เว็บไปยัง บริษัทผู้ผลิตเกม Capcom

หน้าตัวอย่างย่อย Souvenir

กดลูกศรซ้าย บนเพื่อกลับ สู่ Page 4 Miscellaneous

กดลูกศรขวาเพื่อดู รายการสินค้าอื่นๆ หน้าถัดไป

หน้านี้จะให้ข้อมูลเกี่ยวกับ สินค้าที่ระลึกจากเกม ปุ่ม buy now กดเข้าคำสั่งซื้อสินค้าออนไลน์

ลูกศรเล็กด้านล่างสำหรับกดดูรายละเอียดเพิ่มเติม

สามารถสไลด์ลงไปข้างล่างเพื่อดูเพื่อดูสิ่งของอื่นๆได้ จำกัด หน้าละ 10 รายการ

ตัวอย่างการใช้งาน

https://popapp.in/w/projects/55390d0f93561fb3038f1065/preview

เทศกาลนวัตศิลป์นานาชาติ 2558 International Innovative Craft Fair 2015 (IICF 2015)

เทศกาลนวัตศิลป์นานาชาติ 2558 International Innovative Craft Fair 2015 (IICF 2015)

     วัตถุประสงค์ของงานคือ เพื่อเผยแพร่องค์ความรู้ด้านงานหัตถกรรม รวมทั้งผลงานที่ได้มีการคิดค้นสิ่งใหม่ๆ และนาเสนอแนวทางในการพัฒนาต่อยอดงานหัตถกรรมไปสู่กลุ่มชุมชนผู้ประกอบการที่ผลิตงานหัตถกรรมได้อย่างทั่วถึง และยังเป็นเวทีให้ผู้ประกอบการหัตถกรรมได้แสดงศักยภาพฝีมือการผลิตงานหัตถกรรมและโอกาสทางการค้ามากขึ้น
       Theme งาน : Thailand-ASEAN & International Craft Connectivity IICF 2015 นำเสนอความเชื่อมโยงทางวัฒนธรรมเฉพาะด้านงานศิลปหัตถกรรมในภูมิภาคอาเซียน และ นานาชาติ เพื่อให้สอดคล้องกับแนวทางสู่การเข้าสู่ประชาคมอาเซียน (ASEAN Community) ที่ต้องการเชื่อมโยงความร่วมมือของประเทศอาเซียนในหลายด้าน IICF 2015 จึงไม่ใช่เพียงงานที่จัดแสดงเพื่อการแลกเปลี่ยนความรู้ ประสบการณ์ด้านงานศิลปหัตถกรรม แต่ยังรวมถึงการสัมมนาในเรื่อง สมัยนิยม (trend) และการออกแบบผลงานที่ทันสมัยให้เป็นที่ยอมรับในระดับสากล รวมทั้ง การสร้างพันธมิตรทางการค้า

ประเภทผลิตภัณฑ์ : ผ้าและผลิตภัณฑ์จากผ้า เครื่องปั้นดินเผา เครื่องจักสาน เครื่องประดับ เครื่องใช้ของตกแต่งบ้าน และผลิตภัณฑ์นวัตศิลป์อื่นๆ

กิจกรรรมภายในงาน
      กิจกรรม “เชิดชูทายาทช่างศิลปหัตถกรรม” การแสดงประวัติผลงานและการสาธิตงานศิลปหัตถกรรม
จัดแสดงนิทรรศการและกิจกรรมเผยแพร่องค์ความรู้ด้านงานหัตถกรรมที่ผ่านการคิดค้นสิ่งใหม่ๆ ได้แก่
SACICT Craft Trend
Innovative Craft Award
Innovative Craft Award : ASEAN Selection
SACICT Prototype Design
การสัมมนา ASEAN Craft Trend Talk
การเสวนาธุรกิจการค้าและการตลาด (Business Training & Seminar)
การจัดแสดงและจาหน่ายผลิตภัณฑ์ของผู้ประกอบการสมาชิก ศ.ศ.ป. ที่ผ่านการอบรมพัฒนาศักยภาพผู้ประกอบการ และ เครือข่ายจากทั้งในและต่างประเทศ
การสาธิตงานหัตถกรรม (Workshop)
Business Matching Zone
แกลอรี่แสดงผลงาน SACICT Mobile Gallery

ผลิตภัณฑ์ที่น่าสนใจ

ผ้าและผลิตภัณฑ์จากผ้า

ในนิทรรศการส่วน University Street มีการจัดโชว์แสดงผลงานนวัตศิลป์ของนักศึกษา ที่น่าสนใจของมหาวิทยาลัยต่างๆทั่วประเทศ 

              ตัวอย่างได้แก่ มหาวิทยาลัยธรรมศาสตร์ คณะศิลปกรรมศาสตร์ สาขาวิชาศิลปะการออกแบบพัสตราภรณ์ ตัวอย่างผลงาน ชุดผ้าไหมเย็บร่วมหนังสัตว์สีดำที่ใช้เทคนิคการสานการถักมาใช้กับเสื้อผ้า ประยุกต์ความเป็นไทยได้อย่างร่วมสมัยและสง่างาม

Beaux Arts (โบซา) Scarfs ผ้าพันคอออกแบบโดยนำศิลปะการถ่ายภาพและเทคนิคคอลลาจภายใต้แนวคิดที่ว่า " uniqueness and art touch" ลวดลายคือสื่งที่ทำให้ผืนผ้าธรรมดามีความแปลกใหม่และรายละเอียดที่น่าสนใจ ช่วยเสิรมสร้างเอกลักษณ์เฉพาะตัวให้แต่ละบุคคลอีกทั้ง beaux arts เปรียบเสมือนงานศิลปะที่เข้ามาเติมเต็มชีวิตประจำวันให้มีสุนทรียภาพมากขึ้น ออกแบบและดำเนินการโดยพี่ฝน

เครื่องปั้นดินเผา

             ในส่วนของนิทรรศการ  University Street ผลงานที่น่าสนใจของนักศึกษาเกี่ยวกับงานปั้นคือ ผลิตภัณฑ์จากเซรามิก ของ สาขาวิชาเทคโนโลยีเซรามิก คณะเทคโนโลยีอุตสาหกรรม มหาวิทยาลัยราชภัฏวลัยอลงกรณ์ ด้วยการออกแบบเน้นการใช้งาน เป็นผลิตภัณฑ์ตกแต่งบ้าน มีการใช้รูปทรง ลวดลาย และสีที่แปลกตา เป็นงานประติมากรรมที่สร้างด้วยนวัตกรรมเฉพาะตัว สามารถนำไปต่อยอดสู่งานนวัตศิลป์ด้านอื่นๆได้

              กลุ่มผู้ผลิตไผ่สาน-งานตอง เซรามิค Paisan Ngantong Group เป็นงานเซรามิคสำหรับตกแต่ง สำหรับจุดเด่นงานเซรามิกไผ่สาน-งานตอง อยู่ที่ผลงานเน้นไปที่รูปทรงธรรมชาติ และการเลียนแบบเครื่องจักสาน ส่วนใหญ่ล้วนแต่เป็นงานแฮนด์เมด ไมได้ออกมาจากบล็อก ลอกเลียนแบบได้ยาก และยังผสมน้ำเคลือบเอง ทำให้สีที่ได้มีความเป็นธรรมชาติ 

เครื่องจักรสาน

            Woman cooperative sedge weaving กลุ่มแม่บ้านจักสานกก ผลิต ผลิตภัณฑ์จักสานจากต้นกก ในรูปแบบต่างๆ ไม่ว่าจะเป็น เสื่อปิคนิค กระติบข้าว ตระกร้า หมวก กระเป๋า การสานและทอกกเป็นภูมิปัญญาของชาวบ้านที่มีมาแต่ช้านาน ปัจจุจัน จากการสอบถามเจ้าของพบว่า นวัตกรรมการผลิตได้มีการคิดค้ารูปแบบ รูปทรงใหม่ๆเพื่อเป็นการขยายตลาด ใช้สีย้อมที่ลดสารเคมีมากขึ้น อีกทั้งยังทำให้เก็บรักษาได้นาน ไม่ฉีกขาดง่ายช่วยยืดอายุการใช้งานมากขึ้น

             เครื่องจักรสานย่านลิเภา ย่านลิเภา เป็น เถาวัลย์ชนิดหนึ่ง แหล่งผลิต อยู่ที่บ้านหมน ตำบลท่าเรือ อำเภอเมือง จังหวังนครศรีธรรมราช  งานจักสานย่านลิเภา แสดงให้เห็นถึงฝีมืออันประณีต ความอุตสาหะของช่างผู้ผลิตมีราคาค่อนข้างสูง ซึ่งสร้างความภาคภูมิใจให้แก่ ผู้ครอบครอง หรือผู้เป็นเจ้าของ กระเป๋าย่านลิเภาเมื่อใช้ร่วมกับการสวมชุดไทยจะเพิ่มความสง่างามให้กับผู้ใช้อย่างมาก

"กระเป๋า ย่านลิเภา"

เครื่องประดับ

          ธนู Dhanu เครื่องทองรัตนโกสินทร์ ของคุณ ธนูเดช เกิดวิเศษสิงห์ สินค้าโอทอประดับ 5 ดาวของ จังหวัดกาญจนบุรี โดดเด่นด้วยลักษณะความเป็นเครื่องประดับไทยประยุกต์สไตล์โมเดิร์น ประดับประดาด้วยพลอย มณีนพเก้า วัสดุที่หายากเพื่อเสริมสิริมงคลตามความเชื่อเช่น งาช้าง หางช้าง เขากระทิง และการสร้างสรรค์ที่เป็นเทคนิคเฉพาะของกลุ่ม

        พวงกุญแจตุ๊กตาประดับ จาก โดย พี่นิรันดร์  Art Dolls By Nirun เป็นตุ๊กตาแฮนด์เมด ทำมือ และลงสีด้วยสีอะคริลิก ออกแบบเป็นภาพสัตว์ และตัวการ์ตูน เป็นงานฝีมือที่เป้นศิลปะชิ้นต่อชิ้นไม่ซ้ำกัน มีรูปแบบที่แปลกตาน่าสนใจ โดดเด่น น่ารักเป็นเอกลักษณ์ กลุ่มเป้าหมายคือ วัยรุ่นและผู้ที่สนใจ

เครื่องใช้ของตกแต่งบ้าน

          บ้านโบราณ ณ วันวาน ดิสเพลย์จำลองบรรยากาศย้อนยุคขนาดเล็ก สิ่งประดิษฐ์ของจิ๋วที่เป็นลักษณะของการเล่าเรื่องราว ภาพวิถีชีวิตของคนไทยที่ย้อนไปในอดีตที่เราสามารถนึกถึงได้ประมาณ 20 ปีถึง 30 ปี บางอย่างเป็นงานร่วมสมัยที่อาจจะยังพบได้ในปัจจุบัน แต่เป็นสิ่งที่ไม่สามารถพบเห็นได้มากนัก เช่น การละเล่นแบบโบราณ การค้าขายในอดีต เช่น ร้านขายก๋วยเตี๋ยว ร้านขายน้ำแข็งใส ร้านขายข้าวแกง  การสร้างสรรค์งานจะเป็นไปในลักษณะการใช้ภาพพิมพ์ หุ่นจำลองขนาดเล็ก และ ภาพเขียนร่วม

"ร้านส้มตำจำลองขนาดเล็ก สไตล์ย้อนยุค"

          หุ่นกระบอกริ้วทอง ผลิตภัณฑ์โอท็อป ระดับ 5 ดาว หุ่นกระบอกไทย ทำด้วยมือ วัสดุเป็นผ้าไหมจากโครงการส่งเสริมศิลปาชีพพิเศษ ดิ้นเงินและดิ้นทองจากอินเดีย พลอยจากยุโรป มงกุฏและชฏาทำจากไม้สัก ประดับลายปิดทองคำแท้100% และฐานทำจากไม้สัก มีความละเอียดสวยงาม

"รายละเอียดอันวิจิตรของหุ่นกระบอก"

      นอกจากนี้ภายในงานยังมีเวิร์คช็อป ให้ผู้เข้าร่วมงานได้ร่วมทำกิจกรรม เช่น การทำที่รองแก้ว ดรีมแคชเชอร์ การประดิษฐ์กรอบรูปจากลังไข่ การเขียนภาพสีน้ำเป็นต้น

Infographics

        Information Graphics หรือ Infographics เป็นการแสดงผลของข้อมูลหรือความรู้โดยภาพที่อ่านและเข้าใจง่าย งานกราฟิกส์ประเภทนี้นิยมใช้สำหรับข้อมูลที่มีความซับซ้อน เช่น ป้าย แผนที่ งานวิจัย 

โดยอินโฟกราฟิกส์นี้ยังคงนิยมใช้ในสายงานด้าน วิทยาการคอมพิวเตอร์ คณิตศาสตร์ สถิติศาสตร์ เพื่อให้แสดงถึงข้อมูลที่ซับซ้อนให้ง่ายขึ้นอินโฟกราฟิกส์มักจะปรากฏตามสื่อ ตามป้ายสาธารณะ หรือแม้แต่คู่มือการใช้งานในหลายอย่าง ซึ่งแสดงในลักษณะของตัวอักษร หรือสัญลักษณ์ 

ที่มา : http://www.fleshco.com/insights/tag/infographics/

หลักการออกแบบอินโฟกราฟิกส์ (Infographics) แบ่งเป็น 2 ส่วน คือ

1. ด้านข้อมูล

ข้อมูลที่จะนำาเสนอ ต้องมีความหมาย มีความน่าสนใจ เรื่องราวเปิดเผยเป็นจริง มีความถูกต้อง

2. ด้านการออกแบบ

การออกแบบต้องมีรูปแบบ แบบแผน โครงสร้าง หน้าที่การทำางาน และความสวบงาม โดยออกแบบให้เข้าใจง่าย ใช้งานง่าย และใช้ได้จริง

อินโฟกราฟิกส์ มี 6 ประเภทแบ่งตามเนื้อหาคือ

- ข้อมูลตามลำดับเวลา เรียงตั้งแต่อดีตมาจนปจจุบัน

- ข้อมูล ทางสถิติ เช่น แผนภูมิ กราฟ

- ข้อมูลอ้างอิงทางภูมิศาสตร์ โดยมากมักจะเป้นแผนที่

- ข้อมูลเชิงลำดับขั้น เช่น ความสำคัญ ปริมาณ ขั้นตอน

- ข้อมูลเชิงความสัมพันธ์ ในรูปแบบการเชื่อมโยง

- ข้อมูลแสดงส่วนประกอบต่างๆ ให้ข้อมูลว่าประกอบด้วยสิ่งใดก็ตาม

การเผยแพร่ 

แบบ ออนไลน์ ได้แก่ โซเชียลมีเดีย และ อีเมล

แบบ ออฟไลน์ ได้แก่ โปสเตอร์ ใบปลิว หนังสือ หนังสือพิมพ์ นิตยสาร ป้ายบิลบอร์ด

ข้อคำนึงถึงการใช้

1.ให้ข้อมูลที่ถูกต้อง

2.กราฟิกควรมีลักษณะเรียบง่ายและชัดเจน

3.Infographics ไม่ใช่โฆษณา

4.เลือกช่องทางให้ถูกต้อง ตรงกับเป้าหมาย

สัญญศาสตร์ - Semiology 

      การสื่อสารทั้งมวลได้วางอยู่บนรากฐานของระบบเครื่องหมายต่างๆ ซึ่งทำงานโดยผ่านกฎเกณฑ์และโครงสร้างบางอย่าง

ภาษา เช่น สัญญานไฟจราจร, เครื่องหมายบนท้องถนน, แถบป้ายที่คลิกไปยังที่ต่างๆบนเว็ปไซค์(navigation bars), สัญลักษณ์ทางคณิตศาสตร์, สัญญานมือ,

Sender > Message / sign System > Receiver

สารใดๆ(message), ความหมายใดๆ(meaning), สามารถสื่อสารได้โดยผ่านเครื่องหมายต่างๆและระบบของเครื่องหมาย. เครื่องหมายถือเป็นรูปลักษณ์กลางหรือสิ่งสำคัญของสัญญศาสตร์(Semiology). เครื่องหมายอันหนึ่ง มันคือสัญญะ(signal)ที่สื่อสารบางสิ่งบางอย่างกับเรา ธรรมชาติของเครื่องหมายสามารถทำความเข้าใจได้ใน 2 ทางที่คล้ายๆกัน:
1.  เครื่องหมายทำหน้าที่เป็นตัวแทนหรือยืนยันถึงบางสิ่งบางอย่าง
2. เครื่องหมายประกอบด้วย Signifier และ Signified 

Signifier คือ รูปแบบอะไรก้ตามที่นำมาใช้เพื่อถ่ายทอดความหมาย
Signified คือ แนวความคิด
Sign     =      dog - Signifier - letter d-o-g     +     Signified - the concept of a dog

 เครื่องหมายต่างๆสื่อสารกันอย่างไร
- เครื่องหมายต่างๆ มันสื่อสารโดยผ่านกฎเกณฑ์ และขนบธรรมเนียม
- รหัสและขนบธรรมนียมส่วนร่วมกันในทางวัฒนธรรม
- ขึ้นอยู่กับความรู้เชิงวัฒนธรรม
- เครื่องหมายต่างๆ สื่อสารโดยผ่านระบบของความแตกต่าง เช่นUp-Down 

- เครื่องหมายต่างๆ สื่อสารโดยผ่านตัวเครื่องหมาย และการสื่อความหมาย
- เครื่องหมายต่างๆสื่อสารโดยผ่านการบ่งชี้และการสื่อความหมาย(denotations and connotations)
มีอยู่ 2 ระดับ

1.เรื่องของความหมายบ่งชี้ 

2.การสื่อความหมาย

Connotation(การสื่อความหมาย)
1. ระดับของปัจเจก และ
2. ระดับของวัฒนธรรม

เครื่องหมาย ไอคอน, อินเดคซ์, และซิมบอลลิค (Iconic, indexical, and symbolic signs)

เครื่องหมายไอคอน(Iconic signs) คือเครื่องหมายที่คล้ายคลึงกับสิ่งที่มันบ่งถึง เช่น ไอคอนในอินเทอเฟซต่างๆ

เครื่องหมายอินเดคซ์(indexical signs) คือเครื่องหมายที่ชี้บ่งหรือชี้ถึงบางสิ่งบางอย่างอื่นๆ เช่นการที่เราเห็นควันก็รู้ได้ว่ามีไฟ

เครื่องหมายสัญลักษณ์(symbolic signs) คือเครื่องหมายที่แสดงถึงบางสิ่งบางอย่าง เช่น เครื่องหมายจราจรและเครื่องหมายทางด้านคณิตศาสตร์ 

ตัวอย่าง งาน อินโฟกราฟิก

ที่มา : www.kapook.com

แปลสรุปข่าว :

Google is testing animated GIF creation on YouTube

          Animated GIFs have made a huge comeback in 2014, and there’s no sign that this trend is going to slow down anytime soon, especially with how easy it is to spit out a quick GIF nowadays. There are dozens of sites that let you paste a YouTube link into an ad-riddled and often poorly implemented page in order to extract a few seconds from that video in GIF form. Generally they are quick and mostly painless, but it’s ultimately an unnecessary set of extra steps. The days of crummy GIF websites are hopefully coming to a close, however, because Google is finally testing their own method for rapid animated GIF creation.

            If you head to the share button on any of the videos on PBS Idea Channel, Vlog Brothers, or Good Mythical Morning, you’ll see a new option beside the usual embed and social sharing options. The GIF editing tool looks just like the regular YouTube clip editor when uploading videos, with the option to add text at the top or bottom of the GIF before hitting the create button. There’s no framerate controls or anything like that, but the end result is a quick animated GIF when you need one.

  

Google has yet to make any announcements about this feature, and while we could only find these three channels with the feature enabled, it’s possible there are others. If all goes well we could see an official YouTube GIF creation feature rolled out to the entirety of YouTube soon, and together we can drown the world in silly GIFs.

ที่มา : http://www.geek.com/news/google-is-testing-animated-gif-creation-on-youtube-1611523/

แปลจาก Google Translate  

Google is testing animated GIF creation on YouTube

              เคลื่อนไหวได้ทำให้กลับมาใหญ่ในปี 2014 และมีไม่มีวี่แววว่าแนวโน้มนี้จะชะลอตัวลงในเร็ว ๆ นี้โดยเฉพาะอย่างยิ่งกับวิธีการที่ง่ายก็คือการคาย GIF อย่างรวดเร็วในปัจจุบัน มีหลายสิบของเว็บไซต์ที่ช่วยให้คุณสามารถวางการเชื่อมโยง YouTube ในโฆษณาพรุนและมักจะดำเนินการไม่ดีหน้าเพื่อสกัดไม่กี่วินาทีจากวิดีโอในรูปแบบ GIF ที่มี โดยทั่วไปพวกเขาอย่างรวดเร็วและไม่เจ็บปวดส่วนใหญ่ แต่ก็ในที่สุดชุดที่ไม่จำเป็นของขั้นตอนพิเศษ วันของเว็บไซต์ GIF crummy จะหวังว่าจะมาปิด แต่เพราะ Google เป็นที่สุดการทดสอบวิธีการของตัวเองสำหรับการสร้างอย่างรวดเร็วเคลื่อนไหว GIFถ้าคุณมุ่งหน้าไปยังปุ่มหุ้นในวันที่วิดีโอใด ๆ ในความคิดพีบีเอสช่อง Vlog พี่น้องหรือดีตำนานเช้าคุณจะเห็นตัวเลือกใหม่ข้างฝังตามปกติและตัวเลือกการแบ่งปันทางสังคมเครื่องมือแก้ไข GIF ลักษณะเช่นเดียวกับการแก้ไขคลิป YouTube ปกติเมื่ออัปโหลดวิดีโอที่มีตัวเลือกในการเพิ่มข้อความที่ด้านบนหรือด้านล่างของ GIF ก่อนกดปุ่มปุ่มสร้างขึ้น ไม่มีการควบคุมเฟรมหรืออะไรอย่างที่ว่า แต่ผลลัพธ์ที่ได้คือ GIF เคลื่อนไหวอย่างรวดเร็วเมื่อคุณจำเป็นต้องใช้ GIFGoogle ยังไม่ได้ทำให้การประกาศใด ๆ เกี่ยวกับคุณลักษณะนี้และในขณะที่เราจะสามารถหาทั้งสามช่องทางที่มีคุณสมบัติการใช้งานก็เป็นไปได้มีคนอื่น ๆ หากทุกอย่างไปเราจะได้เห็นการสร้างคุณลักษณะ YouTube GIF อย่างเป็นทางการออกมาเพื่อความสมบูรณ์ของ YouTube เร็ว ๆ นี้และร่วมกันเราสามารถกลบโลกใน GIFs โง่

เรียบเรียงสรุป

            

         Google กำลังทดสอบภาพอนิเมชัน GIF จากวิดีโอบน Youtube

"ภาพเคลือนไหวได้กลับมาอย่างยิ่งใหญ่ในปี 2014 และยังไม่มีท่าทีที่ลดความนิยมลง โดยเฉพาะวิธีการสร้างที่ทำได้อย่างง่ายในปัจจุบันมีหลายสิบเว็บไซท์ที่สามารถนำลิงค์จาก Youtube ไปวางและทำเป็นภาพเคลื่อนโดยง่ายรวดเร็วและไม่ยุ่งยากแต่ไม่จำเป็นอีกต่อไปแล้ว เพราะมันมีขั้นตอนที่ดีกว่านั้น เว็บไซต์ที่ให้บริการเหล่านั้นจะถูกปิดไปเร็วนี้ นั่นก็เพราะว่าทาง Googleได้ลองทดสอบระบบของตัวเองในการสร้างภาพGif อย่างรวดเร็ว 

          เมื่อคุณกดปุ่มแชร์วิดีโอในแชนแนลของ PBS Idea Channel, Vlog Brothers, และ Good Mythical Morning คุณจะเห็นตัวเลือกใหม่ อยู่ในแถบเดียวกับ Embed กับ ตัวเลือกสำหรับแชร์สู่สาธารณะ อุปกรณสร้างภาพเคลื่อนไหวนั้นมีลักษณะเช่นเดียวกับการแก้ไข คลิปวิดีโอใน Youtube เมื่อทำการอัปโหลดวิดีโอ ด้วยตัวเลือกในการเพิ่มข้อความที่ด้านบนหรือด้านล่างของภาพGIF ก่อนการกดปุ่มสร้าง ไม่มีการควบคุมเฟรมหรืออะไรอย่างว่า แต่ผลลัพธ์ที่ได้คือ ภาพ GIF ที่เคลื่อนไหว อย่างรวดเร็ว เมื่อคุณต้องการ

       Google ยังไม่ได้ทำให้การประกาศใด ๆ เกี่ยวกับคุณลักษณะนี้ ในขณะที่เรากำลังตามหา 3 Channel นี้ ก็อาจมีคนอื่นๆ ที่อยากได้คุณสมบัตินี้ ถ้าทุกอย่างไปได้สวยเป็นไปได้ว่าเราจะได้เห็นคุณลักษณะการใช้งานนี้ใน Youtube ในเร็วๆนี้ และเราก็จะพากันทำโลกปั่นป่วนด้วย GIF กวนๆฮา"

สรุปผลการศึกษาครั้งที่ 1 และ ครั้งที่ 2 (9 มกราคม และ 16 มกราคม 2558)

ครั้งที่ 1
ปฐมนิเทศ อาจารย์แจกแจงคำอธิบายรายวิชา ทั้งสองวิชา ให้ทราบถึงข้อตกลงในการเรียน โปรแกรมที่ใช้ในการศึกษาคือ หลักๆผลิตภัณฑ์ของ Adobe (Photoshop,Illustrator,After Effect,Dream Weaver,Premier Pro)

ครั้งที่ 2
Pre-test ทำบททดสอบก่อนเรียน อาจารย์ให้อธิบายความใจรายบุคคล
เขียน แผนผังทางความคิด เรื่อง "ความสัมพันธ์ระหว่างเทคโนโลยี กับการออกแบบนิเทศศิลป์ โดยใช้เครื่องมือที่หาได้ใน Search Engine ในการสร้างสรรค์

ที่มา : ดนุนัย พลศรี (16/1/2015)

ส่งแบบฟอร์มคำร้อง การเตรียมฝึกประสบการณ์วิชาชีพศิลปกรรม