คู่มือการใช้งานVisme

คู่มอื การใชง้ าน VISME NURKATINEE MAMARENG EDUCATION TECHNOLIGY AND EDUCATIONAL COMPUTER

ก คาํ นํา เอกสารคูม อื การปฏิบัตงิ านเลมนี้ เป็นการรวบรวมความรจู าก เอกสาร ตาํ ราํ แนวปฎิบตั ทิ ดี่ โี ดยนําความรูเหลานี้มาประมวลเป็นคมู อื การปฎิบัตใิ นการใชงาน \"Visme\" สําหรบั ใหผทู ีร่ บั ผดิ ชอบไดศึกษา แนวทาง สามารถปฎิบตั ิงานไดอยา มปี ระสทิ ธิภาพและประสิทธผิ ลย่งิ ขี้ น โดยแสดงแผนผังเสน ทางการทาํ งาน ทม่ี ีจุดเร่ิมตนและจุดสิน้ สดุ ของ กระบวนการ ระบถุ ึงขัน้ ตอนและรายละเอยี ดของกระบวนการทงั้ นี้เพ่อื ใหก ารปฎบิ ตั งิ านเป็นระบบและมีมาตฐานเดยี วกัน หวงั เป็นอยางยง่ิ วาอ้ กสารคมู อื การปฏิบัติงานนี้จะเป็นประโยชน ใชเ ป็นแนวทางในการปฏิบตั ิงานใหม ปี ระสิทะฺภาพย่งิ ขีน้ ตอ ไป จัดทาํ โดย นางสาวนรุ กาตนี ี มามะเร็ง

สารบัญ ข เร่อื ง หน า ก คํานํ า ข สารบญั 1-2 ความหมายของเว็บไซตV isme 3 การลงทะเบยี นการใชงาน 4-6 แนะนําเคร่ืองมอื ตางๆในการใชงาน 6-8 เร่มิ ตนการใชง าน 8 การ Publishเพ่ือนําไปใช 9 การปรบั ปรงุ แกไข 10 ขอดี-ขอ เสยี 11 ประโยชนการใชงานvisme 12 อางองิ

1 visme Vismeเป็นเว็บไซตท ีจ่ ะชว ยในการสรางสรรคงานPresentation, Infographic, Animations และ Banners โดยเป็นการนําขอ มลู ตางๆ มา จดั ระเบียบในรูปแบบท่หี ลากหลายตามทค่ี ณุ ตอ งการ ซ่งึ เป็นการนําขอมูล ทีเ่ ขาใจยาก หรอื ขอ มลู ท่ีเป็นตัวหนังสือจาํ นวนมากมานําเสนอในรูปแบบท่ี เขาใจงา ยและสรางสรรค ซ่ึงในเวบ็ ไซตกย็ งั มี templates ใหส ามารถเลอื ก นํามาใชงานไดอยางหลากหลายและเม่ือสรา งงานเสร็จแลว สามารถท่จี ะ เผยแพรห รือแชรผลงานออกมาได ซ่ึงสามารถแชรแ บบออนไลนหรือจะนํา ออกมาใชง านแบบออฟไลนกไ็ ดเ ชนกัน ผูสอนหลายคนมักจะเจอปัญหาที่ผูเรยี นขาดความสนใจหรอื ขาดแรง จงู ใจในการเรยี นเน่ืองจากผเู รยี นมคี วามรสู ึกวา การเรียนการสอนไมน าต่ืน เตน มรี ูปแบบการนําเสนอการสอนไมช วนใหนาตดิ ตามไมม ีสิง่ กระตนุ เราใจ นักศกึ ษาทาํ ใหน ักศกึ ษาไมม สี มาธิและไมต งั้ ใจเรียนในรายวิชานัน้ ปัญหาที่ เกิดข้ึนผูส อนสามารถนํา Visme มาประยุกตใชในการเรยี นการสอนไดโ ดย การทําPresentationหรอื ขอมลู ทีเ่ ก่ียวกับการเรยี นการสอนในวชิ านัน้ ๆเป็น Infographicซ่งึ จะทาํ ใหนักศึกษาเกดิ ความสนใจและดึงดดู ใหนักศกึ ษามี สมาธิและตัง้ ใจเรยี นในรายวชิ านัน้ ๆไดในทส่ี ุด

2 VISME Visme คอื เว็บไซตต ัวออกแบบ Presentation Infographics และ รายงานตา งๆ ท่ีสามารถแสดงและกระชับขอ มูลไดสามารถทาํ ใหผอู าน เขาใจเน้ือหาทต่ี อ งการจะส่อื ไดอ ยา งงายโดยมรี ปู ภาพไอคอนและฟ อนตให เลอื กใชง าน และยังเปิดใหใชงานฟรอี กี ดวย Visme ออนไลน รีวิวซอฟตแวรออกแบบ เป็นผสู รางเน้ือหาภาพ ออนไลนท่ีชว ยใหค ุณปรบั ขนาดและควบคุมการนําเสนอและการแปลง ขอมลู และขอมูลมลั ตมิ เี ดียใหเ ป็นอนิ โฟกราฟิกและการนําเสนอเชงิ โตตอบ ทดี่ งึ ดูดสายตาโดยรวมทรพั ยากรส่อื ทงั้ หมดดวยเทมเพลตท่ดี ูเป็นมืออาชพี แมแ ตมือใหมก ส็ ามารถสรา งงานออกแบบมากมายสาํ หรับผลติ ภัณฑทมี่ ี ตราสินคา ระดบั มอื อาชพี ตงั้ แตแ บบฟอรม ออนไลนไปจนถึงเอกสารส่งิ พมิ พ: โปสเตอรโ บรชัวรน ามบัตรป ายโฆษณาแมใ นขณะออฟไลนเคร่อื งมือบนเวบ็ นี้ถกู ใชอ ยางกวา งขวางโดยผูเชย่ี วชาญจากสาขาการศกึ ษาการตลาดและ การจัดการ Visme มีประสิทธิภาพเพียงพอสาํ หรบั นักออกแบบกราฟิก มนั รวมความเรยี บงา ยแบบลากแลว ปลอยความยืดหยนุ และคุณสมบัตแิ บบ โตตอบเพ่ือสรางเน้ือหาทีน่ าสนใจสาํ หรบั ผชู ม

3 VISME การลงทะเบียนการใชง้ าน 1.เขาไปที่เวบ็ ไซต https://.visme.co/ 2.จะปรากฎหน าตรางสาํ หรบั ลงทะเบียนเขา ใชง าน Visme คอื อะไร 2.1 สรางบญั ชผี ใู ชงานใหม โดยการใสข อ้ มลู ในชอ ง Full Name , E-mail Address ถดั มาใหก าํ หนดรหสั ผานนลงในชอง Password แลวคลิกปมุ Create my Account 2.2 สําหรับการลงทะเบยี นเขาใชงานผา นชองทาง FacebookหรือGoogle 1 2 2.2 2.1 2.2

4 VISME เมือเขา้ ระบบเรยบร้อยแลว้ จะพบกบั หนา้ จอหลักซงึ มีเมนกู ารใชง้ านดงั นี 3 1 7 2 1 3 6 45 6 2.1 2.1 2.2 2.3 เครองมอื ตา่ งๆในการใชง้ าน Project หมายถงึ การดําเนินกจิ กรรมท่ีประกอบดว ยแผนงาน ยอย ท่ีระบรุ ายละเอียดไดชดั เจน เชน วัตถุประสงค ขอบเขตการดาํ เนิน งาน กรอบระยะเวลาตอ งมีการเร่ิมตนและจดุ จบ งบประมาณทใ่ี ช และ ผลลพั ธทว่ี ัดหรือประเมินผลได

VISME 5 1.Search Project ใชใ นการคน หาโปรเจคงานและขอ มลตู างๆ 2.Create New เลือกสรางส่อื ประเภทตา งๆ 2.1 New Project เร่มิ ตนการใชง านและมีใหเ ลอื กในการสรางาน ตา งๆ 2.1.1 เลอื กประเภทส่อื ที่จาํ ทาํ การสรางได ดงั นี้ Presentions/Infogphics/Documents/PrintabiesWed Graphics/Social Graphics/Video/Gifs/More/Customize 2.2 Import นําขอมลู เขามาในการสรา งส่อื หรือผลงานตางๆ 2.3 New Folder นําเขา โฟลเดอรใหม 3. All Project/ My Project ใชเรียกดโู ปรเจคทไี่ ดทาํ ไวท งั้ หมด 4. Folder สามารถเรียกดขู อ มูล โปรเจคทมี อี ยูในโฟลเดอรได 5. Slide Library สามารถใชเ พิ่ม สไลดท ่ีมีขอมลู ซ้ํากัน พรอ มกัน ใน presentation หลายๆอนั ได 6. Create New Folder สรางโฟลเดอรใหม 7. Account แถบช่ือ Account ของผใู ชแ ละรายละเอียดขอมลู 3 2

VISME 6 2. My Brand สามารถสรางหรือเพม่ิ เอกลักษณที่ตองการเพ่อื เป็นการสรา งแบรนดที่ตอ งการข้มึ าได เชน สี โลโก ตัวอกั ษร หรอื รปู ภาพ ตา งๆ เป็นตน Manage My Team ใชในการดูขอ มูล รายละเอยี ดตา งๆวา่ ใน Account นัน้ มกี ารใชงานลา สุด วนั ไหน หรอื ไดส รา งโปรเจค รวมไป ถงึ สามารถสรา ง Account ที่จะใชง านเพิ่ม ไดจ ากเมนูอ่นื อกี ดวย เริ่มตน การสรา งสรรค ผลงาน 3. Data คือการสรา งสญั ลกั ษณแทนปริมาณ หรอื การกระทาํ ตา ง ๆ ทยี่ ังไมผ า นการวเิ คราะห หรอื การประมวลผล ขอ มูล อยูในรูป ตวั เลข ตัว หนังสือ รปู ภาพ แผนภูมิ เป็นตน เรมตน้ การสร้างสรรคผ์ ลงาน 1.เม่อื เขา สร ูะบบการใชงานVismeเรยี บรอ ยแลว ใหคลิก ปุม Create New เพ่อื สรา งผลงานจากนัน้ ใหเลือกประเภทของงานทตี่ อ งการ สรา ง 2.เลือกประเภทส่ือ ทจ่ี ะทาํ การสรางยกตัวอยาง 4 ประเภทนี้ คือ 2.1 Presentation เป็นการสรา ง presentation หรอื slideshow ซ่งึ จะมรี ปู แบบทเ่ี ป็น Template สามารถใหเ ลอื กนํา มาใชโดย อตั โนมตั ิ ซ่งึ จะมาทงั้ แบบเสียคาใ่ ชจ า ยและแบบไมเ สยี คา ใชจ าย 2.2 Infographic เป็นการทาํ ส่ือ ทีเ่ ป็นขอมลู หรือกราฟตาง่ ๆให ออกมาดเู ขา ใจงา ยและนาสนใจโดยการสรางในรปู แบบ Infographic ซ่งึ จะมีtemplate สามารถให เลอื กนํามาใชโ ดย อตั โนมตั ซิ ่งึ จะมที งั้ แบบเสีย คาใชจ ายและแบบไมเสยี คา่ใชจ าย 2.3 Banner เป็นการทาํ ป ายโฆษณาขนาดตาง่ ๆทีใ่ ชสําหรบั Website หรือ Social Graphics 2.4 Blank เป็นพ้ืนที่กวา งใหส าหํ รบั กําหนดขนาดหรอื ประเภทส่อื ที่จะสรา งไดต ามตองการ 3. เม่อี ทําการเลือกประเภทส่ือที่จะทําการสรา งไดแ ลว เม่อื เขามาถึง หน าที่จะสรา งจะพบกบั เมนูการใชงานดัง ตอ ไปนี้

VISME 7 2.1 1.Canvas Size ปรบั ขนาดของส่อื (Width & Height) View Options เปิดการใชานฟังกช นั โชวต ารางgrid หรอื Snap to Objects Presentation Notes เพม่ิ ขอ ความท่ีเป็น text สัน้ ๆ เพอ่ี อธบิ าย Presentationนัน้ ๆ Back to Dashboard กลับ ไปหน าหลกั My Account กลบั ไปหน าช่อื Account ของผูใช และรายละเอยี ดขอ มูลเพิม่ เตมิ ตา งๆ Sign Out ออกจาก ระบบ 2.แถบช่อื งาน สามารถเปลยี่ นเป็นช่อื ตามทต่ี องการได Save กดเพ่อื ใชบ ันทกึ งานทที่ ํา Auto Save สามารถกาํ หนดให เปิด-ปิดการบนี ทึกงานแบบอตโั นมัตไิ ด 3.Preview เม่ือสรางส่อื เสรจ็ สามารถดตู ัวอยางไดก อ นทีจะ Publish ออกไปใชง านจริง Publish เมนูสําหรับเผยแพรเม่อื สรา งส่อื เสร็จแลว Upgrade เสียเงนิ เพ่ือจะใชฟ ังกชันอ่อื เพม่ิ เติม 4.Help สาํ หรบั ศกึ ษาวิธกี ารใชง านหรือขอความชวยเหลือกรณีมี ปั ญหาจากการใชงาน

VISME 8 5. ใชเ พิม่ หน า Slide 6. Background ใชเ ลอื กสีทีจ่ ะเปลี่ยนในslide Content block ใชในการ เลือกพ้นื ที่จะทาํ การแกไ ขขอมูลหรือเพิ่มขอ มลู Text ใชใ นการเลอื กรูป แบบของขอ ความทีเ่ ป็นตัวอกั ษร Shape & Icons ใชเ ลอื กรปู รา งตา่งๆทีจ ะ ใชใน slide Image ใชเลอื กรูปภาพทจ่ี ะใชใน slide ซ่ึงมที ัง้ ในเว็บไซตห รือ จะอพั โหลดนําเขา มา Charts and Data Widgets ใชเลือกchartตา่งๆ เพ่อื นํามาประกอบใน slide Video ใชในการนํา Link VDO จาก YouTube มาใสล งไวใน Slide Audio ใชเลือกเสียงประกอบทจี ะใชกบั Slide หรอื จะ อัพโหลดเสียงเขา มาใชเอง ไดเชน กัน Embed extranal Content ใชใ น การฝังCodeทจี ะใชลงไปใน Slide 1 3 4 5 2 6

VISME 9 การ Publish เพอื นําไปใช้ 1.Share สามารถแชรได 3 ประเภทคอื 1.1 Public for web สามารถนํา Link จากเวบ็ ไซดท ที่ าํ ใหแชร หรอื สงตอใหค นอ่นื ได 1.2 Private ฟังกช นั ยงั ไมเ ปิดใหใชสาํ หรับใชงานฟรี ตอ งทําการ เสียเงนิ อัพเกรดกอ นถึงจะใชง านไดซ่ึง การใชง านในฟังกชนั นี้คือ การตัง้ รหสั ในการทจ่ี ะเขา ไปใชงานหรอื แกไ ขโปรเจคงานนี้ 1.3 Not Public ไมเ ผยแพรแ บบออนไลน 2. Embed to a site or Blog สามารถเผยแพรโ ดยการฝังตวั Slideไปตามเวบ็ ไซดหรือบล็อกตา่งๆได 3. Download สามารถโหลดเพ่ือนํามาใชง านแบบออฟไลนได โดยถา เป็นแบบฟรจี ะโหลดไดแ คไฟล JPEG แตถา เสยี เงินจะสามารถ โหลดไฟล PNG, PDF, HTML5 ได 4. Publish Setting สามารถตงั้ คาการเผยแพรในขัน้ ตอนตา งๆได ถึง 4 ประเภท คือ Page Design, Display Options, Social/Engagement, Audio Control

VISME 10 การปรับปรุงแกไ้ ข 1.Edit Project ใชในการเขา ไปปรบั ปรุงแกไขงานนัน้ ๆ 2.Preview ใชในการดูตวั อยางงานกอนท่จี ะทําการ Publish 3.Rename ใชใ นการปรบั เปลี่ยนช่อื ของงานนัน้ ๆ 4.Duplicate ใชในการ Copy ชิน้ งานนัน้ ๆ 5.Share project ใชใ นการแบง ปันขอมลู หรอื ชนิ้ งานใหผ อู ่นื เขามารวมทําไดแตจ ะใชฟังกชันนี้ไดต อ งเสยี คาใชจ า ย 6.Analytics ใช ในการดูรายละเอียดตางๆของชนิ้ งานนัน้ ๆ 7.Delete ใชใ นการลบชิน้ งานนัน้ ๆ

VISME 11 ข้อด-ี ข้อเสยี ของการใชง าน visme ข้อดี การแสดงขอ มลู กราฟ / แผนภูมิ เทมเพลตและเคา โครงโครงการ / เอกสาร การใชง านออฟไลนการทาํ งานรว มกับ MS Office ความปลอดภัยความเป็ นสวนตัวการควบคุมการ เขาถงึ นําไปสูการสรา งรายงานกจิ กรรมการตลาดในส่อื ข้อเสยี ขอ จํากัดของแผนฟรี การทาํ งานรว มกนั มใี หเ ฉพาะในแผนทีม ปัจจบุ ันมี Visme เวอรชนั ฟรีทีใ่ หการใชงานแบบ จาํ กดั โดยผูใชค นเดยี วพรอ ม กบั การเพ่ิมแบรนด Visme ในโครงการ หากคุณไมตอ งการทนกบั ความไมสะดวกเหลา นี้ใหซ้อื แผนมาตรฐานรายเดอื นจาก $ 15 / เดือนสําหรับการใชงานสวนบุคคลพรอ มการ รับประกนั การอปั เดตการสนับสนุนทางเทคนิคและการคืนเงนิ แผนธรุ กิจเรมิ่ ตน ท่ี $ 29 / เดือนจะเพิม่ การเขาถึงระดบั พรีเมียมการสรา งแบรนด SEO และเคร่ืองมอื การทํางาน เป็นทีมทัง้ หมด

VISME 12 ประโยชนก์ ารใชง้ านVisme การนาํ เสนอผลงาน คณุ สามารถคน หาทางเลือกบนเว็บจาํ นวนมากสาํ หรบั Microsoft PowerPoint แต Visme แตกตางจากพวกเขาในหลากหลายวิธี สิ่งแรกเราสงั เกตเห็นวา สวนตอประสานผใู ช ของผูสรา งงานนําเสนอ Visme นัน้ งายพอที่จะเรียนรู เชนเดียวกับในกรณีของเน้ือหาอ่ืนคุณ สามารถเลือกเทมเพลตและ Visme มีเทมเพลตมากมายสาํ หรบั คุณ! เม่อื คณุ เลอื กเทมเพลต แลว คณุ จะเห็นสวนการสรา งงานนําเสนอเตม็ รูปแบบของ Visme ซ่ึงจะมีลกั ษณะเหมือนภาพ ท่ีตามมา และสามารถจัดการเน้ือหาของแตล ะสไลดร าวกับวาคณุ กําลังทาํ ส่ิงเดยี วกันใน Microsoft PowerPoint แตม ีคณุ สมบตั หิ ลายอยางท่แี ตกตา งจาก Visme จาก PowerPoint ตัวอยางเชน เม่ือคุณตอ งการเพมิ่ ภาพบางภาพลงในสไลดค ณุ สามารถใชเคร่อื งมือคนหาแบบ รวมเพ่อื คน หาภาพฟรี นอกจากนี้ยังมีคอลเลคชัน่ ชุดเวกเตอรท ยี่ อดเยี่ยมทม่ี คี วามหมาย เพยี งพอ Infographics บางทีการสราง Infographic อาจเป็นทางออกท่ีมปี ระโยชนทสี่ ุดจาก Visme เพราะ ณ ตอนนี้การสรา ง Infographic เป็นงานทีต่ องใชค วามรอู ยา งลึกซ้ึงในการออกแบบ อยา งไรก็ตามการ ใช Visme นัน้ สามารถทําไดใน 4 ขัน้ ตอน - เลอื กเทมเพลตจดั การองคป ระกอบตามความตอ งการ ของคุณดตู วั อยางอินโฟกราฟิกและเผยแพรในเว็บไซตของคุณหรอื รับเป็นรูปภาพหรือ PDF คลาย กับกรณีของงานนําเสนอสว น Infographics ของ Visme ประกอบดว ยเทมเพลตที่แตกตางกันให เลือก นอกจากนี้คุณยังมีคอลเล็คชนั่ โตต อบจาํ นวนมากเชนแผนภมู กิ ราฟ ดังนัน้ ไมส ําคญั วาคณุ จะ มปี ระสบการณในการสรา งอนิ โฟกราฟิกหรือไม แตค ุณสามารถสรา งอนิ โฟกราฟิกท่ยี อดเยี่ยมโดย ใช Visme นอกจากนี้แทนทจ่ี ะเป็นอนิ โฟกราฟิกแบบคงที่ Visme สามารถนําอนิ โฟกราฟิกมาใหคณุ ไดเน่ืองจากคณุ สามารถเพ่มิ ภาพเคล่อื นไหวใหกับทุกวัตถุที่คณุ เพมิ่ ไปยังอินโฟกราฟิก พรบึ มัน ยอดเย่ียมมาก ดังนัน้ ในครัง้ ตอไปเม่ือคุณตอ งการสรา งอินโฟกราฟิกท่ดี อี ยาคน หานักออกแบบ แต เพยี งล็อกออนเขาสู Visme โฆษณาแบนเนอร์ ผเู ช่ยี วชาญทางเวบ็ เกือบทุกคนจะพบวาสวนของ Visme นี้มีประโยชนเป็นพเิ ศษหรอื จาํ เป็น สวนหน่ึงของ Visme นี้สามารถใชเ พ่ือสรางโฆษณาแบนเนอรท ่ีนาท่ึงในขนาดตาง ๆ โดยใชสไตลของคุณ เองหรอื จากเทมเพลตทีม่ อี ยูในคอลเลกชัน เน่ืองจากคุณสามารถใชแ บนเนอรน ี้ในเวบ็ ไซตข องคณุ โดยวางรหสั iframe คณุ สามารถแทรก ภาพเคล่อื นไหวในแบนเนอรของคุณไดเชนกัน มันเป็นคุณสมบตั ิทส่ี าํ คัญเน่ืองจากโฆษณาแบนเนอรข อง คุณจะกลายเป็นแบบโตตอบมากข้นึ อยา งไรกต็ ามหากคุณตอ งการรบั แบนเนอรในรปู แบบ HTML5 หรอื PDF คณุ จะตองสมัครแผนพรเี มยี มของ Visme

13 VISME อางอิง https://pubhtml5.com/bssz/dnes/basic https://fixthephoto.com/th/visme-online-design-software- review.html https://th.gadget-info.com/26299-visme-the-optimum- solution-to-create-infographics-presentations-and-banner- ads