องค์ประกอบศิลป์สำหรับงานคอมพิวเตอร์ ทราย

(ค) โฆษณา (Banner) เป็นส่วนที่สำคัญอีกเช่นเดียวกัน เพราะเว็บไซต์ที่มีโฆษณาจะช่วยส่งเสริมภาพลักษณ์ ความน่าเชื่อถือ และช่วยกระตุ้นความสนใจ เพราะมักใช้ภาพเคลื่อนไหว(Gif Animation) ประกอบ ซึ่งจะทำ ให้เว็บไซต์ของเราดูตื่นตาตื่นใจมากขึ้น จากการวิจัยพบว่าภาพเคลื่อนไหวยังช่วยให้เว็บไซต์ของเราดูน่าสนใจ มากยิ่งขึ้นถึง 309 แต่ไม่ควรมีโฆษณามากเกินไปและควรจัดวางตำแหน่งให้เหมาะสมอีกด้วย (ง) ภาพประกอบและเนื้อหา (content) เป็นส่วนที่ให้สาระความรู้กับผู้เข้าชมซึ่งเนื้อหาที่ให้จะต้องมี ขนาดพอเหมาะ ไม่สั้นหรือยาวจนเกินไป ควรมีการปรับเนื้อหาให้ใหม่ทันกับปัจจุบันอยู่ตลอดเวลา จัดวาง เนื้อหาให้เหมาะสมกับผู้ที่เข้ามาชมเนื้อหา และการมีภาพที่เกี่ยวข้องประกอบอยู่ด้วยยิ่งจะทำให้เว็บไซต์เป็นที่ น่าสนใจมากยิ่งขึ้น (จ) การใช้สีให้เหมาะสมกับหน้าโฮมเพจ (color) เพราะสีแต่ละสีจะให้ความรู้สึกที่มีผลด้านอารมณ์กับ ผู้เข้าชมในลักษณะที่แตกต่างกันไป ภาพที่ 8.12 โครงสร้างหลักของหน้าโฮมเพจของเว็บไซต์

(ที่มา : https://sites.google.com/site/class0223/webdesign) ภาพที่ 8.13 ตัวอย่างหน้าโฮมเพจของ SARATOGA High School (ที่มา : https://argo.page.link/mMq6U) (2) เว็บเพจ ในการออกแบบเว็บเพจ (Web Page) เราสามารถใช้โปรแกรมสร้างภาพกราฟิกอย่างโปรแกรม Photoshop หรือ Firework มาวางโครงหน้าเว็บเพจและสร้างองค์ประกอบภายในหน้าเว็บเพจได้เพียงในหน้า เดียว อาจจะเริ่มที่แบนเนอร์หรือโลโก้ของเว็บไซต์ ปุ่มเมนูต่าง 1 ซึ่งโปรแกรมสร้างภาพกราฟิกนี้จะมีเครื่องมือ ในการสร้างงานส่วนต่าง ๆ ดังกล่าว ทั้งยังสามารถบันทึกเป็นไฟล์งานย่อย ๆ พร้อมทั้งได้ไฟล์HTML เป็นเพื่อ นำไปใช้ในการสร้างเว็บเพจต่อไป ส่วนประกอบของหน้าเว็บเพจ หน้าเว็บเพจทั่ว ๆ ไป มักจะออกแบบแบ่งเป็น 3 ส่วนหลักใหญ่ๆ ดังนี้

(ก) ส่วนหัว (Page Header ในส่วนของตรงนี้จะอยู่ด้านบนสุดของเว็บเพจ และเป็นส่วนที่ผู้เข้าใช้งาน จะเห็นก่อนส่วนอื่น ดังนั้น การออกแบบในส่วนนี้ผู้พัฒนาส่วนใหญ่ให้ความสำคัญ จึงนิยมวางโลโก้ของเว็บไซต์ และเมนูหลักเพื่อที่จะใช้เป็นส่วนที่เชื่อมโยงไปยังรายละเอียดในเว็บไซต์ (ข) ส่วนของเนื้อหา (Page Body) ส่วนนี้อยู่ตอนกลางของเว็บเพจ ใช้เป็นส่วนของการแสดงเนื้อหา และรายละเอียดของหน้านั้น ๆ ซึ่งจะประกอบด้วยข้อความ ภาพนิ่ง ภาพเคลื่อนไหวตารางข้อมูลต่างๆ และ คลิปวิดีโอต่าง ๆ ซึ่งในบางครั้งอาจจะมีเมนูย่อย ๆ เพื่อเป็นจุดเชื่อมโยงไปยังหน้าอื่น ๆอีกก็ได้ (ค) ส่วนท้าย (Page Footer) ส่วนนี้จะอยู่ต้านล่างสุด เป็นส่วนที่แสดงชื่อเจ้าของลิขสิทธิ์ผลงาน ข้อความอธิบายเว็บไซต์สั้น ๆ รวมถึงอาจจะแสดงอีเมลแอดเดรสของผู้ดูแลเว็บไซต์นั้น ภาพที่ 8.14 ตัวอย่างหน้าเว็บเพจทั่วไป (ที่มา : www.yahoo.com) 2. แบนเนอร์ (Banner) คือ รูปแบบหนึ่งของการโฆษณาบนเวิลด์ไวด์เว็บ เป็นการวางภาพโฆษณา ลงไปบนหน้าเว็บแล้วทำไฮเปอร์ลิงก์กลับไปยังเว็บที่โฆษณา ด้วยจุดประสงค์เพื่อดึงดูดผู้เข้าชมให้เข้าไปยัง เว็บไซต์ที่โฆษณานั้นผ่านการคลิก เว็บแบนเนอร์สร้างขึ้นจากไฟล์รูปภาพทั่วไปเช่น GIF, JPEG, PNG หรือใช้จา วาสคริปต์เชื่อมโยงเทคโนโลยีมัลติมีเดียอย่างอื่น เช่น แฟลช ช็อกเวฟ จาวา หรือซิลเวอร์ไลต์ เป็นต้น และอาจ มีการใช้ภาพเคลื่อนไหว เสียง หรือวิดีโอมาผสมผสานเพื่อนำเสนอให้โดดเด่นมากที่สุด ปกติแล้วภาพในแบนเนอร์จะมีอัตราส่วนขนาดกว้างยาวที่สูง (ซึ่งจะทำให้แบนเนอร์มีขนาดกว้างแต่ แบน หรือสูงแต่แคบ) ในลักษณะเดียวกับป้ายโฆษณา (เรียกว่าแบนเนอร์เหมือนกัน) ซึ่งภาพเหล่านี้จัดวางลงใน หน้าเว็บที่มีเนื้อหาน่าสนใจ อย่างเช่น บทความจากหนังสือพิมพ์หรืองานเขียนวิ

ภาพที่ 8.15 ลักษณะของแบนเนอร์ (ที่มา : http://ww.sabuyjaishop.com/ssz/blog.aspx/blogid=18) ลักษณะของแบนเนอร์ที่ดี รูปแบบและสีสันควรกลมกลืนกับเว็บไซต์ ไม่ใช้รูปแบบที่โดดเด่นมากเกินไป หรือน้อยเกินไปจนทำให้ ขัดแย้งกับภาพลักษณ์ของเว็บไซต์หลัก นอกจากนั้น เนื้อหาที่แสดงบนแบนเนอร์ไม่ควรมีมากจนเกินไปเพราะ ผู้ชมเว็บไซต์ไม่ได้ให้ความสำคัญกับรายละเอียดของเนื้อหาที่ปรากฏอยู่บนแบนเนอร์มากนัก แต่ควรให้ ความสำคัญกับภาพรวมที่สามารถสร้างแรงดึงดูดให้ผู้ชมเว็บไซต์หันมามอง ในส่วนแบนเนอร์ที่เป็น ภาพเคลื่อนไหวจะต้องไม่สร้างความรำคาญให้กับเว็บไซต์หลัก

ภาพที่ 8.16 แบนเนอร์ รูปแบบและสีสันควรกลมกลืนกับเว็บไซต์ (ที่มา : https://ryanwashere.com/make-money-online/) 3. บล็อก (Blog) คือ เว็บไซต์รูปแบบหนึ่ง ที่มีลักษณะรูปร่างหน้าตาคล้าย ๆ กับการเขียนไดอารี่ หรือ บันทึก ส่วนตัว ซึ่งเป็นที่นิยมกันมากในปัจจุบัน เนื่องจากฟรี ไม่มีค่าใช้จ่าย คำว่า "Blog" มาจากคำเต็มว่า "Weblog (ตัด We ทิ้ง คงเหลือแต่ blog) ซึ่งโดยนัยแล้วหมายถึง การบันทึกข้อมูล (Log)บนเว็บ (Web) นั่นเอง โดยผู้ที่ เขียนบล็อกเป็นอาชีพ จะถูกเรียกกันว่า "บล็อกเกอร์" (Blogger) จุดเด่นที่สำคัญของบล็อกคือจะมีระบบที่ ผู้อ่านและผู้เขียนสามารถแสดงความคิดเห็นแลกเปลี่ยนกันได้ โดยผ่าComment ของบล็อก ประโยชน์ของบล็อก (1) ทำบล็อกเป็นเว็บไซต์ส่วนตัว เพื่อแชร์ข้อมูลส่วนตัวให้กับผู้อื่นๆ เช่น บันทึกไดอารี่ (2) เขียนบล็อกเพื่อบอกเล่าเรื่องราวต่างๆ นำเสนอสิ่งที่ตนเองรู้ หรือสิ่งที่ตนเองสนใจ เพื่อ (3) สร้างบล็อกทำเป็นเว็บไซต์เพื่อใช้ในการโปรโมตธุรกิจ ร้านค้า บริการต่าง ๆ (4) ใช้บล็อกในการทำธุรกิจขายสินค้าออนไลน์ (E-Commerce) (5) นอกจากนี้ บล็อกยังเป็นช่องทางหนึ่งที่นิยมใช้เพื่อหารายได้จาก Internet Marketing

ภาพที่ 8.17 ลักษณะของบล็อกที่ทำเป็นเว็บไชต์ส่วนตัว (ที่มา : www.oknation.net) ส่วนประกอบต่าง ๆ ในการออกแบบบล็อกสามารถแยกออกเป็น 9 ส่วน ดังนี้ (1) ส่วนหัว (Header) (2) ส่วนเนื้อหา (Content Area) (3) เมนูหลัก (Primary Navigation) (4) เมนูรอง (Secondary Navigation) (5) หัวเรื่อง (Headlines) (6) ส่วนแสดงความคิดเห็น (Comments) (7) ส่วนท้ายของบทความ (Post's Footer) (8) ส่วนท้ายของบล็อก (Footer)

(9) โฆษณา (Advertisements) ภาพที่ 8.18 รูปของบล็อก ที่มีการจัดวาง Template ได้สวยงาม (ที่มา : http://bluster-soratemplate.blogspot.com/) การทำบล็อกถือเป็นวิธีการหนึ่งที่ง่ายและประหยัดคำใช้จ่ายอีกวิธีหนึ่งในการนำเสนอหรือโปรโมต สินค้าและบริการต่าง ๆ ซึ่งปัจจุบันวงการบล็อกได้รับการพัฒนาขึ้นมาก ทั้งลูกเล่นและฟังก์ชันการออกแบบ ดีไซน์ มีรูปแบบเทมเพลตสวย ๆ ให้เลือกใช้มากมาย ครอบคลุมในสิ่งจำเป็นหลัก ๆ ได้ทั้งหมด และหากมีความรู้ในเรื่องของ ภาษา HTML และ CSS ด้วยแล้ว จะทำให้การสร้างบล็อกอยู่ในระดับคุณภาพดี ขึ้นมาก อาจจะเทียบได้กับการสร้างเว็บไซต์แบบปกติ หรือเว็บไซต์สำเร็จรูปที่ดีได้เลยทีเดียว 4. อี-นิวส์เลตเตอร์ (E-newsletter) คือ จดหมายข่าวสารที่อยู่ในรูปของการส่งแบบเป็นสื่อที่ได้รับ ความประสบความสำจอย่างกว้างขวางสำหรับผู้ผลิต ผู้เผยแพร่ และผู้อ่าน ผู้เผยแพร่สามารถติดตามอัตราการ เปิดอีเมลที่ส่งต่อและการคลิก ดังนั้น จึงสามารถวัดความสนใจของผู้อ่านในข่าวนั้น ๆ นอกเหนือจากการส่ง แล้ว เรายังสามารถจัดการกับรายชื่อผู้รับได้ โดยเพิ่มรายชื่อหรือคัดลอกตามาสามารถรู้ได้ว่าอีเมลข่าวที่ส่งไป ฉบับใดบ้างที่ไปไม่ถึงผู้รับ โดยตรวจสอบจากฉบับที่ตอทั้งนี้การเลือกส่งข้อความไปยังกลุ่มผู้อ่านที่แตกต่างกันก็ สามารถทำได้ หรือแม้แต่การเก็บรวบรวมและวิเคราะห์พฤติกรรมหรือความชอบของผู้อ่านจากข้อมูลที่ผู้อ่าน ตอบรับมา ก็สามารถทำได้เช่นกัน

ภาพที่ 8.19 ลักษณะของ E-newsletter (ที่มา : http://siamdm04.blogspot.com/201 1/08/enewsletter.html,http://www.onetoonecontacts.com/news/views/322) การออกแบบ E-newsletter การออกแบบ E-newsletter เป็นอีกปัจจัยหนึ่งที่ส่งผลโดยตรงต่อผู้รับอีเมล ซึ่งเป็นอีกหนึ่งจุดที่ไม่ ควรมองข้าม โดยมีจุดที่ผู้สร้าง E-newsletter ควรให้ความสนใจเป็นพิเศษ ดังนี้ (1.) เลย์เอาท์ (Layout) ของอีเมล ควรเป็นไปในลักษณะที่ไม่ซับซ้อน เพื่อง่ายต่อความเข้าใจเพราะ โดยปกติของผู้ใช้อีเมลจะทำการกวาดตาไปทั่ว ๆ อีเมลมากกว่าการนั่งอ่าน ดังนั้น เราจึงควรสร้างอีเมลที่มี รูปแบบเรียบ ๆ เพื่อง่ายต่อการดูของผู้รับ (2.) พาดหัว (Header) ให้โดดเด่นน่าสนใจ อ่านแล้วชวนให้อ่านเนื้อหาต่อ ใช้ถ้อยคำที่กระชับ (3) เนื้อหา (Content ที่พอเหมาะ พอเข้าใจหรืออาจจะเป็นถ้อยคำที่มักใช้ในวงการโฆษณาเป็น ประโยคที่เข้าใจง่ายในกลุ่มคนทั่วไป โดยอาจจะเป็นการเชิญชวนให้คลิกเพื่ออ่านรายละเอียดเพิ่มเติมเพราะ

เนื้อหาที่มากไปจะทำให้ลดความน่าสนใจของอีเมลฉบับนั้น ๆ หรือหากเป็นเนื้อหาที่จำเป็นต้องยาวจริง ๆอาจ แก้ไขโดยการใช้กราฟิกเข้าช่วย แบ่งข้อความ วรรคตอน ใช้ตัวหนา หรือ Bulleted เป็นต้น ทั้งนี้ เพื่อให้เกิด ความน่าสนใจมากขึ้น (4) การใช้สี (Color) โทนสีของอีเมลนั้น ควรหลีกเลี่ยงการใช้สีสันที่มากจนเกินไป เลือกใช้โทนสีที่เข้า กันได้ หรือจับคู่สีนั้นเพียงหนึ่งถึงสองสีก็จะสร้างความโดดเด่นให้กับอีมลได้มาก การเลือกใช้โทนสีนั้นสามารถ ช่วยสื่อถึงภาพลักษณ์ หรือลักษณะของ Product ชิ้นนั้น ๆ ได้อย่างน่าสนใจ สรุป การออกแบบสื่อดิจิทัล คือการนำองค์ประกอบขอสี่อดิจิทัลชนิดต่าง ๆ มาผสมผสานเข้าด้วยกันซึ่ง ประกอบด้วย ตัวอักษร (Text) ภาพนิ่ง (Still Image) ภาพเคลื่อนไหว (Animation) เสียง (Sound) และวิดีโอ (Video โดยผ่านกระบวนการทางระบบคอมพิวเตอร์เพื่อสื่อความหมายกับผู้ใช้อย่างมีปฏิสัมพันธ์(Interactive Multimedia) และได้บรรลุผลตรงตามวัตถุประสงค์การใช้งาน 1. ผลงานการออกแบบสิ่งพิมพ์ด้วยสื่อดิจิทัล เช่น หนังสือ (Book) นิตยสาร (Magazine) วารสาร (Periodical) ป้านโฆษณา (Poster) แผ่นพับ (Folders) แผ่นปลิว (Leaflets) บัตรเชิญ (Cards) งานกราฟิก บนบรรจุภัณฑ์บรรจุภัณฑ์ (Packaging) เป็นต้น 2. ผลงานการออกแบบเพื่อนำไปใช้สื่อดิจิทัลโดยตรง เช่น Home Page, Web Page, Banner, Blog,E-Newsletter เป็นต้น กิจกรรมหน่วยที่ 8

การออกแบบสื่อดิจิทัล คำสั่ง ให้นักเรียนออกแบบโฮมเพจของสถานศึกษาของนักเรียนเอง วัสดุอุปกรณ์ 1. เครื่องคอมพิวเตอร์ พร้อมจอมอนิเตอร์ และเมาส์ 2. กล้องดิจิทัล หรือ โทรศัพท์มือถือ 3. กระดาษโฟโต้ วิธีปฏิบัติงาน 1. ให้นักเรียนจัดวางออกแบบ โฮมเพจ ของสถานศึกษาซองนักเรียนเอง 2. ใช้โปรแกรม Photoshop และ Illustrator 3. ในหน้าโฮมเพจของเว็บไซต์ ประกอบด้วย 3.1 โลโก้ (logo) 3.2 เมนูหลัก (link menu) 3.3 โฆษณา (Banner) 3.4 ภาพประกอบและเนื้อหา (content) 3.5 ใช้สีให้เหมาะสมกับหน้าโฮมเพจ 4. เมื่องานเสร็จสมบูรณ์พิมพ์เป็นภาพสีส่งครูผู้สอน

แบบฝึกหัดหน่วยที่ การออกแบบสื่อดิจิทัล คำสั่งจงตอบคำถามต่อไปนี้ให้ได้ใจความสมบูรณ์ 1. สื่อดิจิทัล หมายถึง ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 2. การออกแบบกราฟิกสิ่งพิมพ์ด้วยสื่อดิจิทัล มีลักษณะอย่างไร ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 3. แผ่นป้ายโฆษณา มีลักษณะอย่างไร ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 4. จงบอกวิธีการออกแบบแผ่นพับ ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 5. แผ่นปลิว มีลักษณะอย่างไร ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 8

6. จงบอกลักษณะของบัตรเชิญที่ดี ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 7. เว็บไซต์ หมายถึง ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 8. จงบอกส่วนประกอบของหน้าโฮมเพจของเว็บไซต์ ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 9. แบนเนอร์ที่ดีมีลักษณะอย่างไร ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… 10. จงบอกประโยชน์ของบล็อก ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………

แบบทดสอบหลังเรียนหน่วยที่ การออกแบบสื่อดิจิทัล คำสั่ง จงเลือกคำตอบที่ถูกต้องเพียงข้อเดียว 1. การออกแบบสื่อดิจิทัล หมายถึง ก. การสร้างสรรค์ผลงานในเชิงศิลปะ โดยใช้สื่อระบบดิจิทัลในการออกแบบ ข. การสร้างสรรค์ผลงานในเชิงจิตรกรรม โดยใช้สื่อระบบดิจิทัลในการออกแบบ ค. การสร้างสรรค์ผลงานในเชิงหัตถกรรม โดยใช้สื่อระบบดิจิทัลในการออกแบบ ง. การสร้างสรรค์ผลงานในเชิงนิเทศศิลป์ โดยใช้สื่อระบบดิจิทัลในการออกแบบ 2. การออกแบบสื่อชนิดใดที่สามารถเข้าถึงกลุ่มเป้าหมายได้ทุกพื้นที่ ก. แผ่นพับ ข. แผ่นป้ายโฆษณา ค. แผ่นปลิว ง. บัตรเชิญ 3. การออกแบบสื่อชนิดใดที่บริษัทผู้ผลิตสินค้าจะส่งตรงถึงผู้บริโภคทั้งวิธีทางไปรษณีย์ ก. แผ่นพับ ข. แผ่นป้ายโฆษณา ค. บัตรเชิญ ง. แผ่นปลิว 4. การออกแบบสื่อชนิดใดที่สามารถผลิตขึ้นได้ครั้งละจำนวนมาก ก. แผ่นพับ ข. แผ่นป้ายโฆษณา 8

ค. แผ่นปลิว ง. บัตรเชิญ 5. ลักษณะของงานกราฟิกบนบรรจุภัณฑ์ประเภทใดที่บอกรายละเอียดของตัวสินค้าที่ถูกบรรจุอยู่ภายใน ก. บรรจุภัณฑ์สำหรับการค้าปลีก ข. บรรจุภัณฑ์เพื่อการค้าส่ง ค. บรรจุภัณฑ์เพื่อการขนส่ง ง. ถูกทุกข้อ 6. หน้าแรกหรือหน้าหลักที่เราจะเปิดเข้ามาเจอ โดยหน้าเว็บนี้จะต้องออกแบบให้ผู้ชมรับรู้ภาพทั้งหมดของ เนื้อหาภายในว่าเกี่ยวกับอะไร หมายถึงข้อใด ก. โฮมเพจ ข. เว็บไซต์ ค. เว็บเพจ ง. แบนเนอร์ 7. หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่าน คอมพิวเตอร์ ก. โฮมเพจ ข. เว็บไซต์ ค. เว็บเพจ ง. แบนเนอร์ 8. รูปแบบหนึ่งของการโฆษณาบนเวิลด์ไวด์เว็บ เป็นการวางภาพโฆษณาลงไปบนหน้าเว็บแล้วทำไฮเปอร์ลิงก์ กลับไปยังเว็บที่โฆษณา ก. โฮมเพจ ข. เว็บไซค์ ค. เว็บเพจ ง. แบนเนอร์ 9. เว็บไซต์รูปแบบหนึ่ง ที่มีลักษณะรูปร่างหน้าตาคล้าย ๆ กับการเขียนไดอารี่ หรือบันทึกส่วนตัว ก. โฮมเพจ ข. บล็อก ค. เว็บเพจ ง. แบนเนอร์ 10. จดหมายข่าวสารที่อยู่ในรูปของการส่งแบบออนไลน์ เป็นสื่อที่ได้รับความนิยมและประสบความสำเร็จ อย่างกว้างขวางสำหรับผู้ผลิต ผู้เผยแพร่ และผู้อ่าน ก. โฮมเพจ ข. บล็อก ค. E-newsletter ง. แบนเนอร์

บรรณานุกรม กษิรา ศิริวัฒนากุล และ วราคณา ธนสิริตระกูล. (2551). Commuter Arts & Graphic Design. พิมพ์ครั้งที่ 3. กรุงเทพฯ : ส. เจริญการพิมพ์. จรุงยศ อรัณยะนาค. (2560). การออกแบบเว็บไซต์ : Website Design. กรุงเทพฯ : จุฬาลงกรณ์ มหาวิทยาลัย. จิระพัฒน์ พิตรปรีชา. (2552). โลกศิลปะศตวรรษที่ 20. กรุงเทพฯ : เมืองโบราณ .ฉัตรชัย อรรถปักษ์. (2548). องค์ประกอบศิลปะ. กรุงเทพฯ : วิทยพัฒน์. ดวงพร เกี๋ยงคำ. (2560). คู่มือออกแบบและสร้างเว็บไซต์ ฉบับสมบรูณ์. กรุงเทพฯ: ไอดีซี พรีเมียร์. ทิพย์สุดา ปทุมานนท์. (2536). Composition & Space. กรุงเทพฯ : 49 กราฟิก & พับบลิเคชั่นส์. เทียนชัย ตั้งพรประเสริฐ. (2549). องค์ประกอบศิลป์ 1. กรุงเทพฯ : สามลดา. ธารทิพย์ เสรินทวัฒน์. (2550). ทัศนศิลป์ : การออกแบบพาณิชยศิลป์. กรุงเทพฯ : หลักไทช่างพิมพ์.

นิคอเละ ระเด่นอาหมัด. (2543). ทฤษฎีจิตรกรรม. กรุงเทพฯ : โอเดียนสโตร์. นิวิต หะนนท์. (2530). แสงเงาเนื้อหาและการสร้างสรรค์. กรุงเทพฯ : โอเดียนสโตร์. ปิยะบุตร สุทธิดารา และ อนัน วาโซะ. (2553). Graphic Design Artwork Photoshop+Illustrtor. กรุงเทพฯ : ไอดีซี พรีเมียร์. ภัททิยะ เหลืองวิลาศ. (2552). ออกแบบและสร้างงานกราฟิกด้วย Illustrator CS4. ม.ป.ท. มเยอร์ ราล์ฟ. (2540). พจนานุกรมศัพท์และเทคนิคทางศิลปะ A Dictionary of Art Terms and Techniques. มะลิฉัตร เอื้ออานันท์ ผู้แปล. กรุงเทพฯ : กระทรวงศึกษาธิการ. วรพงศ์ วรชาติอุดมพงศ์. (2538). ออกแบบกราฟิก. พิมพ์ครั้งที่ 2. กรุงเทพฯ : บูรพาสาส์น. วสันต์ พึ่งพูนผล. (2560). Illustrator CC 2017 Professional Guide. กรุงเทพฯ : ไอดีชี พรีเมียร์. วิรุณ ตั้งเจริญ. (2523). ทฤษฎีสีเพื่อการสร้างสรรค์ศิลปะ. กรุงเทพฯ : โอเดียนสโตร์. ..............(2532). ศิลปทรรศน์. กรุงเทพฯ : ต้นอ้อ. ศักดิ์ชัย เกียรตินาคินทร์. (2553). @ design หลักการออกแบบศิลปะ. กรุงเทพฯ : ไว้ลาย. สงวน รอดบุญ. (2518). ศิลปะกับมนุษย์. กรุงเทพฯ : การศาสนา. ..............(2522). ลัทธิและสกุลช่างศิลปะตะวันตก. กรุงเทพฯ : ศาสนา. สมชาย พรหมสุวรรณ. (2548). หลักการทัศนศิลป์. กรุงเทพฯ : จุฬาลงกรณ์มหาวิทยาลัย. สมภพ จงจิตต์โพธา. (2554), องค์ประกอบศิลป์. กรุงเทพฯ : วาดศิลป์. สุชาติ เถาทอง. (2536). หลักการทัศนศิลป์. กรุงเทพฯ: นำอักษร. อารี สุทธิพันธุ์. (2526). ศิลปนิยม. กรุงเทพฯ : กระดาษสา ..............(2532). ทัศนศิลป์และความงาม. กรุงเทพฯ : ต้นอ้อ ..............(2541 ). เอกสารประกอบการสอนปฏิบัติการทัศนศิลป์ 3. ม.ป.ท. (อัดสำเนา) ..............(2541, มกราคม-มิถุนายน). "นิทรรศการทัศนศิลป์ : ศิลปะสมัยใหม่" วารสารศิลปกรรมศาสตร์. 6(1): หน้า 10. อำนาจ เย็นสบาย. (2544). ศิลปะ:อนาคต. กรุงเทพฯ : สันติศิริการพิมพ์.