101

ค่มู ือการออกแบบเบอ้ื งตน้ de-sign construction อเสกข์ เพ็ชรเฟอ่ื ง กลุ่มภารกจิ เทคโนโลยที างการศกึ ษา สำ�นกั หอสมดุ มหาวิทยาลยั แม่โจ้

คำ�นำ� สรรพสงิ่ ตา ง ๆ ในโลกนห้ี ากพจิ ารณาจะเหน็ วา มรี ปู รา่ ง รปู ทรงทแ่ี ตกตา งกนั ออกไปทงั้ นเ้ี พราะ ส่ิงเหลาน้ีประกอบดวยสวนประกอบภายในท่ีแตกตางกัน เชน ตนไม้ ประกอบไปดวยราก ลําต้น ก่ิง ใบ และดอก หากมองลึกไปก็จะพบวาดอกนนั้ มีสวนประกอบยอ ยลงไปอกี เปรยี บ เสมอื นกบั การออกแบบท่ีประกอบดว ยโครงสรางและองคป ระกอบทสี่ ําคัญ 2 สว น คือสว น ประกอบทางศลิ ปะของการออกแบบและหลักการจัดวางสวนประกอบในการออกแบบ ดงั นน้ั ไมวาจะเป็นงานออกแบบลักษณะใดก็ตามลว นตองอาศัยสวนประกอบของงานศิลปะอันไดแ ก เสน รูปรา่ ง รูปทรง ลกั ษณะผวิ สี เปนตน เพ่ือนํามาประกอบกันเปนผลงานท่ีมีความสวยงามเหมาะสมตามวัตถุประสงค จนทําให้เกิด เปนผลงานท่ีมีรูปแบบที่ดีและใชหลักการออกแบบท่ีมีประสิทธิภาพ เมื่อเปนเชนนี้การที่ จะเปนผูออกแบบและผลิตสื่อท่ีดีควรจะได้รูจักและมีความรูความเขาใจในองคประกอบมูลฐาน ของการออกแบบเพ่ือจะไดใชองค์ประกอบเหลาน้ีไดอยางถูกตองบรรลุจุดมุ่งหมายและ เกิดความสวยงาม2

4 สารบาญั 8 องคป์ ระกอบศิลป์ 10 การออกแบบหมายถงึ อะไร 12 หลกั การออกแบบ 16 สี 18 20 สญั ญศาสตร์ 22 24 ควรทำ� และ ไม่ควรทำ� 26 34 วธิ อี อกแบบให้คนดเู ขา้ ใจงา่ ย40 วิธีออกแบบใหค้ นจำ�ได้ การออกแบบด้วย PowerPoint Grid System ฟอนต์ บรรณานกุ รม 3

องคป์ ระกอศิลป์องค์ประกอบของศิลปะ เป็นองค์ประกอบท่ี รปู แบบการจัดองคป์ ระกอบทางศลิ ปะ เพอ่ื สรา้ งสรรคง์ านศลิ ปะใหเ้ กดิ ความสวยงามถกู กำ�หนดขนึ้ โดยธรรมชาติ เปน็ องคป์ ระกอบ การจดั องคป์ ระกอบ เปน็ หลกั ทสี่ ำ�คญั สำ�หรบั ดึงดดู ผ้ชู ม หรอื หน้าสนใจงานนน้ั ๆมลู ฐานของความงามในการออกแบบ จำ�เปน็ ผสู้ ร้างสรรคแ์ ละผูศ้ ึกษางานศลิ ปะ เนอ่ื งจากต้องเข้าใจคุณค่าพื้นฐานที่สำ�คัญของความ ผลงานศิลปะใดๆ ก็ตาม ลว้ นมีจดุ เดน่ ทเี่ นน้งาม สามารถนำ�ไปใชใ้ หเ้ กิดความกลมกลืน เป็นหลักใหญ่ๆ อยูใ่ นตวั ดวั ยกนั 2 ประการ คอืการนำ�ส่ิงต่างๆ มาประยุกต์ใช้ ดัดแปลง ทางด้านรูปทรง เกิดจากการนำ�เอาองค์ ส่วนประกอบต่างๆ ของศิลปะนำ�มาจัดประสานสัมพันธ์กันสร้างสรรค์ จดั รวมเขา้ ดว้ ยกัน ตามสัดส่วน ประกอบตา่ งๆ ของศลิ ปะ ได้แก่ เสน้ , สี, แสง ทำ�ให้เกิดคุณคา่ ทางความงาม เราเรยี กว่ารูปร่าง รูปทรงตรงตามคุณสมบัติของส่ิง และเงา รปู รา่ ง รปู ทรง พนื้ ผิว ฯลฯ มาจัดน้ันๆ เพื่อให้เกิดผลงานท่ีมีความเหมาะสม เขา้ ดว้ ยกัน เพือ่ ใหเ้ กดิ ความงามทางศิลป์ “องค์ประกอบศิลป์ (Composition)”ส่วนจะเกิดความงดงามน่าสนใจหรือไม่นั้น (Art Composition)ย่อมขึ้นอยู่กับการนำ�เสนอภาพรวมของงานว่ามีการส่ือถึงเรื่องราว วัตถุประสงค์ ใน ทางด้านเรื่องราว หรือสาระของผลงานที่งานการออกแบบของเรา โดยคำ�นงึ ถงึ ปจั จัย ศลิ ปนิ ผสู้ รา้ งสรรคต์ อ้ งการทจ่ี ะแสดงออก ให้ในเรอื่ งของ สดั สว่ นของภาพ (Proportion) ผู้ชมได้สัมผัส รับรู้ โดยอาศัยรูปลักษณะที่ความสมดลุ ของภาพ (Balance) จงั หวะลลี า เกดิ จากการจดั องคป์ ระกอบศิลป์นั่นเองหรอืของภาพ (Rhythm) อาจกล่าวได้ว่า ศิลปินจะนำ�เสนอเน้ือหาเรื่องการเน้นหรือจุดเด่นของภาพ (Emphasis) ราวผ่านรูปลักษณะที่เกิดจากการรวมองค์เอกภาพ (Unity) ความขดั แยง้ (Contrast) ประกอบทางศิลปะเข้าด้วยกัน ถ้าองค์ความกลมกลืน (Harmony) สง่ิ ต่างๆ ที่เรา ประกอบทจี่ ดั ขนึ้ ไมส่ มั พนั ธก์ บั เนอื้ หาเรอื่ งราวควรนำ�มาใช้ประกอบเข้าด้วยกัน คือ จุด ทนี่ ำ�เสนอ งานศิลปะนั้นๆ ก็จะขาดความงาม(point) เส้น (line) สี (colour) รูปร่างรูป ของเรอื่ งราวทจ่ี ะเสนอถงึ เรอื่ งทต่ี อ้ งการใหผ้ ู้ทรง (shape and form) ลักษณะผิว อื่นรับรู้ได้ตรงกับหัวข้อเร่ืองหรือช่ือภาพนั้น(texture) ลวดลาย (pattern) และชอ่ งว่าง ไป ดังน้ัน การจัดองค์ประกอบศิลป์ จึงให้(space) (1) ความสำ�คัญในการคิด ประยุกต์ ดัดแปลง4

1. จดุ (point) ถอื ว่าเปน็ ส่วนประกอบทเ่ี ล็ก 2. เสน้ (line) เสน้ ในทางเรขาคณติ หรอื ใน สบาย และความเปน็ อสิ ระ การเคลอ่ื นท่ี จะเหน็ ทสี่ ุด ทีจ่ ะเร่ิมตน้ ไปสสู่ ่วนอ่ืน ๆ จึงเป็นจดุ ที่ ทาง การเขยี นแบบน้ัน หมายถึง จุดทเ่ี รยี ง ได้ว่า ในการออกแบบสวน จะใช้เส้นโคง้ มาก มีมวล (mass) และมีปริมาตร ไดด้ ว้ ย จะมี ต่อ ๆ กันส่วนใหญ่ใช้เคร่ืองมือเขียนแบบ เช่น เส้นทไ่ี หลคดเคี้ยว ของสนามหญ้า ทาง ขนาดเลก็ หรอื ใหญ่ กไ็ ด้ การใชจ้ ดุ กเ็ พอ่ื บอก กำ � ห น ด ข น า ด แ ล ะ ทิ ศ ท า ง แ ต่ เ ส้ น ใ น ก า ร เดินเทา้ ถนน สระน้ำ� ถงึ ความตอ่ เนอื่ ง เชอื่ มโยง การเนน้ นำ�สายตา ออกแบบจะมอี ิสระทงั้ ขนาด ทิศทาง ระยะ มี – เสน้ ทะแยง เสน้ ขวาง เสน้ ซกิ แซก เส้นเหล่า หรือจะใช้เน้น ให้เกิดความเด่น ขององค์ สภาพเปน็ ตัวแบ่ง พ้นื ท่ี หรอื กำ�หนดบรเิ วณ นี้ให้ความรู้สึกเคล่ือนไหว รวดเร็ว ตื่นเต้น ประกอบอ่นื ๆ ก็ได้ จุดจะกำ�หนดตำ�แหนง่ ใน ว่าง (space) และสร้างรูปทรง ขององค์ แข็งกร้าว อิทธิพลของเส้นลักษณะน้ี คือ ที่ว่าง โดยความรู้สึกของเราแล้ว จุดไม่มี ประกอบ ต่าง ๆ เส้นในการออกแบบจะให้ ความมีแบบแผน น่าเกรงขาม ความยาว ความกว้าง และความลึก ฉะน้นั จดุ ความรูส้ กึ ตอ่ การมองดว้ ย เช่น ใหค้ วามรู้สกึ อารมณ์ของเส้น ให้ความรู้สึกท่ีแตกต่างกัน จงึ อยนู่ ิง่ ไมม่ ีการเคลอ่ื นไหว (static) ไมม่ ี เคลอ่ื นไหว ความตอ่ เนอื่ งสมั พนั ธ์ และการนำ� และทำ�ใหก้ ารออกแบบออกมาในลกั ษณะทสี่ อื่ ทิศทาง และเป็นศนู ย์รวม ( centralized) สายตา ลกั ษณะของเส้นในการ ออกแบบ มี ถงึ เร่ืองราวท่ีชัดเจน และตรงไปตรงมา ลักษณะตา่ ง ๆ เช่นจดุ ตงั้ แตส่ องจุดขน้ึ ไปเมอ่ื นำ�มา เรยี งต่อกัน – เสน้ ตั้งตรง ให้ความรูส้ ึกมน่ั คง แข็งแกร่งไปในทิศทางใด ทศิ ทางหนึ่ง จะก่อใหเ้ กดิ รูป แน่นอน ตรง สงา่ แสดงถงึ ความสูง เสน้ ตัง้ร่าง ทศิ ทาง เกิดการนำ�สายตาและถา้ จดุ นัน้ มี ทป่ี ระกฏในสวน เชน่ ตน้ ไม้ เสาโคมไฟ กำ�แพงขนาดที่ แตกตา่ งและจดั วางในระยะ ทแ่ี ตกตา่ ง ร้วักันจะก่อ ให้เกิดน้ำ�หนกั ออ่ น-แก่ มมี ติ ิ (2) – เส้นนอนหรือเส้นระดับ ให้ความรู้สึกราบ เรยี บ สงบ พกั ผอ่ น เชน่ เส้นท่ีขอบฟ้า ไกล ตัดกับทะเลยามเย็น ในทางการจัดสวนเส้น นอนจะสรา้ งพ้นื ทใ่ี นทางราบ เชน่ สนามหญ้า ผิวน้ำ� ทางเดิน เส้นท่ีเกิดจากการตัดแต่ง ต้นไม้ เช่น แนวของเข็มญ่ีป่นุ แสยก อิทธิพล ของเส้นนอนในสวนจะช่วยลด ความสูงโดด ของเส้นตง้ั ถือเป็นมติ ิ ลวงตา – เส้นโค้ง ให้ความรู้สึกนุ่มนวล อ่อนไหว 5

3. รปู รา่ งและรปู ทรง (form and shape) 4. มวลและปรมิ าตร (mass and volume) 6. ลวดลาย (pattern) เมอื่ เรามองเหน็ ต้นไม้ เส้นรอบนอกของทรง มวล หมายถงึ เน้ือทง้ั หมดของสาร ถา้ เป็น ลวดลายในการจดั สวน เปฯ็ การจดั ตกแตง่ พน้ื พมุ่ ทมี่ ลี กั ษณะ คดโคง้ หรอื เสน้ ตงั้ ของลำ�ตน้ พมุ่ ไม้ กค็ อื พนื้ ทภ่ี ายในทรงพมุ่ ทง้ั หมด มวล ผิว (surface) ดว้ ยลักษณะตา่ ง ๆ ใหเ้ ห็น ซงึ่ เปน็ เสน้ รอบรูปท่ตี ัดกบั บริเวณวา่ ง สิง่ นน้ั ของหิน คือ เน้ือทแ่ี ข็งแกร่งของหนิ เป็นลวดลายขึ้น อาจจะจัดโดยใช้ลักษณะซ้ำ� คอื รปู รา่ ง (form) มี ๒ มิติ (กวา้ งกับยาว) ปริมาตร (volume) คือ พื้นทก่ี นิ ระวางใน ๆ กันของ จดุ เสน้ สี หรือรปู รา่ งบนพนื้ ผวิ ส่วนเนื้อที่ภายในของทรงพุ่มหรือทรง อากาศหรือบริเวณว่าง (space) ของวัตถุ เพื่อปรุงแตง่ พน้ื ผวิ ใหส้ วยงาม ผวิ พน้ื ในสวน กระบอก ของลำ�ตน้ นน้ั เปน็ รปู ทรง (shape) ต่าง ๆ กำ�หนดเป็นรูปทรงท่ีแสดงเปน็ ๓ มติ ิ ท่สี ามารถกำ�หนด ลวดลายลงไปได้ เช่น มี ๓ มิติ ใหค้ วามรู้สึกเปน็ กลมุ่ ก้อน มีน้ำ�หนกั การกำ�หนดมวลและปริมาตร มักจะถูกเรียก – พื้นผวิ ทีใ่ ห้ความรสู้ กึ ออ่ นนุม่ (sorf sur- มเี นือ้ ที่ภายใน (กวา้ ง ยาว และลกึ ) กลืนไปกับ เรื่องของเน้ือที่และปริมาณ เช่น face) ไดแ้ ก่ สนามหญา้ พนื้ ทโ่ี รยกรวด ทราย – รปู รา่ ง รูปทรงธรรมชาติ เปน็ รปู รา่ งทเี่ กดิ ใชพ้ ันธุ์ไม้ในปริมาณทีม่ าก ๆ มาปลกู รวมกัน – ผวิ พืน้ ทใี่ หค้ วามรู้สึกกระด้าง (hard sur- ข้ึนตามธรรมชาติ เพื่อสร้างเน้ือท่ี ดังน้ันในการจัดวางองค์ face) ได้แก่ พน้ื ซิเมนต์ พน้ื ศิลาแลง พ้นื อิฐ – รูปร่าง รูปทรงเรขาคณิต เป็นรูปร่างท่ี ประกอบตา่ ง ๆ ลงในพืน้ ท่ี จึงต้องคำ�นึงถงึ หรือพน้ื หนิ ขัด ประกอบดว้ ยเสน้ ตรงและเสน้ โคง้ เชน่ รปู ครง่ึ ปรมิ าณของวัตถุและการใชเ้ นือ้ ท่ี – พนื้ ผวิ ทใี่ หค้ วามรเู ส้ กึ คอ่ นขา้ งแขง็ (Semi- วงกลม รูปวงกลม รูปสามเหลย่ี ม hard surface) ไดแ้ ก่ พนื้ ซเิ มนตส์ ลบั ปหู ญา้ รูปส่เี หล่ียม รปู หา้ เหล่ียม เป็นต้น 5. ผวิ สมั ผสั (texture) – รปู ร่าง รูปทรงอสิ ระ เปน็ รปู ร่าง รูปทรง หมายถึง ลักษณะพ้ืนผิวหน้าของวัตถุ เมื่อ 7. ช่องวา่ ง (space) ตา่ ง ๆ ทน่ี อกเหนอื จากรปู รา่ ง ธรรมชาติ และ สัมผัสจับต้อง หรือมองเห็นแล้วรู้สึกได้ว่า ชอ่ งวา่ ง หรอื พนื้ ทวี่ า่ ง หมายถงึ บรเิ วณวา่ ง รปู รา่ งเรขาคณิต หยาบ ละเอยี ด เป็นมัน ขรุขระ เป็นเส้น เป็น โดยรอบวัตถุ (Object) เรยี กว่า พ้นื ที่วา่ ง จุด เป็นกำ�มะหย่ี หรือพื้นผิวสัมผัสเรียบ ทางลบ (Negative Space) และบรเิ วณวา่ ง สมำ่�เสมอ จะให้ลักษณะผิวสัมผัสละเอียด ท่ีตัวของวัตถุเรียกว่า พื้นที่ว่างทางบวก (Fine texture) ความรู้สึก ต่อ ลักษณะผวิ (Positive Space) ในการออกแบบงาน – ลกั ษณะผวิ ทเี่ รยี บ จะใหค้ วามรสู้ กึ ลนื่ คลอ่ ง ต่างๆ จะต้องคำ�นึงถึงช่วงระยะ ให้มีความ ตัว รวดเรว็ สมั พนั ธ์กัน ช่องวา่ งหรือพนื้ ทวี่ า่ ง ยังสร้าง – สว่ นลกั ษณะผวิ ทขี่ รขุ ระ หยาบ หรอื เนน้ เสน้ อารมณค์ วามรสู้ ึกในงานได้อย่างดี เชน่ การ สูงตำ่ � จะใหค้ วามรู้สึก ม่ันคง แข็งแรง ใช้พ้ืนที่ว่างทางลบ เพื่อแบ่งสัดส่วนของ เนอ้ื หา และรปู ภาพ ใหเ้ กดิ ความชดั เจน เปน็ ตน้6

7

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

คำ�วา่ “ออกแบบ” นนั้ ถูกใหค้ ำ�นิยาม หรือคำ�จำ�กดั ความ ไวห้ ลายรูปแบบมากมาย ตามความเข้าใจ การตีความหมาย และการส่ือสารออกมาด้วยตัวอักษรของแต่ละคน ตัวอย่างความ “ดังน้ันนกั ออกแบบหมายของการออกแบบ เช่น- การออกแบบท่ีหมายถึง การรู้จักวางแผนจดั ตงั้ ขนั้ ตอน และรู้จกั เลอื กใช้วสั ดุวธิ กี ารเพื่อทำ�ตามที่ต้องการนั้น โดยให้สอดคล้องกับลักษณะรูปแบบ และคุณสมบัติของวัสดุแต่ละชนิด ( Designer ) คอื ผทู้ พี่ ยายามตามความคิดสรา้ งสรรค์ และการสรา้ งสรรคส์ ง่ิ ใหมข่ ้ึนมา เชน่ การจะทำ�โตะ๊ ข้นึ มาซกั หน่งึ ตัว ค้นหา และสร้างสรรค์ส่ิงใหม่เราจะตอ้ งวางแผนไวเ้ ปน็ ขน้ั ตอน โดยตอ้ งเรมิ่ ตน้ จากการเลอื กวสั ดทุ จี่ ะใชใ้ นการทำ�โตะ๊ นน้ั วา่ หาวิธีแก้ไข หรือหาคำ�ตอบจะใชว้ สั ดอุ ะไรทเี่ หมาะสม ในการยึดต่อระหว่างจุดตา่ งๆน้นั ควรใช้ กาว ตะปู สกรู หรือใช้ข้อ ใหม่ๆสำ�หรับปญั หาตา่ งๆต่อแบบใด รู้ถึงวัตถุประสงค์ของการนำ�ไปใช้งาน ความแข็งแรงและการรองรับนำ้ �หนักของโต๊ะสามารถรองรบั ได้มากน้อยเพยี งใด สสี ันควรใช้สอี ะไรจงึ จะสวยงาม เป็นต้น “- การออกแบบทหี่ มายถงึ การปรบั ปรุงแบบ ผลงานหรือสง่ิ ตา่ งๆ ทมี่ ีอย่แู ล้วให้เหมาะสม และดูมคี วามแปลกใหมข่ ้ึน เชน่ โตะ๊ ทเ่ี ราทำ�ขึน้ มาใช้ เมอ่ื ใชไ้ ปนานๆกเ็ กิดความเบ่ือหนา่ ยในรปู ทรงหรอื สี เรากจ็ ดั การปรบั ปรงุ ใหเ้ ปน็ รปู แบบใหมใ่ หส้ วยกวา่ เดมิ ทงั้ ความเหมาะสม ความสะดวกสบายในการใช้งานยังคงเหมอื นเดมิ หรือดกี ว่าเดิม เปน็ ต้น 1. ความสวยงาม เป็นส่งิ แรกทเ่ี ราไดส้ ัมผัสกอ่ น คนเราแตล่ ะคนต่างมคี วามรับรู้เรือ่ ง ความ สวยงาม กับความพอใจ ในท้ัง 2 เรอื่ งนี้ไมเ่ ทา่ กนั จึงเป็นสง่ิ ทถี่ กเถียงกนั อยา่ งมาก และไมม่ ี- การออกแบบทีห่ มายถงึ การรวบรวมหรือการจดั องค์ประกอบทงั้ ทเี่ ปน็ 2 มิติ และ 3 มิติ เกณฑ์ ในการตดั สนิ ใดๆ เปน็ ตวั ทก่ี ำ�หนดอยา่ งชดั เจน ดงั นน้ั งานทเ่ี ราไดม้ กี ารจดั องคป์ ระกอบเข้าด้วยกันอย่างมีหลักเกณฑ์ การนำ�องค์ประกอบของการออกแบบมาจัดรวมกันน้ัน ผู้ ทเ่ี หมาะสมนน้ั กจ็ ะมองว่าสวยงามไดเ้ หมอื นกันออกแบบจะตอ้ งคำ�นงึ ถงึ ประโยชนใ์ นการใชส้ อยและความสวยงาม อนั เปน็ คณุ ลกั ษณะสำ�คญัของการออกแบบ เปน็ ศลิ ปะของมนษุ ยเ์ นอื่ งจากเปน็ การสรา้ งคา่ นยิ มทางความงาม และสนอง 2. มีประโยชน์ใช้สอยท่ีดี เป็นเร่ืองท่ีสำ�คัญมากในงานออกแบบทุกประเภท เช่นถ้าเป็นการคณุ ประโยชนท์ างกายภาพให้แก่มนษุ ยด์ ว้ ย ออกแบบสง่ิ ของ เชน่ เก้าอ้ี,โซฟา นั้นจะต้องออกแบบมาใหน้ ั่งสบาย ไมป่ วดเมือ่ ย ถ้าเป็นงา นกราฟฟคิ เช่น งานส่อื สิ่งพมิ พน์ ัน้ ตัวหนงั สือจะต้องอ่านง่าย เข้าใจงา่ ย ถึงจะได้ช่ือวา่ เป็น- การออกแบบที่หมายถึง กระบวนการทีส่ นองความตอ้ งการในส่ิงใหม่ๆของมนุษย์ ซงึ่ สว่ น งานออกแบบที่มปี ระโยชน์ใชส้ อยท่ีดไี ด้ใหญ่เพอ่ื การดำ�รงชีวติ ให้อยู่รอด และสรา้ งความสะดวกสบายมากยิง่ ข้ึน 3. มีแนวความคดิ ในการออกแบบที่ดี เปน็ หนทางความคิด ท่ีทำ�ให้งานออกแบบสามารถตอบการออกแบบ ( Design ) คือศาสตร์แห่งความคิด และต้องใช้ศิลป์ร่วมด้วย เป็นการ สนอง ตอ่ ความรสู้ ึกพอใจ ช่ืนชม มคี ณุ ค่า บางคนอาจใหค้ วามสำ�คัญมากหรือน้อย หรอื อาจสรา้ งสรรค์ และการแกไ้ ขปญั หาทมี่ อี ยู่ เพอ่ื สนองตอ่ จดุ มงุ่ หมาย และนำ�กลบั มาใชง้ านไดอ้ ยา่ ง ไมใ่ ห้ความสำ�คัญเลยกไ็ ด้ ดงั นั้นบางครั้งในการออกแบบ โดยใช้แนวความคิดที่ดี อาจจะทำ�ให้นา่ พอใจ ความนา่ พอใจน้ัน แบ่งออกเปน็ 3 ขอ้ หลกั ๆ ไดด้ ังนี้ ผลงาน หรอื สง่ิ ท่อี อกแบบมีคณุ คา่ มากขน้ึ ก็ได้ (4) 9

หลกั การออกแบบการออกแบบมีหลักการพ้ืนฐาน โดยอาศัย 2.2 ความสมดุลในลักษณะไม่เท่า of Arts) ในเรื่องของศลิ ปะน้นั เป็นส่งิ ท่ีจะ 3.4 ความตา่ งกนั ( Contrast)ส่วนประกอบขององค์ประกอบศิลป์ตามท่ีได้ กนั (Non-symmetry Balancing) คอื ตอ้ งพจิ ารณากนั หลายขนั้ ตอนเพราะเปน็ เรอื่ ง เป็นความรู้สึกที่เกิดขึ้นเพ่ือช่วยให้มีการกล่าวมาแล้วในบทเรียนเรือ่ ง “ องค์ประกอบ มีลักษณะสมดุลกันในตัวเองไม่จำ�เป็นจะต้อง ความรู้สกึ ทสี่ มั พนั ธก์ ัน ได้แก่ เคล่ือนไหวไม่ซำ้ �ซากเกินไปหรือเกิดความเบ่ือศลิ ป์ ” คือ จุด เสน้ รปู รา่ ง รูปทรง นำ้ �หนกั เทา่ กัน แต่ดูในดา้ นความรู้สึกแลว้ เกิดความ 3 . 1 ก า ร เ น้ น ห รื อ จุ ด ส น ใ จ หน่ายจำ�เจ ในการ ตกแต่ง ก็เชน่ กัน ปจั จุบนัสี และพื้นผิว นำ�มาจัดวางเพ่ือให้เกิดความ สมดุลกันในตัว ลักษณะการสมดุลแบบนี้ผู้ ( Emphasis or Centre of Interest) ผู้ออกแบบมักจะหาทางให้เกิดความรู้สึกขัดสวยงาม โดยมหี ลักการ ดงั น้ี ออกแบบจะต้องมีการประลองดูให้แน่ใจใน งานด้านศิลปะผู้ออกแบบจะต้องมีจุดเน้นให้ กันต่างกัน เช่น เก้าอ้ีชุดสมัยใหม่ แต่ขณะ ความรู้สึกของผูพ้ บเหน็ ดว้ ย ซึง่ เปน็ ความ เกิดสิ่งท่ปี ระทบั ใจแก่ผู้พบเหน็ โดยมีขอ้ บอก เดียวกันกม็ เี ก้าอ้สี มยั รชั กาลที่ 5 อยู่ด้วย 11. ความเปน็ หนว่ ย (Unity) ในการออกแบบ สมดลุ ทเ่ี กิดในลกั ษณะท่แี ตกต่างกนั ได้ เชน่ กลา่ ว เปน็ ความรสู้ กึ รว่ ม ทเ่ี กดิ ขนึ้ เองจากตวั ตัว เช่นน้ีผู้พบเห็นจะเกิดความรู้สึกแตกต่างผู้ออกแบบจะต้องคำ�นึงถึงงานทั้งหมดให้อยู่ ใชค้ วามสมดุลด้วยผวิ (Texture) ดว้ ยแสง- ของศิลปกรรมนั้นๆ ความรู้สึกน้ีผู้ออกแบบ กนั ทำ�ใหเ้ กดิ ความรสู้ กึ ไมซ่ ำ้ �ซาก รสชาตแิ ตกในหน่วยงานเดียวกัน เป็นกลุ่มก้อน หรือมี เงา (Shade) หรือด้วยสี (Colour) จะต้องพยายามให้เกิดข้ึนเหมอื นกัน ตา่ งออกไปความ สัมพันธ์กัน ทั้งหมดของงานนั้นๆ และ 2.3 จุดศูนย์ถ่วง (Gravity 3.2จดุ สำ�คญั รอง( Subordinate) 3.5 ความกลมกลืน ( Harmo-พิจารณาส่วนย่อยลงไปตามลำ�ดับในส่วน Balance) การออกแบบใดๆท่ีเป็นวัตถุ คงคล้ายกับจุดเน้นนั่นเอง แต่มีความสำ�คัญ mies) ความกลมกลืนในท่ีนี้หมายถึงย่อยๆกค็ งต้องถือหลกั นเ้ี ชน่ กนั สิ่งของและจะต้องใช้งานการทรงตัวจำ�เป็นที่ รองลงไปตามลำ�ดบั ซึง่ อาจจะเป็นรองส่วนท่ี พจิ ารณาในสว่ นรวมทงั้ หมดแมจ้ ะมบี างอยา่ ง ผู้ออกแบบจะต้องคำ�นึงถึงจุดศูนย์ถ่วง 1 สว่ นที่ 2 ก็ได สว่ นน้ีจะชว่ ยให้เกดิ ความ ทแี่ ตกตา่ งกนั การใชส้ ที ต่ี ดั กนั หรอื การใชผ้ วิ2. ความสมดลุ หรอื ความถว่ ง (Balancing) ไดแ้ ก่ การไม่โยกเอียง หรอื ให้ความร้สู กึ ไม่ ลดหลนั่ ทางผลงานทแ่ี สดงผอู้ อกแบบจะตอ้ ง ใช้เส้นท่ีขัดกัน ความรู้สึกส่วนน้อยน้ีไม่ทำ�ให้เปน็ หลกั ทวั่ ๆไปของงานศลิ ปะทจ่ี ะตอ้ งดคู วาม มนั่ คงแขง็ แรง ดงั นนั้ สง่ิ ใดทตี่ อ้ งการจศุ นู ย์ คำ�นึงถงึ ส่ิงน้ดี ้วย ส่วนรวมเสียก็ถือว่าเกิดความกลมกลืนกันในสมดลุ ของงานนนั้ ๆ ความรสู้ กึ ทางสมดลุ ของ ถว่ งแลว้ ผอู้ อกแบบ จะตอ้ ง ระมดั ระวงั ในสงิ่ 3.3 จงั หวะ ( Rhythem) โดยทวั่ ๆ ส่วนรวม ความกลมกลืนในส่วนรวมนี้ถ้าจะงานนี้ เป็นความรู้สึก ที่เกิดขึ้นในส่วนของ นี้ให้มาก ตัวอย่างเช่น เก้าอ้ีจะต้องตั้งตรง ไปส่ิงที่สัมพันธ์กันในสิ่งนั้นๆย่อมมีจังหวะ แยกก็ได้แก่ความเน้นไปในส่วนมูลฐานทางความคดิ ในเร่ืองของความงามในส่งิ นั้นๆ มี ยดึ มนั่ ทง้ั สข่ี าเทา่ ๆกนั การทรงตวั ของ คน ถา้ ระยะหรือความถ่ีห่างในตัวมันเองก็ดีหรือสิ่ง ศิลปะอนั ไดแ้ ก่ เส้น แสง-เงา รูปทรง ขนาดหลักความสมดุลอยู่ 3 ประการ ยนื 2 ขา ก็จะตอ้ งมีน้ำ�หนกั ลงทเ่ี ทา้ ทัง้ 2 แวดล้อมที่สัมพันธ์อยู่ก็ดีจะเป็นเส้น สี เงา ผิว สี น่นั เอง 2.1 ความสมดุลในลักษณะเท่ากัน ขา้ งเทา่ ๆกนั ถา้ ยนื เอยี งหรอื พงิ ฝาน้ำ�หนกั ตวั หรือช่วงจังหวะของการตกแต่งแสงไฟ(Symmetry Balancing) คือมีลักษณะ กจ็ ะลงเทา้ ขา้ งหนึ่ง และ ส่วนหนงึ่ จะลงที่หลงั ลวดลายที่มีความสัมพันธ์กัน ในท่ีน้ันเป็นเปน็ ซา้ ย-ขวา บน-ลา่ ง เปน็ ตน้ ความสมดลุ ใน พงิ ฝา รปู ปัน้ คนในทา่ ว่ิง จุดศนู ย์ถ่วงจะอยู่ที่ ความรู้สึกของผู้พบเห็นหรือผู้ออกแบบจะลกั ษณะนีด้ ูและเข้าใจงา่ ย ใด ผอู้ อกแบบจะต้องรู้และวางรูป ไดถ้ ูกตอ้ ง รูส้ ึกในความงามนั่นเอง 3. ความสัมพันธ์ทางศิลปะ ( Relativity10

เอกภพ Unity & ความกลมกลืน Harmony ความสมดลุ ย์ Balance & การเนน้ ใหเ้ กดิ จดุ เดน่ Emphasisการซ้ำ� Repetition ความลึก / ระยะ Perspective ความขดั แยง้ (Contrast) 11

คำ�จำ�กัดความของสี 1. แสงท่ีมีความถ่ีของคลื่นในขนาดที่ตามนุษย์ สามารถรับสมั ผสั ได้ 2. แมส่ ีท่เี ปน็ วัตถุ (PIGMENTARY PRIMARY) ประกอบด้วย แดง เหลอื ง นำ้ �เงิน 3. สีที่เกิดจากการผสมของแมส่ ี สี คุณลกั ษณะของสี สีแท้ (HUE) คอื สีท่ยี ังไม่ถกู สีอนื่ ผสม เปน็ ลักษณะของสแี ท้ ทมี่ ีความสะอาดสดใส เชน่ แดง เหลือง น้ำ�เงิน สอี อ่ นหรอื สจี าง (TINT) ใชเ้ รยี กสแี ทท้ ถ่ี กู ผสมดว้ ยสขี าว เชน่ สีเทา, สชี มพู สแี ก่ (SHADE) ใชเ้ รยี กสแี ทท้ ถ่ี กู ผสมดว้ ยสดี ำ� เชน่ สนี ้ำ�ตาล แม่สี (PRIMARIES) คือ สที ่ีนำ�มาผสมกันแลว้ ทำ�ให้เกดิ สี ใหม่ ที่มลี ักษณะแตกต่างไปจากสเี ดิมมือยู่ 2 ชนดิ คอื 1. แมส่ ขี องแสง เกดิ จากการหักเหของแสงผา่ นแท่ง แกว้ ปริซมึ มี 3 สี คือ สแี ดง สีเหลือง และสนี ำ้ �เงนิ อยู่ในรปู สี หมายถึง ลักษณะของแสงกระทบต่อสายตาทำ�ใหเ้ หน็ เป็นสี ของแสงรงั สี ซ่ึงเป็นพลงั งานชนิดเดียวทีม่ ีสี คณุ สมบัตขิ อง มีผลทางจิตวิทยา คือ ความเข้มของแสงมีอำ�นาจทำ�ให้เกิด แสงสามารถนำ�มาใช้ ในการถา่ ยภาพ ภาพโทรทศั น์ การจดั แสง อารมณ์และความรู้สึกได้ สายตาจะส่งความรู้สึกไปยังสมอง สีในการแสดงตา่ ง ๆ เป็นตน้ ทำ�ให้เกิดความรสู้ ึก ต่าง ๆ ตามอทิ ธพิ ลของสี เชน่ สดช่ืน 2. แมส่ วี ตั ถธุ าตุ เปน็ สที ไี่ ดม้ าจากธรรมชาติ และจาก ร้อน ต่ืนเต้น เศร้า สีมีความหมายอย่างมากเพราะศิลปิน การสงั เคราะหโ์ ดยกระบวนทางเคมี มี 3 สี คอื สแี ดง สเี หลอื ง ต้องการใช้สีเป็นส่ือสร้างความประทับใจในผลงานของศิลปะ และสนี ำ้ �เงนิ แมส่ วี ตั ถธุ าตเุ ปน็ แมส่ ที น่ี ำ�มาใชง้ านกนั อยา่ งกวา้ ง และสะท้อนความประทับใจนั้นให้บังเกิดแก่ผู้รับชมมนุษย์ ขวาง ในวงการศลิ ปะ วงการอตุ สาหกรรม ฯลฯ แมส่ วี ัตถุ เกย่ี วขอ้ งกับสีตา่ ง ๆ อยู่ตลอดเวลา เพราะทุกสงิ่ ท่อี ยู่รอบตัว ธาตุ เมอ่ื นำ�มาผสมกนั ตามหลกั เกณฑ์ จะทำ�ใหเ้ กดิ วงจรสี ซงึ่ นน้ั ลว้ นแตม่ สี สี นั แตกตา่ งกนั มากมาย สเี ปน็ สงิ่ ทคี่ วรศกึ ษาเพอ่ื เปน็ วงสธี รรมชาติ เกดิ จากการผสมกนั ของแมส่ วี ตั ถธุ าตุ เปน็ ประโยชนก์ บั ตนเอง และผอู้ อกแบบจึงควรทำ�ความเข้าใจ (5) สีหลักท่ใี ช้งานกันท่ัวไป12

สีขนั้ ที่ 1 สขี ั้นที่ 2 วงจรสี ( Colour Circle) สขี ้ันที่ 1 คอื แม่สี ไดแ้ ก่ สีแดง สีเหลอื ง สนี ้ำ�เงนิ สขี ้ันที่ 3 สีขั้นที่ 2 คือ สีท่ีเกิดจากสีข้ันที่ 1 หรือแม่สีผสมกันใน อตั ราส่วนทีเ่ ทา่ กัน จะทำ�ให้เกิดสีใหม่ 3 สี สขี น้ั ท่ี 3 คอื สที ่เี กิดจากสีขั้นท่ี 1 ผสมกบั สีข้นั ท่ี 2 ใน อัตราส่วนที่เทา่ กัน จะได้สีอน่ื ๆ อกี 6 สี วรรณะของสี คอื สที ใี่ หค้ วามรสู้ กึ รอ้ น-เยน็ ในวงจรสจี ะมสี รี อ้ น 7 สี และ สีเยน็ 7 สี ซ่งึ แบ่งที่ สีมว่ งกับสีเหลอื ง ซึ่งเปน็ ได้ ทั้งสองวรรณะ สตี รงขา้ ม หรอื สตี ดั กนั หรอื สคี ปู่ ฏปิ กั ษ์ เปน็ สที มี่ คี า่ ความเขม้ ของสี ตัดกันอย่างรุนแรง ในทางปฏิบัติไม่นิยมนำ�มาใช้ร่วม กนั เพราะจะทำ�ใหแ้ ตล่ ะสีไม่สดใสเทา่ ทีค่ วร การนำ�สีตรงขา้ ม กนั มาใช้รว่ มกนั อาจกระทำ�ได้ดังน้ี 1. มีพนื้ ท่ีของสีหนึ่งมาก อกี สีหนง่ึ น้อย 2. ผสมสีอน่ื ๆ ลงไปสสี ีใดสีหนึง่ หรอื ทั้งสองสี 3. ผสมสตี รงขา้ มลงไปในสที ้ังสองสี สกี ลาง คือ สีทเี่ ข้าได้กบั สที กุ สี สกี ลางในวงจรสี มี 2 สี คือ สนี ้ำ�ตาล กบั สีเทา สนี ำ้ �ตาล เกดิ จากสตี รงขา้ มกนั ในวงจรสผี สมกนั ในอตั ราสว่ น ท่ีเทา่ กนั สีนำ้ �ตาลมคี ุณสมบตั ิสำ�คญั คอื ใช้ผสมกบั สีอ่ืนแล้ว จะทำ�ให้สีน้นั ๆ เข้มข้นึ โดยไมเ่ ปลย่ี นแปลงค่าสี ถา้ ผสมมาก ๆ เข้าก็จะกลายเป็นสีนำ้ �ตาล สเี ทา เกดิ จากสีทุกสี ๆ สใี นวงจรสีผสมกัน ในอัตราสว่ นเท่า กนั สเี ทา มีคุณสมบัตทิ ี่สำ�คญั คอื ใชผ้ สมกับสีอ่ืน ๆ แล้วจะ ทำ�ให้ มดื หมน่ ใชใ้ นสว่ นทเ่ี ปน็ เงา ซงึ่ มนี ้ำ�หนกั ออ่ นแกใ่ นระดบั ตา่ ง ๆ ถา้ ผสมมาก ๆ เขา้ จะกลายเปน็ สีเทา 13

ระบบสี RGB ระบบสี CMYK เปน็ ระบบสที ใ่ี ชก้ บั เครอื่ งพมิ พท์ พี่ มิ พอ์ อกทางเปน็ ระบบสที ป่ี ระกอบดว้ ยแม่สี 3 สี คือ สี กระดาษหรือวัสดุผิวเรยี บอืน่ ๆ ซึ่งประกอบแดง , สเี ขียวและสีน้ำ�เงิน เม่อื นำ�มาผสมกัน ดว้ ยสหี ลกั 4 สีคือ สฟี ้า , สีม่วงแดง , สีทำ�ใหเ้ กดิ สีต่างๆ บนจอคอมพิวเตอรม์ ากถงึ เหลอื ง , และสีดำ� เม่ือนำ�มาผสมกันจะเกิดสี16.7 ล้านสี ซึง่ ใกล้เคียงกับสีท่ตี าเรามอง เป็นสีดำ�แต่จะไม่ดำ�สนิทเน่ืองจากหมึกพิมพ์มีเหน็ ปกติ สที ไี่ ดจ้ ากการผสมสขี นึ้ อยกู่ บั ความ ความไม่บริสุทธ์ิ จึงเป็นการผสมสีแบบลดเข้มของสี โดยถ้าสีมีความเข้มมากเมื่อนำ�มา หลักการเกิดสขี องระบบน้ี คือ หมึกสีหน่ึงจะผสมกนั จะทำ�ใหเ้ กดิ เปน็ สขี าว จงึ เรยี กระบบสี ดดู กลนื แสงจากสหี นงึ่ และสะทอ้ นกลบั ออกมานว้ี า่ แบบ Additive หรอื การผสมสแี บบบวก เป็นสีตา่ ง ๆ14

ความแตกต่างระหว่างภาพกราฟิกแบบ Vector กับRasterกราฟิกแบบ Rasterเปน็ ภาพกราฟกิ ทเ่ี กดิ จากการเรยี งตวั กนั ของจดุ สเ่ี หลย่ี มเลก็ๆ หลากหลายสี ซ่งึ เรยี กจดุ สเี่ หลีย่ มเล็ก ๆ น้ีวา่ พกิ เซลต้องกำ�หนดจำ�นวนของพิกเซลให้กับภาพที่ต้องการสร้าง ถ้ากำ�หนดจำ�นวนพิกเซลน้อย เมอ่ื ขยายภาพให้มขี นาดใหญ่ข้นึจะทำ�ให้มองเห็นภาพเป็นจุดส่ีเหลี่ยมเล็ก ๆ หรือถ้ากำ�หนดจำ�นวนพิกเซลมากกจ็ ะทำ�ให้แฟม้ ภาพมีขนาดใหญ่ดังนั้นการกำ�หนดพิกเซลควรกำ�หนดให้เหมาะสมกับงานที่สรา้ ง คอื- การใชง้ านทว่ั ๆ ไป กำ�หนดจำ�นวนพกิ เซลประมาณ 100-150 ppi (Pixel per inchs หมายถึงจำ�นวนพกิ เซลต่อ1 ตารางนว้ิ )- งานที่ต้องการความละเอียดน้อยและแฟ้มภาพมีขนาดเล็กเช่น ภาพสำ�หรับใช้กับเว็บไซต์จะกำ�หนดจำ�นวนพิกเซลประมาณ 72 ppi- งานส่งิ พมิ พ์ เช่น นิตยสาร โปสเตอร์ขนาดใหญ่ จะกำ�หนดจำ�นวนพกิ เซลประมาณ 300-350กราฟิกแบบ Vectorเป็นภาพกราฟิกที่เกิดจากการอ้างอิงความสัมพันธ์ทางคณติ ศาสตร์ หรอื การคำ�นวณ แยกชนิ้ สว่ นของภาพทงั้ หมดออกเปน็ เสน้ ตรง เสน้ โคง้ รูปทรง เมอ่ื มีการขยายภาพความละเอียดของภาพไมล่ ดลงกราฟิกแบบ Vector นยิ มใชเ้ พอื่งานสถาปัตย์ตกแต่งภายใน และการออกแบบต่าง ๆ เช่นการออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโกการสรา้ งการต์ ูน ฯลฯ (6) 15

สญั ญศาสตร์ สญั ญะ (Sign) คอื อะไร สญั ญะอาจอยใู่ นรปู ของ คำ� ภาพ ภาพลกั ษณ์16 เสียง กลิน่ รส การกระทำ� และวัตถุ สง่ิ ท้ัง หลายเหลา่ นนั้ ไมม่ คี วามหมาย และมนั จะกลาย สภาพมาเปน็ สญั ญะไดก้ ต็ อ่ เมอื่ เราสรา้ งความ หมายใหก้ บั มนั มนั มคี วามหมายกบั เรา เพราะ มนั ส่งความหมายบางอยา่ งมาถงึ เรา Ferdinand de Saussure กล่าวว่า Theory of Signs สญั ญะใด ๆ จะประกอบด้วยส่วน 2 ส่วน มนุษยไ์ ม่ไดใ้ ชภ้ าษาสอ่ื สารอยา่ งเดียว สามารถใชส้ งิ่ ต่างๆ มาแทนที่เพือ่ สือ่ สารได้ วตั ถุใน เสมอ นนั่ คอื (signifier) และ (signified) ชีวิตประจําาวัน ตีความบ่งบอกถึงบางสิ่งบางอย่างได้ เราเข้าใจวัฒนธรรมมวลชนที่ถูกนํา signifier หมายถงึ รูปทรงท่ีตัว signified เสนอผา่ นโครงสรา้ งและบรบิ ททางสังคม ประกอบสร้างเปน็ ความหมาย เขา้ มาอยู่ 1. สญั ญลักษณ์ คอื สัญญะท่ตี ัวหมายไมเ่ หมือนกับตวั หมายถงึ การจบั คู่กันระหว่าง signified หมายถึง สังกับ หรือความคิด ตัวหมายกับตัวหมายถึงเปน็ ไปอย่างสมุ่ ที่อยู่ใน signifier นน้ั เชน่ คำ�วา่ “ตน้ ไม้” แตกตา่ งกนั ไปตามประเพณสี งั คมและวฒั นธรรม ตวั อยา่ งสญั ญลกั ษณ์ เชน่ ภาษา ตวั หนงั สอื ทำ�ให้เรานึกถึง สิ่งมีชีวิตขนาดใหญ่ตั้งอยู่ เครอ่ื งหมายวรรคตอน คำ� วลี ประโยค จำ�นวน ระหสั มอส ไฟจราจร ธงชาติ การแบ่งความ กลางป่าอาศัยแสงเป็นตวั สงั เคราะหอ์ าหาร คิดทางการเมืองโดยใชส้ ีเส้ือ เป็นต้น วัฒนธรรมทางสายตาทําาหน้าท่ีนําสารต่างๆ 2. รปู เหมอื น คอื สญั ญะทตี่ วั หมายเหมอื นกบั ตวั หมายถงึ หรอื เลยี นแบบ ไมว่ า่ จะโดยประสาท มาสู่เรา สารเหล่านั้นล้วนเต็มไปด้วยข้อมูล สมั ผสั ใดกต็ าม เช่น การมอง เสียง ความรู้สกึ รส และกล่ิน เมอ่ื สัมผัสใดกต็ ามทีต่ ัวหมาย และทนั คติ เพื่อทจ่ี ะอ่านและสร้างสารเหลา่ นั้น เหมือนตัวหมายถงึ สง่ิ นนั้ เปน็ รูปเหมือน ตวั อยา่ งรูปเหมือน เชน่ ภาพเหมือน การต์ ูน การ ได้อย่างเต็มที่ต้องเข้าใจในฐานะผู้ชม ผลิต เลียนเสียงสัตว์ คำ�เปรียบ เสียงท่ีอยูว่ ทิ ยุ เปน็ ต้น ออกไปผ่านสถานะของผู้สร้าง อ้างอิง จาก 3. ตวั บง่ ชี้ คอื สญั ญะทต่ี วั หมายไมเ่ หมอื นกบั ตวั หมายถงึ แตม่ คี วามเชอ่ื นโยงถงึ กนั ซง่ึ อาจ ความเป็นปัจเจก ให้ความสําาคัญในฐานะ โดยทางกายภาพ หรือในเชิงสาเหตุก็ได้ เชน่ เมอื่ เห็นควนั กย็ ่อมนึกถงึ ไฟ ตวั อยา่ งของตวั ประสบการณ์ร่วม วิเคราะห์เร่ืองของภาษา บง่ ชี้ เชน่ ควัน ฟา้ ผ่า รอยเทา้ อาการการเจบ็ ปว่ ย เครือ่ งมอื วดั สัญญาณ (7) พัฒนามาสู่ การวิเคราะห์ระบบเคร่ืองหมาย ตา่ งๆ (sign) สํารวจหลกั ตรรกะการเชอื่ มโยง ความหมาย (relate, system)

17

การออกแบบ ควรทำ� และ ไมค่ วรทำ�PRESENTATION การออกแบบ Presentation ทด่ี ี อาจจะไมใ่ ช่เรือ่ งท่ีงา่ ย แตก่ ไ็ มใ่ ชเ่ ร่อื งทีย่ ากเกนิ ไป เนื่องจากศิลปะของการออกแบบ Presentation นั้น ตอ้ งใชท้ ้ัง สี ตวั หนังสือ รปู ภาพ18 สัญลักษณ์ และพืน้ หลัง โดยทำ�ใหส้ งิ่ เหลา่ นี้สัมพันธก์ นั เหมอื นกับการตอ่ จิก๊ ซอว์ แต่! ทุกคนอย่าเพิ่งคดิ ว่าจะยากเกนิ ความสามารถ เพราะวนั นี้เรามีเคลด็ ลบั “Less is more” ท่จี ะชว่ ยใหค้ ณุ ออกแบบ Presentation ออกมาได้ดีท่ีสุด การใชภ้ าพพ้ืนหลงั (Background Image) หลกี เลย่ี ง : พนื้ หลงั สีทึบหลายๆสี มลี วดลาย จะทำ�ใหอ้ า่ นยาก ควรทำ� : เลอื กพืน้ หลงั ทมี่ สี อี อ่ นๆ จะชว่ ยทำ�ใหต้ วั หนังสืออ่านง่าย อาจจะวาดกรอบสเ่ี หลี่ยมครอบตัวหนังสือเพอื่ แยกตัวหนงั สอื กับพ้ืนหลัง ใหอ้ ่านไดง้ ่ายมากขึ้น การจดั วางตวั หนงั สอื (Text Alignment) หลกี เลีย่ ง : การวางพืน้ หลังและตัวหนงั สือไว้ตรงกลาง พื้นหลังเป็นภาพเยอะๆจะยง่ิ ทำ�ใหต้ วั หนังสืออ่านยาก ควรทำ� : อาจจะลองจดั ไวด้ า้ นใดดา้ นหนึ่งไมซ่ า้ ยกข็ วา เพือ่ ใหเ้ กิดความสมดลุ ระหวา่ งพ้ืนหลงั และตวั หนังสือ การเลือกขนาดตัวหนังสือ (Font Size) หลกี เลย่ี ง : ตัวหนงั สอื ขนาดเดยี วกนั ท้ังหมด เพราะจะทำ�ให้ผู้ชมไม่ร้วู ่าจดุ ไหนท่คี ุณต้องการจะนำ�เสนอ ควรทำ� : เพ่ิมขนาดตวั หนงั สอื ที่คุณคิดวา่ สำ�คญั ทสี่ ดุ ให้ดเู ด่นขึน้ มา การใชแ้ สงเงา (Shadowing) หลกี เลี่ยง : ใส่ Drop Shadow ใหก้ บั ตวั หนังสอื เพราะยิ่งเปน็ ตวั หนังสือทีบ่ างและเป็นสที ึบๆ ย่ิงจะทำ�ใหต้ วั หนังสือนั้นยิ่งดูเบลอ ควรทำ� : ใชพ้ ื้นหลงั สเี ขม้ เพื่อตัดกบั ตวั หนงั สือสีออ่ น ทำ�ให้ตัวหนงั สือเดน่ ข้นึ มาไดโ้ ดยไม่ต้องใช้ Drop Shadow การเลือกรปู ภาพ (Photo & Image) หลกี เลย่ี ง : ภาพทมี่ คี วามละเอียดต่ำ� ควรทำ� : ควรใชภ้ าพที่มขี นาดไม่ตำ่ �กวา่ 1000 Pixels การเลือกรูปแบบตัวอักษร (Typeface) หลกี เลย่ี ง : Font มลี วดลายมากเกนิ ไป อา่ นยากและไมน่ า่ สนใจ ควรทำ� : ให้เลอื กตวั หนงั สือทมี่ ีความหนกั เบาไม่เทา่ กนั เพื่อให้ Presentation เปน็ ไปในทศิ ทางเดียวกัน

ภาพตยั อยา่ งจาก PresentationX 19

การออกแบบ วิธีออกแบบใหค้ นดูเข้าใจงา่ ยPRESENTATION 1 Polychrome ถา้ คุณต้องการดึงดดู ให้ คนสนใจสไลด์ของคุณ สไลด์แบบที่มีสีสันจะการสร้าง Presentation ข้ึนมาหน่ึงอัน เป็นตัวเลือกท่ีดีมากกว่าสไลด์ที่มีสีโทนเดียว 3 Diagram Tree สไลดท์ ี่มกี ารจดั เรียงไม่ใช่เร่ืองง่ายๆ หากจะต้องลงมือทำ�ต้ังแต่ หลกั การทำ�สไลดท์ ม่ี หี ลายสเี ชน่ นคี้ อื จะตอ้ งมี คล้ายๆตน้ ไม้ ซ่ึงแตล่ ะก่งิ งอกไอเดีย ขน้ึ มาท่ีวิเคราะห์ข้อมูล วิเคราะห์คนดูจนถึงการ การออกแบบให้ดูโล่ง สามารถมองได้ง่าย จะทำ�ให้ผู้ชมของคุณค่อยมองตามไปทีละออกแบบ สไลด์นำ�เสนอ ทกุ ข้นั ตอนจงึ ต้อง ไอคอนแบบ flat จึงเหมาะท่ีจะใช้กับสไลด์ สว่ นๆ สไลดร์ ปู แบบนเ้ี หมาะสำ�หรบั การชน้ี ำ�ไปผ่านกระบวนการคดิ มามากแลว้ ประเภทนท้ี สี่ ดุ ไอคอนวางอยบู่ นภาพพนื้ หลงั ยังจุดต่างๆ คุณสามารถอธิบายแต่ละส่วนการนำ�ขอ้ มลู มาทำ�เปน็ สไลดน์ ำ�เสนอในรปู แบบ ท่ีเบลอ ที่จะทำ�ให้ผู้ชมสามารถโฟกัสที่ตัว ของสไลด์ได้เลย โดยที่ไม่ต้องใช้ เครื่องมือต่างๆ ซึ่งแต่ละรูปแบบก็มีความเหมาะสมใน หนงั สือและไอคอนบนสไลด์ได้ laser ชเี้ ลย การออกบบสไลด์รปู แบบน้ี เน้นการใช้งานแตกตา่ งกนั ไป ดงั น้ี การออกแบบแบบเรียบง่าย ใช้ไอคอนแบบ 2 Diamonds การออกแบบสไลดใ์ นรปู แบบ flat และไมต่ ้องมีคำ�อธิบายเยอะ20 น้ี ทำ�ใหก้ ารนำ�เสนอของคณุ ดู ฉลาด และดู เรยี บงา่ ย ผู้ชมของคุณจะโฟกัสไปท่ีไอคอนท่ี 4 Venn Diagram การออกแบบแผนภาพ มีขนาดใหญ่ และ ตัวหนังสือขนาดเล็กกว่า วงกลม ที่ใช้สีและไอคอนเพ่ือทำ�ให้ส่ิงที่เรา เพื่อให้ไอคอนดูโดดเด่นขึ้นมา การออกแบบ ต้องการเน้นให้โดดเด่น น่ีเป็นตัวอย่างของ สไลดน์ ำ�เสนอแบบน้ี เหมาะสำ�หรบั การนำ�เสนอ การใชส้ ี และตำ�แหนง่ ทที่ ำ�ใหผ้ ชู้ มเหน็ จดุ ทแ่ี ตก เพ่ือการโปรโมท หรือการนำ�เสนอความคิด ต่างกันอยา่ งเห็นไดช้ ัดในสไลด์น้ี โดยารออก ของคุณตอ่ ผู้ชม แบบวงกลมท่ีสามารถวางทับซ้อนกันและ แสดงให้เห็นจุดที่ตัดกันได้ การออกแบบเช่น นเี้ หมาะสำ�หรบั การ แสดงใหผ้ ชู้ มเหน็ วา่ บรกิ าร ของคุณมีความเก่ยี วข้องหรอื อันไหนทเี่ หมาะ สมกับผู้ชมทส่ี ดุ

ภาพตยั อยา่ งจาก PresentationX 21

การออกแบบ วธิ อี อกแบบให้คนจำ�ได้PRESENTATIONการปรุงอาหาร เชฟทุกคนอยากให้คนติดใจ เปล่ยี นขอ้ มูลใหเ้ ป็น แผนภูมหิ รือ ไอคอน ใชภ้ าพกราฟิกหรือรปู ภาพสื่อความหมาย การออกแบบสไลด์ใหม้ เี อกลกั ษณ์ในรสชาตอิ าหาร จงึ ตอ้ งใชเ้ ครอ่ื งปรงุ ทด่ี ี และ การแปลงข้อมูลของคุณให้เป็นภาพประกอบ ใช้ภาพกราฟิกหรือรูปภาพสามาถทำ�ให้ผู้ชม การออกแบบภาพใหม้ เี อกลกั ษณจ์ ะทำ�ใหผ้ ชู้ มมีสูตรลับส่วนตัวเพ่ือให้อาหารมีรสชาดท่ี จำ�พวก กราฟ แผนภมู ิ ไอคอน ลงไปในสไลด์ ของคุณจดจำ�ได้ดีกว่าการใช้รูปภาพ จดจำ�ไดด้ กี วา่ การใช้ Template ทตี่ ดิ มากบัอร่อยกลมกล่อม การนำ�เสนอก็เช่นกัน ถงึ แมว้ า่ สไลดน์ ำ�เสนอของคณุ อาจจะดเู ตม็ ไป นามธรรม ทำ�ให้ผู้ชมสามารถจดจำ�ส่ิงที่คุณ Programe รวมท้ังการใช้รูปภาพที่เป็นความตอ้ งการของผนู้ ำ�เสนอทกุ คน คงอยาก ด้วยภาพมากมาย แต่ภาพเหล่านี้จะช่วยให้ผู้ นำ�เสนอได้ดีมากข้ึน หากสไลด์นำ�เสนอของ เอกลักษณ์หรือออกแบบช้ึนมาใหม่ไม่ใช้ให้ผู้ชมจดจำ�สิ่งที่ผู้นำ�เสนอ นำ�เสนอได้มาก ชมของคุณจดจำ�ได้ดี เพราะรปู ภาพที่มีราย คุณมีภาพประกอบ เช่น สัญลักษณ์ กราฟิก รูปภาพท่ีพบได้เกล่ือนตามเว็บต่างๆ การใช้ที่สุด ขั้นตอนการทำ�งานนำ�เสนอจึงต้องทำ� ละเอียดมากๆเหล่าน้ันจะช่วยอธิบายและ หรือ รูปภาพทส่ี ามารถสอ่ื ความหมายได้ แผนภูมิแพง กราฟ และสัญลกั ษณใ์ นการนำ�ด้วยความปราณีต และควรศึกษาการ สื่อสารถึงผู้รับได้ทันที โดยที่ไม่ต้องนำ�ส่ิง เสนอ ก็ควรมกี ารออกแบบใหม่ใหม้ รี ูปแบบที่ออกแบบสไลดน์ ำ�เสนอกอ่ น หลกั การทจี่ ะชว่ ย เหล่านั้นไปคิดต่ออีกจึงทำ�ให้จดจำ�ได้ดีกว่า อยา่ งสรา้ งสรรคย์ ง่ิ ขน้ึ และหาเทคนคิ ใหมๆ่ ในใหผ้ ชู้ มสามารถจดจำ�เนอ้ื หาทนี่ ำ�เสนอไดด้ มี าก การไมใ่ ชภ้ าพประกอบหรอื การออกแบบสไลด์ การนำ�เสนองานข้ึน แบบ minimalได้ จริงๆ แลว้ การออกแบบ Presentation ไมไ่ ด้มหี ลักการท่ตี ายตัว เพียงแตเ่ รานำ�เทคนิคท่ี เราคิดวา่ เวิร์คสำ�หรบั ผทู้ ี่เพ่ิงทดลองทำ�หรือนึกไม่ออกวา่ จะออกแบบ Presentation ออก มาในลักษณะไหนเพ่ือใช้เป็นแนวทางในการพัฒนาทักษะการออกแบบ Presentation ให้ สวยงามและมีประสิทธิภาพมากขนึ้22

การออกแบบ ทฤษฎีเลข 3PRESENTATION POLYGON TXT Txt msg redirects here. Text messaging, or texting, is the act of com- posing and sending electronic messages, typ- ically consisting of alphabetic and numeric characters, between two or more users of mobile phones, tablets, desktops/laptops, or other devices.3 ขนาด 3 สี 3 จดุ สำ�คัญ 3 วัตถุการใช้เทคนิคปรับตัวหนังสือให้มี 3 ขนาด การใช้สเี พยี ง 3 สจี ะช่วยใหส้ ไลด์ของคณุ ดู เทคนิคง่ายๆ อีกเทคนิคท่ีเกิดจากพลังของ ถ้าคุณยังคิดไม่ออกว่าจะออกแบบสไลด์ให้แบบเลก็ กลาง ใหญ่ จะช่วยใหผ้ ้ชู มสนใจส่งิ เป็นไปในทศิ ทางเดยี วกนั เทคนิคงา่ ยๆ ทีค่ ุณ เลข 3 คอื การออกแบบใหส้ ไลดใ์ หม้ จี ดุ สำ�คญั เปน็ แบบไหน ใหค้ ณุ ลองออกแบบ Layoutที่คณุ จะนำ�เสนอจรงิ ๆ โดยการปรับขนาดตัว จะสามารถหาคสู่ ไี ดค้ อื ใหด้ งึ สอี อกมาจากภาพ อยู่ 3 จุดบนสไลด์ เพราะการรับรู้และมอง โดยใชว้ ัตถุ 3 อยา่ ง เพราะการกำ�หนดวัตถุหนังสือที่คุณต้องการจะให้ผู้ชมสนใจเป็น Background ท่เี ราเลอื กไว้ โดยเลือกดงึ สี เหน็ ของคนเรามกั จะรับรไู้ ดเ้ พียงแค่ 3 อย่าง บนสไลดใ์ หม้ ี 3 อยา่ งจะชว่ ยใหส้ ไลดข์ องคณุขนาดท่ีใหญ่ที่สุด เพราะว่าการรับรู้และการ เขม้ ออกมาเปน็ สหี ลกั จากนน้ั ใหใ้ ชส้ ที อี่ อ่ นลง เท่านั้น ดูสะอาดตาข้ึนมองเห็นของคนเราจะมองวัตถุที่ใหญ่ท่ีสุด ม า อี ก 2 สี เ ป็ น สี เ ส ริ ม แ ล้ ว ใ ช้ ก ฏกอ่ น 60-30-10 ในการใช้ทั้งหมดของสไลด์ 23

การออกแบบ การออกแบบให้สวยดว้ ย PowerPointPRESENTATION 1 เปล่ียนการจดั วางตำ�แหน่งรปู ภาพ วธิ ที ำ� นำ�รปู ภาพทต่ี อ้ งการมาวางไวบ้ นสไลด์24 ก่อน จากนั้นกดเลือกทุกรูป แล้วกดเมนู Arrange > Align > แลว้ เลอื กการจดั วาง ทีต่ ้องการ 2 เปลย่ี นการจัดระยะห่างใหม้ ีระยะเทา่ กัน วธิ ีทำ� เลอื กวัตถทุ กุ อนั > กดเมนู Arrange > Align > แลว้ เลอื ก Distribute ทตี่ อ้ งการ

3 เปลี่ยนสรี ูปภาพวิธีทำ� เลอื กภาพท่ีต้องการ > กด Color > เลอื กสที ่ีตอ้ งการหรือปรบั แต่งสตี ามใจชอบ4 เพมิ่ effect ใหร้ ปู ภาพวิธที ำ� เลอื กภาพที่ต้องการ > กดเมนู Artistic Effect >เลือก Effect แลว้ ปรับแตง่ ตามใจชอบ5 ตัดพื้นหลงั ภาพออกวธิ ที ำ� เลอื กภาพทตี่ อ้ งการจะตดั พนื้ หลงั > กดเมนู RemoveBackground 25

Grid System26

1. ใช้ Grid กับขอ้ ความเน้ือหาในหนงึ่ หน้ากระดาษหรอื workspace ลองใชG้ rid System มาใชง้ านในการจัดเนื้อหาตวั หนังสือขอ้ ความ มนั จะทำ�ให้ตวั หน้าสอื มากมายที่ดูลายตา ออกมาดูสวยงามเป็นระเบยี บไดอ้ ยา่ งงา่ ยดาย สว่ นใครจะวาง GridSystem ยังไงอันน้ีแล้วแต่คนออกแบบได้เลย แต่แนะนำ�วา่ ไม่ควรมีมากจนเกินไปเพราะมนั จะลดความเปน็ ระเบยี บ ความสะอาดตาลงจากตวั อยา่ งดา้ นบนจะเหน็ วา่ ผอู้ อกแบบเลอื กใช้ Grid System มาจัดในสว่ นของเน้อื หาท้ังข้อความและภาพทำ�ให้งานออกมาดูเป็นระเบยี บ สะอาดตาอา่ นงา่ ย ขอ้ นถี้ อื วา่ เปน็ พน้ืฐานทท่ี ุกคนสามารถนำ�ไปใช้งานไดเ้ ลย 27

2. ใช้ Grid กับระยะบรรทัดข้อความตัวอย่างในข้อแรกเราจะมองเห็นถึงวิธีการใช้ มากมายของคณุ ไดเ้ หมอื นกนั ซง่ึ เสน้ ตารางGrid System ในแนวต้ัง (vertical) สว่ น แนวนอนแบบน้ีก็เป็นสิ่งจำ�เป็นท่ีควรนำ�มาใช้ข้อน้ีเราจะมาดู Grid System กับระยะ งานเพอ่ื ความเปน็ ระเบยี บ อา่ นงา่ ย สบายตาบรรทัดข้อความในแนวนอน (horizontal) โดยเฉพาะถ้าข้อความของคุณมีหลายๆกนั บ้าง ซ่ึง Grid System ในแนวนอนนี้จะ บรรทดั ยิ่งควรหยบิ มาใช้งานช่วยสร้างความเป็นระเบียบให้กับข้อความ ตัวอย่างด้านบนเราจะสังเกตุเห็นได้อย่างทันที เลยวา่ การใช้ Grid System จดั ขอ้ ความในแนว นอนกม็ สี ่วนชว่ ยเพิ่มความเป็นระเบยี บไดม้ าก28

3. ใช้ Grid System ทำ�ใหท้ ำ�งานกบั องค์ประกอบอ่ืนง่ายข้ึนการใช้ Grid System ไมเ่ พียงแคเ่ พิม่ ความเป็นระเบยี บ สะอาดตาเทา่ นั้น แต่ยังชว่ ยใหใ้ ช้งานองคป์ ระกอบหลายอยา่ งมารวมกนั ไดง้ า่ ยย่ิงขึ้น หลายคนคงเคยเกิดปัญหาเวลาวางภาพร่วมกับตัวหนังสือมันจะคิดไม่ออกว่าเราควรจะวางอยา่ งไรดีซ่งึ Grid System ก็สามารถเข้ามาช่วยเรื่องนไ้ี ดเ้ ป็นอย่างดีจะเห็นได้ว่าการจัดย่อหน้าให้ตรงกับ GridSystem กเ็ ป็นเรือ่ งสำ�คญั เพยี งนำ� GridSystem มาใช้ก็สามารถใส่องค์ประกอบอืน่เขา้ ไปไดโ้ ดยที่งานยงั ดูเปน็ ระเบียบ 29

4. สรา้ งสมดลุ ใหก้ ับงาน อีกหน่ึงอย่างที่ Grid System สามารถ สร้างความสวยงามให้กับงานของคุณคือ ทำ�ให้งานมีความสมดุลนั่นเอง ซ่ึงมันจะเกิด ขน้ึ ต่อเมือคณุ แบ่ง Grid System ในระยะ ทเ่ี ทา่ กนั เสมอซงึ่ เราจะพบกบั การใชง้ านแบบนี้ บนเวบ็ ไซต์มากมาย Web Designer ทุก คนคงใช้ Grid System ในการออกแบบ อย่างแน่นอนเพราะนอกจากงานจะสมดุลมี ระเบยี บยงั ทำ�ใหโ้ ปรแกรมเมอรน์ ำ�ไฟลข์ องเรา ไปพฒั นาตอ่ ไดง้ า่ ยขึ้นด้วย30

5. แบง่ เลเอาท์เป็นสัดส่วนไดด้ ี อีกหน่ึงประโยชน์สุดสำ�คัญของ Grid Sys- tem โดยเฉพาะกับเหล่า Web Design ทั้ง หลายทั้งมวลคือการแบ่งเลเอาท์ของหน้า เว็บไซต์ให้เป็นสัดส่วนซึ่งเราก็ต้องขอบคุณ Grid System น่ันแหละที่ทำ�ให้การแบ่งเล เอาท์ง่ายและเป็นระเบียบมากขึ้น โดยเฉพาะ การออกแบบเวบ็ ไซตท์ เ่ี ตม็ ไปดว้ ยขอ้ มลู อยา่ ง เว็บข่าวสารน่นั เองนอกจากเร่อื งของเวบ็ ไซตแ์ ล้ว Grid System ใชแ้ บง่ เลเอาทง์ านอ่ืนๆ ได้ดว้ ย 31

6. ใช้จัดลำ�ดับความสำ�คัญขององค์ ประกอบ Grid System ใชจ้ ดั ลำ�ดบั ความสำ�คญั ของ องคป์ ระกอบไดแ้ บบงา่ ยๆ คอื สง่ิ ไหนอยากให้ สำ�คัญหรือโดดเด่นก็แค่ปรับขนาดขององค์ ประกอบน้นั ให้มขี นาดที่ใหญข่ ้ึนนัน่ เอง32

7. จดุ ตดั 9 ชอ่ ง ชว่ ยวางองคป์ ระกอบรูปภาพหลายคนคงรู้จักกับจุดตัด 9 ช่องหรือสัดส่วนทองคำ� หรือ Golden Ratioสามารถอ่านบทความเกี่ยวกับ GoldenRatio ได้ที่นี่เลย เป็นจุดท่ีเมื่อนำ�องค์ประกอบหลักไปวางแล้วจะโดดเด่นลงตัวสวยงามมากท่ีสุดน่นั เอง 33

ฟอนต์34

1. ให้พืน้ ท่ีตวั อกั ษร 2. เว้นบรรทัดใหพ้ อเหมาะการใหพ้ น้ื ทกี่ บั ตวั อกั ษรจะทำ�ใหค้ นอา่ นไมร่ สู้ กึ ปวดตาหรอื อดึ อดั เกนิ ไป ลองคดิ เลน่ ๆดวู า่ คณุ การเว้นบรรทัดให้พอเหมาะพอดีเป็นอีกหน่ึงจุดที่หลายๆคนลืมให้ความสำ�คัญ การเว้นระยะกำ�ลังมองววิ เมืองแลว้ เห็นถนนมีแต่รถเตม็ ไปหมดคณุ จะรู้สึกอึดอดั รเึ ปลา่ ? ตัวอกั ษรก็เช่น ห่างระหว่างบรรทัดมีผลต่อการอ่านมาก เพราะถ้าคุณเว้นระยะบรรทัดมากเกินไปคนอ่านจะเดยี วกนั ใหพ้ ืน้ กับตวั อักษรแล้วงานออกแบบของคณุ จะดไู ม่อึดอดั จนเกินไป ต้องกวาดสายตาใหม้ ากขึ้นและแน่นอนครับ อาการปวดตาจะตามมาทหี ลังอย่างเลย่ี งไมไ่ ด้ 35

3. อยา่ ย่อ “สเกล” จนเพีย้ น อีกหนึ่งผิดพลาดที่ไม่สามารถให้อภัยได้ คือ การท่ีคุณย่อหรือเพ่ิมขนาดตัวอักษรแต่คุณ ยอ่ แบบไมด่ สู เกลของตวั อกั ษรเลย บางคนยอ่ จนตัวอักษรบิดเบีย้ วจนหมดรปู อย่าเชยี วนะ ครับ เวลาย่อทุกครั้งอย่าลืมกด Shift ไป ด้วยทุกคร้ังเพื่อให้เกิดความเคยชิน หรือถ้า คุณไม่อยากจะกด Shift ให้คุณเพ่ิมเป็น ตัวเลขขนาดแทนจะดีกว่าการย่อขยายเอ งมากๆเลยครบั 4. ทำ�สสี ันให้ดงึ ดูด ถา้ อยากใหค้ นสนใจในงานของคณุ คณุ จะตอ้ งออกแบบและจดั วางตวั อกั ษรของ คุณให้สามารถอ่านได้ง่าย และหลักการง่ายๆที่จะมาช่วยให้งานของคุณมีพลัง ดึงดูดมากขึ้นก็คือการเลือกสีสันให้คนอ่านสามาถอ่านได้ง่าย เลือกสีให้ตัดกัน จะสามารถทำ�ให้อา่ นไดง้ ่ายมากขึ้น36

5. เลือก Font ใหด้ ี 6. จัดการต่งิ ขอ้ ความFont บาง Font ไม่เหมาะกับการอ่านท่ีเยอะๆหรอกนะ Font แต่ละตัวจะมีคุณสมบัติ หลายคนเจอเน้ือหายาวๆที่ต้องนำ�มาออกแบบและจัดวาง พยายามเว้นบรรทัดจัดหน้าให้ดูดีเฉพาะตัว เพราะง้ันคุณจะตอ้ งเลือกดๆี เพ่อื ท่งี านของคณุ จะไดไ้ ม่เละเทะ ท่สี ดุ แต่ในการจัดทกุ ครง้ั มนั จะมี “ติง่ ” ขอ้ ความหลดุ ออกมาเสมอ เพราะง้ันอย่าทิ้งมันไวใ้ ห้ โดดเดยี วพามนั กลบั เขา้ ไปในประโยคดว้ ย เพอื่ ทจ่ี ะไดป้ ระหยดั เนอ้ื ทแี่ ละประโยคจะไดไ้ มข่ าดหาย 37

7. อยา่ ใช้ Font หลายตระกลู 8. เลอื ก Font ให้เขา้ กับงาน นกั ออกแบบหลายคนชอบติส 1 ประโยคจัด การเลอื ก Font ใหเ้ หมาะสมกบั งานเปน็ เรอื่ งทเ่ี ราตอ้ งใสใ่ จใหม้ ากทสี่ ดุ หลายคนออกแบบงาน Font 7 ตระกูล บา้ ไปแล้ววววววว !! มันรก มาอย่างดแี ต่พอเลอื ก Font แล้ว บอกได้คำ�เดียว เลอื ก Font ผิดชีวิตเปลี่ยน เกนิ ไป 1 ประโยคควรจะมี Font ไมเ่ กิน 3 ตระกูล เพื่อท่ีจะทำ�ให้ประโยคนั้นไม่รก จนเกนิ ไป38

9. อยา่ ใช้ Effect ตวั อักษรสดุ เห่ยEffect ของ Font ทมี่ ากับโปรแกรมต่างๆขอร้องเลยครับวา่ อย่า (หรือถ้าเลยี่ งไม่ไดก้ ็ใช้ให้นอ้ ยท่ีสดุ ) ลองเปลีย่ นมาเนน้ ความหนาให้ Font หรือ ใช้สีให้เดน่ ๆแทนดีกวา่ เพราะEffect ท่ีมีให้พวกนั่น มันช่างล้าสมัยและโบราณซะเหลือเกิน 10. ใหญ่บ้างเล็กบ้าง ถา้ จะพาดหวั อะไรสกั อยา่ งนงึ คณุ ลองนกึ ดนู ะ วา่ มนั จะมคี ำ�ทตี่ อ้ ง เนน้ และ ไม่เน้น ถ้ามนั ขนาดเท่ากันหมดหรอื หนาเทา่ กันหมด มนั จะ ดึงความสนใจไปหมด ลองปรับให้ใหญ่บ้าง เล็กบ้างดู 39

บรรณานกุ รม 1. jaruwan wan suttimusig. องค์ประกอบศิลป์ ( Composition ) คอื ?. gotoknow. 02-01-2011. แหลง่ ที่มา: https://www.gotoknow.org/posts/417795. ค้นเม่ือ 27 02, 2017. 2. Kht Techaphatiphong. Mindmaping -Emotion-. kht-techapayiphong blogspot. 15-07-2012. แหลง่ ทม่ี า: http://kht-techapayiphong.blogspot.com/. คน้ เมื่อ 27 02, 2017. 3. Brinkkemper, S. (1996) Method engineering: engineering of information systems develop- ment methods and tools, Information and Software Technology (38:4), p. 275-280. 4. อาจารยณ์ ิชานนั ทน์ เสริมศร.ี หลกั การออกแบบ. มหาวิทยาลยั ราชภฏั สวนสุนันทา. 10-05-2014. แหล่งท่ีมา: http://www.teacher.ssru.ac.th/nichanan_se/pluginfile.php/102/ block_html/content/หลกั การออกแบบ.pdf. คน้ เม่ือ 27 02, 2017 5. bee’s knees. ทฤษฎสี ี. ความรเู้ กย่ี วกับ “ศลิ ปะ”. 01-03-2013. แหลง่ ทีม่ า: http://wp.me/P3cAFK-1j. คน้ เมื่อ 27 02, 2017 6. suphatsara365. ความแตกตา่ งระหวา่ งภาพกราฟกิ แบบ Raster และ Vector. Suphatsara365’s Blog. 12-10-2010. แหลง่ ทม่ี า: http://wp.me/p16mh4-6j. คน้ เมื่อ 27 02, 2017 7. อาจารย์ ดร. Brian Anthony Curtin. บทความ Semiotics and Visual Representation. สัญศาสตร์กับภาพแทนความ. 12-10-2010. แหลง่ ทม่ี า: http://www.arch.chula.ac.th/journal/files/article/qyYaZ1mab3Sun103124.pdf. คน้ เมอ่ื 27 02, 201740

คมู่ ือการออกแบบเบ้ืองตน้ de-sign construction อเสกข์ เพช็ รเฟื่อง กล่มุ ภารกจิ เทคโนโลยที างการศกึ ษา สำ�นกั หอสมดุ มหาวิทยาลัยแมโ่ จ้ 41