สาขาวชานเทศศาสตรบรณาการ คณะศลปศาสตร

มหาวทยาลยแมโจ

การผลตหนงสอดจทลและการจดการออนไลน • หลกการออกแบบและจดหนาหนงสอเลม

• ระบบกรด

นศ 222

การออกแบบสอสงพมพ 2 [CA 222 Printed Media Design 2] รวมรวม/เรยบเรยง โดย อาจารยณฏฐพงษ สายพณ

การผลตหนงสอดจทลและการจดการออนไลน | 1

สอสงพมพ (Printed Media) เปนสอทนยมใชกนมากในการประชาสมพนธไมวาจะเปนการประชาสมพนธของหนวยงาน

ของรฐหรอหนวยงานของเอกชน เพราะสอสงพมพเปนสอทสามารถใหรายละเอยดเกยวกบเรองทตองการประชาสมพนธไดอยาง

เทจจรง ยอนหลงกสามารถคนควาไดอยางสะดวกสบาย สามารถอานซาไปซามาไดตามทตองการ

นบตงแตวทยาการตาง ๆ เขามามบทบาทกบชวตของมนษยมากขน ในทศวรรษ 1990 ยคแหงการสอสารระบบดจทล

เกดการหลอมรวมของเทคโนโลยภาพ เสยง การพมพ และคอมพวเตอร ทาใหเกดสอใหมขน สงพมพจงไดมการปรบเปลยนรปแบบ

เพอใหทนตอเทคโนโลย

เมอเทคโนโลยดจทลและโลกออนไลนเขามาเปนสวนหนงของวถชวตประจาวนของผคน ธรกจสงพมพทวโลก ตางตองลก

ขนมาปรบตวครงใหญ เชนวงการหนงสอพมพ จากเดมทเปน "หนงสอพมพฉบบกระดาษ" กาวสการเปน "หนงสอพมพออนไลน"

เชนเดยวกบนตยสาร ตลอดจนสงพมพประเภทอนๆ เชน หนงสอ ทมการปรบตวสรปแบบดจทล เพอเปนชองทางในการ "ทาเงน"

ใหกบธรกจบนเวบไซต และขยายชองทางการเปดรบสอของผบรโภค เมอมการใชอนเทอรเนตและอปกรณอเลกทรอนกสมากขน

รปแบบจากเดมทเปนกระดาษจะถกแปลงขอมลในรปแบบไฟล . pdf และไฟลมลตมเดยอน ๆ ทรองรบรปการเปดอานไฟลใน

ลกษณะของดจทลไฟล

หลกการออกแบบและจดหนาหนงสอเลม

โดยทวไป การออกแบบและจดหนาสงพมพมวตถประสงคทสาคญ 3 ประการ คอ

1. เพอเพมความนาสนใจใหกบสงพมพ

2. เพอชวยใหสงพมพงายตอการอานและทาความเขาใจ

3. เพอสรางความประทบใจและความทรงจาใหกบผอานในระยะยาว

ดงนนการออกแบบและจดหนาสงพมพจงมสวนสาคญในการเพมคณคาใหกบสงพมพและชวยใหการผลตและการใช

สงพมพไดประโยชนสงสด

ปจจยทตองคานงถงการออกแบบและจดหนาสงพมพ

1. ประเภทและลกษณะเนอหาของสงพมพ ตองสอดคลองและสมพนธกบเนอหาทนาเสนอ

2. วตถประสงคในการจดทา เพอเสนอขาวสาร ความร ความบนเทง ฯลฯ

3. กลมเปาหมาย ตองคานงถงจตวทยาในการรบรสารของกลมเปาหมายดวย

4. ขนาดและรปแบบมาตรฐานของสงพมพ

หนงสอเลม • หนงสอเลม คอ สงพมพทเยบรวมกนเปนเลมทมความหนาและมขนาดตาง ๆ กน ไมมกาหนดออกแนนอน และไม

ตอเนองกน มเนอหาทเปนเรองเดยวกน ไมหลายหลายและมความสมบรณในตวเอง หนงสอเลมแบงออกเปนหลาย

ประเภทตามแตลกษณะของเนอหา เชน หนงสอนยาย หนงสอเรยน หนงสอวชาการ สารคด หนงสอเพลง หนงสอการตน

บทกวนพนธ หนงสอเลม เปนสงพมพทมผสนใจเฉพาะกลม เชนเดยวกบหนงสอวารสาร เชน กลมนกเรยน นกศกษาหรอ

การผลตหนงสอดจทลและการจดการออนไลน | 2

กลมอาชพทมความสนใจเฉพาะดาน ยกเวนแตหนงสอทเนนหนกไปทางดานบนเทง สวนใหญหนงสอเลมจะมจานวน

พมพไมมากนก

• สงพมพอเลกทรอนกส เปนสอสงพมพทผลตขนเพอใชงานในคอมพวเตอร หรอระบบเครอขาย อนเทอรเนต ไดแก

Document Formats, E-book for tablet/iPad เปนตน

รปแบบและขนาดของหนงสอเลม

รปแบบของหนงสอเลมนยมจดทาในลกษณะสเหลยมผนผา อาจเปนแนวตงหรอแนวนอนทมขนาดสอดคลองกบกระดาษ

มาตรฐานทมจาหนายทวไป คอ ขนาดทไดจากการใชกระดาษแผนขนาด 31×43 นว ไดแกขนาดสหนายก แปดหนายก สบหกหนา

ยก หรอเลกกวา แตขนาดทเปนทนยม ไดแก ขนาดแปดหนายก เชน หนงสอเรยน และพจนานกรม สวนขนาดสบหกหนายก เชน

หนงสอขนาดกระเปา(pocket book)

สวนแผนกระดาษขนาด 24×35 นว ไดแก ขนาดมาตรฐานกระดาษชดA ทนยมใชกบหนงสอเลม เชน A4 (ขนาดแปดหนา

ยกใหญ หรอแปดหนายกพเศษ) หรอ A5 ทเปนขนาดครงหนงของ A4

สวนประกอบของหนงสอเลม

ไมวาจะเปนหนงสอเลมฉบบทพมพขนนหรออยในรปแบบอเลกทรอนกส หรอจะเปนประเภทใด หนงสอเลมจะ

ประกอบดวย สวนประกอบทสาคญ 3 สวน คอ สวนตนเลม สวนเนอเรอง และสวนทายเลม แตละสวนยงประกอบดวย

สวนยอยอกหลายสวน สวนทหนาและสาคญทสด ไดแก สวนเนอเรอง โดยสวนตนเลมและสวนทายเลมจะเปนสวนเสรมให

หนงสอมความสมบรณมากขน

การผลตหนงสอดจทลและการจดการออนไลน | 3

1. สวนตนเลม (front matter) เปนสวนทอยตอนตนของหนงสอ ประกอบดวย

1.1 ใบหมปก มประโยชนในการรกษาปกหนงสอ

แลวยดงดดความสนใจจากผพบเหนใหเกดความรสก

อยากอาน

1.2 ปกหนา ( front cover) มกใชกระดาษชนด

เดยวกบปกหลง มทงปกแขงและปกออน การออกแบบ

ปกหนงสอทมใบหมปกอยดวยมกเปนรปแบบเรยบ

งายโดยมเพยงชอเรองปรากฏทปก กรณของหนงสอท

ไมมใบหมปก ความเดนของการออกแบบจะรวมไวท

ปกหนาเปนสวนใหญ

1.3 แผนผนกปก ( end paper หรอ end leaf) และ

แผนปลวรองปก (fly leaf) มกพบในหนงสอปกแขง

โดยทวไปจะมมการออกแบบลวดลาย แตจะปลอยให

แผนวางหรอมภาพประกอบเปนภาพพนทวแผน

1.4 หนาชอเรองเสรม (half title page, bastard title

page) อยถดจากแผนปลวรองปก ขอความทปรากฏ

หนานมเฉพาะชอเรองของหนงสอ ซงมกวางใน

ตาแหนงทอยเหนอจดกงกลางเลกนอย จงไมตองการ

การออกแบบอนใดนอกจากการเลอกใชขนาดและ

แบบตวพมพหรอตวอกษรทเหมาะสมและอานงาย

1.5 หนารปภาพนา (frontispiece) มกอยดานซายมอ

ของปกใน เปนหนาทมภาพประกอบเพอความ

สวยงาม ซงหนานอาจมหรอไมมกได

การผลตหนงสอดจทลและการจดการออนไลน | 4

1.6 ปกในหรอหนาชอเรอง (title page) เปนหนาสาคญทตองมในหนงสอทกเลม หนานจะอยดาน

ขวามอของหนงสอเสมอ ขอความทปรากฏไดแก ชอหนงสอ ชอรอง(ถาม) ชอผ เขยน ขอ

บรรณาธการ(กรณทเปนหนงสอเรยบเรยงโดยไมมชอผ เขยนเฉพาะ มแตบรรณาธการเปนผ เรยบ

เรยง) ชอสานกพมพ ชอสถานทพมพ การออกแบบมกเรยบงาย ใชตวอกษรทมขนาดและแบบ

เดยวกบหนาชอเรองเสรม

1.7 หนาลขสทธ (copyright page) อยดานหลงปกในและอยหนาซายมอของหนงสอ เปนหนาทตอง

มในหนงสอทกเลม ขอความทปรากฏจะเปนรายละเอยดเกยวกบการจดพมพ ตงแตปทพมพ

เจาของลขสทธ สานกพมพ สถานทพมพ ขอความทเกยวกบการสงวนลขสทธ นอกจากนเปน

ขอมลเกยวกบการจดทาบตรายการหองสมดทเปนขอมลทสานกพมพจดทาให ไดแก ชอผ เขยน

ชอเรอง จานวนหนา ดรรชนคาคนหนงสอ เลขเรยกหนงสอ หมายเลขเรยกประจาหนงสอ( ISBN)

การออกแบบหนานควรคานงถงการจดกลมขอความใหเปนระเบยบและอานงาย

1.8 หนาคาอทศ (dedication page) เปนหนาทผ เขยนเขยนมอบผลงานเพออทศใหบคคล หรอกลม

สถาบน หนานอาจมหรอไมมในหนงสอกได แตถามจะอยดานขวามอถดจากหนาลขสทธ การ

ออกแบบเนนความเรยบงาย

1.9 หนาคานยม (forward page) เปนหนาทผ อนซงไมใชผ เขยนเขยนเพอกลาวชมหรอเขยนความนา

ใหหนงสอเลมนน หนานอาจมหรอไมมกได การออกแบบเรยบงาย ตวอกษรเดยวกบหนาชอเรอง

เพยงแตเนนชอหนาดวยตวอกษรทใหญและใชตวเนน

การผลตหนงสอดจทลและการจดการออนไลน | 5

1.10 หนาคานา (preface page) เปนหนาทผ เขยนเขยนเกยวกบความนาหรอความเปนมาในการ

เขยนหนงสอเลมนน เพอใหผอานเขาใจความเปนมากอนอานเรองนน หนาคานาจะอยถดจาก

หนาคานยม(ถาม) และมกมในหนงสอทกเลม การออกแบบเรยบงาย ตวอกษรเดยวกบหนาชอ

เรองเพยงแตเนนชอหนาดวยตวอกษรทใหญและใชตวเนน

1.11 หนากตตกรรมประกาศ (acknowledgemant page) เปนหนาทผ เขยนกลาวถงบคคล หรอกลม

บคคลทมสวนชวยในการจดทาหนงสอ เปนหนาทมหรอไมมกได การออกแบบเปนเชนเดยวกบคา

นา

1.12 หนาสารบญ (contents, table of contents) เปนหนาสาคญทตองมในหนงสอทกเลม เปน

หนาทแสดงโครงรางตางๆ ของขอมลทปรากฏในหนาตางๆ ของหนงสอ โดยระบเลขหนาจากนอย

ไปมาก การออกแบบหนานควรเนนความเปนระเบยบและการอานงายในการลาดบเรอง

สวนประกอบบางหนาของสวนตนเลมทเปนหนาสาคญและจาเปนตองมในหนงสอทกเลม ไดแก หนา

การผลตหนงสอดจทลและการจดการออนไลน | 6

ชอเรอง และหนาลขสทธ และหนาสารบญ การจะใหความสาคญกบสวนใดหรอหนาใดเปนพเศษนน ขนอย

กบวตถประสงคการจดหนาหนงสอเปนสาคญ

2. สวนเนอเรอง (text matter)

เปนสวนทหนาทสดในหนงสอ ประกอบดวยเนอเรองสาคญทมในหนงสอ โดยทวไปจะแบงเปนบทตางๆ

และอาจเปนภาค ตอน หรอสวนกได หนาแรกของสวนเนอหาคอหนาทเรมมการนบเลขแสดงหนาหนงสอกากบ

โดยทหนาแรกของแตละบทควรอยดานขวามอ การออกแบบหนาในสวนเนอหา ตองสอดคลองกบเนอหาตลอด

ทงเลม การกาหนดตวอกษรสาหรบชอบทควรใหญกวาตวอกษรทเปนเนอความและใหเปนแบบเดยวกนกบทใช

ในสวนตนเลม

หนาเปดเรองมกจะเปนหนาขวาของหนงสอ แตกไมจาเปนเสมอไป สงทจะปรากฏอยในหนาน ทสาคญ

กคอ ชอเรอง และสวนทเปนตอนตนของเนอเรอง นอกจากนอาจจะมภาพประกอบดวยกได ซงหากม

ภาพประกอบ กอาจจะมเนอหาสน ๆ เกยวกบภาพประกอบนนวางอยตดกบภาพดวย เนอหานเรยกวา คา

บรรยายภาพ (caption)

การผลตหนงสอดจทลและการจดการออนไลน | 7

การออกแบบสวนทเปนเนอเรองควรกาหนดขอบวาง (margin) หรอเนอทวางโดยรอบขอความ ขอบวาง

โดยรอบขอความมประโยชนหลายประการ คอ 1) ทาใหขอความในหนงสอดเดน 2) เปนทสาหรบจบหนาหนงสอ

หรอพลกหนาหนงสอ 3) เปนทเขยนโนตยอหรอเครองหมายขณะอาน 4) ใชสาหรบวางเลขหนา ชอบท หรอชอ

หนงสอ 5) ชวยใหผอานทราบจดเรมตนและจดสดทายของบรรทด 6) ชวยใหหนาหนงสอเปนระเบยบ 7) ชวยพก

สายตา นอกจากนควรคานงถงเนอทของขอบวางระหวางหนาซายและหนาขวา รวมถงดานบนและดานลางของ

หนาใหเหมาะสม อยาลมวาสงสาคญทสดคอการอานวยความสะดวกใหแกผอานมากทสด

3. สวนทายเลม (back matter) เปนสวนทอยถดจากเนอหา มเลขหนากากบตอจากสวนเนอหา ประกอบดวย

1.1 ภาคผนวก (appendix) เปนขอความทเปนสวนประกอบเพมเตมจากเนอหาเพอใหหาขอมล

เพมเตมได เชนรปแบบของแบบสอบถาม หรอแบบสมภาษณ การออกแบบควรใชรปแบบการจด

หนาและใชตวอกษรทสอดคลองกบเนอเรอง แตใชตวเนนสาหรบชอหนา

1.2 เชงอรรถ (footnote) เปนขอความทใชอธบายศพท นยาม การอางอง ทไมรวมไวในเนอหาเพราะ

จะทาใหยาวเกนไป บางครงอาจแทรกไวในสวนเนอเรองหากไมยาวนก การออกแบบหนาเชงอรรถ

ควรสอดคลองกบหนาภาคผนวก

1.3 บรรณานกรม (bibliogarphy) เปนหนาทเกยวกบรายชอหนงสอและเอกสารตางๆ ทผ เขยนใช

เปนแหลงขอมลเพอการอางอง

1.4 อภธานศพท (glossary) เปนหนารวมคาศพททใชในหนงสอเลมนนๆ พรอมคานยามหรอ

คาอธบายโดยเรยงตามลาดบพยญชนะ มกพบในตาราภาษาองกฤษมากกวาตาราไทย การ

ออกแบบหนานควรสอดคลองกบหนาเชงอรรถและบรรณานกรม

1.5 ดรรชน (index) มสองประเภทคอ ดรรชนชอเรองและดรรชนบคคล ทปรากฏในเนอเรองของ

หนงสอเลมนน มเพอใหสบคนเพมเตมเกยวกบเรองหรอบคคลนนได โดยมการระบเลขหนาทม

เรองหรอบคคลนนๆ ปรากฏอยเพอความสะดวกในการคนหา การจดหนานควรสอดคลองกบหนา

อนๆ ในสวนทายเลม

1.6 แผนรองปกหลง (flt leaf) เปนกระดาษและมลกษณะเดยวกนกบแผนรองปกหนา การออกแบบ

จงควรออกแบบใหสอดคลองกน

1.7 ปกหลง (back cover) เปนวสดชนเดยวกบปกหนาแตอยทายเลม ปกหลงอาจมขอความหรอ

รปภาพหรอไมมกได อยางไรกตาม การออกแบบควรสอดคลองกบปกหนา

การผลตหนงสอดจทลและการจดการออนไลน | 8

1.8 ใบหมปกหลง เปนวสดแผนเดยวกบใบหมปกหนา การออกแบบจงควรสอดคลองกน

การจดหนาหนงสอเลม

การจดหนาหนงสอเลมตองคานงถงหลกการออกแบบจดหนาสงพมพ การใชตวอกษร การใชภาพประกอบ และ

องคประกอบศลปเปนหลก ในการใชกาหนดขนาดและความกลมกลนกนของสดสวนตวอกษรและภาพ รวมถงพนทสขาว

ทเปนจดพกสายตาของผอานดวย ทงนสามารถใชระบบกรดมาชวยในการออกแบบจดหนาหนงสอเลมได

ระบบกรด (Grid System)

มหลกการมากมายสาหรบการออกแบบและทสาคญการจะสอสารความคดของนกออกแบบไดดกตองม ระบบ

ระเบยบในการจดวางองคประกอบหรอเรยกอกอยางวา การจดวางเลยเอาท” ทงใหดงาย เนนบางจดทจะสอสาร

มสวนชวยในการวางองคประกอบในดานตาแหนง และขนาด 2 ประการ คอ

1. สรางความกลมกลนใหกบองคประกอบในพนท หนากระดาษ ใน 1 หนวยใหญ

2. ชวยกาหนดขนาดบนพนทหนวยใหญ โดยกาหนดการวางตาแหนงลงสหนวยยอย

ความหมายของระบบกรด

• ระบบกรด เรยกไดอกอยางหนงวา “ระบบตาราง”

• เปนเครองมอทเปนแนวทางการจดองคประกอบใชในการออกแบบกราฟก

• ใชแบงหนากระดาษออกเปนพนทยอยๆใหมขนาดเลกลงแทนทจะเปนพนทขนาดใหญเพยงอยางเดยว โดยการ

ใชเสนตรงในแนวตงและเสนตรงในแนวนอนหลายๆเสน ลากตดกนเปนมมฉากบนพนทหนากระดาษ

• สามารถพลกแพลงแบบไดตลอดเวลา ไมมกฎบงคบใหองคประกอบตาง ๆ อยแตเพยงภายในกรอบทจดไว แต

ใหดผลงานสดทายเปนหลก

• การใชกรดไมใชสงใหม นกออกแบบและศลปนไดใชโครงสรางกรดกนมานานนบศตวรรษแลว

สวนประกอบตาง ๆ ของกรดในหนาออกแบบ

1. มารจน (margins)

2. โมดล (Module/Grid Units)

3. อาลลย (Alleys)

4. กตเตอร (Gutters)

5. คอลมน (Columns)

6. โรว (Rows)

7. สเปเชยลโซน (Spatial Zones)

8. โฟลวไลน/แฮงไลน/ (Flowlines/Hanglines)

9. มารคเกอร (Markers)

การผลตหนงสอดจทลและการจดการออนไลน | 9

มารจน/ชองวางรอบขอบกระดาษ (margins)

• มารจนคอชองวางทอยระหวางขอบของพนททางานซงมตวอกษรหรอภาพปรากฏอยกบขอบของกระดาษทงสดาน

• ความกวางจากขอบกระดาษของชองวางนไมจาเปนตองเทากนทงสดานแตควรเปนแบบแผนเดยวกนทก ๆ หนาในเลม

เพอความตอเนอง

• มารจนเปนจดพกสายตา แตสามารถใชเปนทใสเลขหนา หวเรอง คาอธบายตาง ๆ หรอบทความขยายสน ๆ และอาจใช

เปนทดงดดความสนใจ

โมดล/หนวยกรด (Module/Grid Units)

• โมดลคอชองทเกดจากการแบงหนาออกแบบดวยเสนกรดตามแนวตงและแนวนอนออกเปนสวน ๆ

• ใชเปนพนทใสตวอกษรหรอภาพ

• การแบงสวนระหวางโมดลจะมการเวนชองวางไวไมใหโมดลตดชดกน

• การใชพนทในการวางตวอกษรหรอภาพไมจาเปนตองถกจากดอยภายในแตละโมดล แตสามารถกนพนทหลาย ๆ โมดล

อาลลย/ชองวางระหวางโมดล (Alleys)

• อาลลยคอชองวางระหวางโมดลทตดกน ชองวางดงกลาวอาจทอดยาวเปนแนวตง หรอแนวนอน หรออาจเปนทงแนวตง

และแนวนอนกได

• อาลลยแตละแนวอาจมความกวางทตางกนในหนาหนง ๆ กไดแลวแตผออกแบบ

การผลตหนงสอดจทลและการจดการออนไลน | 10

กตเตอร/ชองวางระหวางหนาตามแนวพบ (Gutters)

• กตเตอร คอชองวางระหวางโมดลของหนาสองหนาทตอกนโดยมแนวพบอยตรงกลาง

• ในการออกแบบหนาหนงสอ ใหระวงอยาใหความกวางของกตเตอรแคบเกนไปจนทาใหขอความตามแนวสนหนงสอขาด

หายหรออานลาบาก

คอลมน/แถวในแนวตง (Columns)

• คอลมนคอโมดลทตอ ๆ กนในแนวตง ซงชองวางระหวางคอลมนกคออาลลย/กตเตอรนนเอง

• ในหนาออกแบบหนงหนาสามารถแบงคอลมนไดกแถวกได และความกวางของแตละคอลมนกไมจาเปนตองเทากน

แลวแตผออกแบบ

โรว/แถวในแนวนอน (Rows)

• โรวคอโมดลทตอ ๆ กนในแนวนอนซงตางจากคอลมนทตอกนในแนวตง และถกแบงแยกจากกนดวยอาลลย/กตเตอร

เชนกน

สเปเชยลโซน/พนทครอบคลม (Spatial Zones)

• คอกลมของโมดลทตอตดกนทงแนวตงและแนวนอนทาใหเกดพนททใหญขน

• ถกนาไปใชในการแสดงขอมลโดยใสเปนขอความตวอกษร หรอภาพกได

โฟลวไลน/แฮงไลน/เสนขวาง (Flowlines/Hanglines)

• คอเสนแบงในแนวนอน ใชเหนยวนาสายตาจากสวนหนงไปอกสวนหนง หรอเปนตวคนเมอจบเรองราว/ภาพหนงและ

กาลงขนตนเรองราว/ภาพอกชดหนง

มารคเกอร/ตวชตาแหนง (Markers)

• มารคเกอรคอเครองหมายทกาหนดตาแหนงบรเวณไวสาหรบใสขอความสนๆ ทระบหมวดหม หวเรองทเปลยนไปเรอยๆ

• มกมตาแหนงเดยวในแตละหนา

สวนประกอบหลกๆ ในระบบกรด

การผลตหนงสอดจทลและการจดการออนไลน | 11

รปแบบตาง ๆ ของกรด (Grid types)

รปแบบพนฐานของกรดมอย 4 ประเภท

– เมนสครปตกรด (Manuscript Grid)

– คอลมนกรด (Column Grid)

– โมดลารกรด (Modular Grid)

– ไฮราซคลกรด (Hierarchical Grid)

รปแบบพนฐานทงสแบบนสามารถนาไปพฒนาสรางแบบทงทเรยบงายจนถงแบบทพลกแพลงซบซอนขน

เมนสครปตกรด (Manuscript Grid)

• เปนกรดทมโครงสรางเรยบงายเปนบลอกใหญบลอกเดยวหรอคอลมนเดยว

• มชอเรยกอกชอวา บลอกกรด (Block Grid)

• ใชกบสงพมพทมแตเนอหาเปนหลก เชน หนงสอ นวนยาย ตารา จดหมายขาว ฯลฯ แตกสามารถ

นาภาพมาวางประกอบ

• เรยบงายแตกสามารถปรบแตงเลยเอาทใหดนาสนใจได และไมจาเจเมอเปดหนาตอหนา

การผลตหนงสอดจทลและการจดการออนไลน | 12

คอลมนกรด (Column Grid)

• เปนรปแบบกรดทมคอลมนมากกวาหนงคอลมนในหนงหนาของแบบ

• มกมความสงเกอบสดขอบของชนงาน

• ความกวางของแตละคอลมนไมจาเปนตองเทากน

• กรดในรปแบบนมกถกนาไปใชใน นตยสาร แคตตาลอก โบรชวร

• การวางภาพในรปแบบกรดประเภทนอาจจะจดวางใหมความกวางเทากบหนงคอลมนหรอมากกวากได

โมดลารกรด (Modular Grid)

• เปนรปแบบกรดทประกอบดวยโมดลหลาย ๆ โมดล

• เกดจากการตเสนตามแนวตงและแนวนอน คอรปแบบทเกดจากการแบงคอลมนในคอลมนกรดตามแนวนอนทาใหเกด

เปนโมดลยอย

• โมดลารกรดเปนรปแบบทสามารถนาไปจดเลยเอาทไดหลากหลาย สามารถประสมประสานภาพกบขอความเปนชด ๆ

จดแบงเรองราวหลาย เรองมาอยในหนาเดยวกน จดภาพประกอบพรอมคาบรรยายหลาย ๆ ชดในหนงหนา

• จเปนรปแบบทประกอบดวยโมดลยอย ๆ มความอสระในการปรบแตงเลยเอาทไดสง มการนามาใชในการออกแบบหนา

โบรชวร แคตตาลอก นตยสารและหนงสอประเภทตาง ๆ ดวยเชนกน

การผลตหนงสอดจทลและการจดการออนไลน | 13

ไฮราซคลกรด (Hierarchical Grid)

• เปนรปแบบกรดทมโครงสรางซบซอน

• ประกอบดวยโมดลไดทงทมขนาดเทากนหรอแตกตางกนมาจดวางในหนาเดยวกน และอาจมการเกยกนของโมดลบางชน

• เปนรปแบบทยากตอการใชงานในการทจะทาใหเลยเอาททออกมาดดและลงตว

• มกใชตอเมอไมสามารถใชกรดรปแบบอน สวนหนงทเลอกใชเนองจากขององคประกอบตาง ๆ ของเลยเอาทมความ

แตกตางคอนขางมาก เชน อตราสวนของดานกวางกบดานยาวของภาพประกอบแตละภาพมความแตกตางกนมาก

• ขอแนะนาในการจดทารปแบบ ไฮราซคลกรด วธหนงคอ นาองคประกอบตาง ๆ ของแบบทงหมด เชน ภาพประกอบ

เนอหา หวเรอง ฯลฯ มากองไว พจารณาภาพรวม คอย ๆ ทดลองจดวางโดยขยบปรบขนาดแตละองคประกอบจนดแลว

ลงตว พอมแนวเปนหลกในการสรางกรดใชรวมกนทงชด/เลมของงานพมพ แลวจงลงมอทางาน

• รปแบบกรดประเภทนมใชในการออกแบบหนาหนงสอ โปสเตอร และฉลากผลตภณฑ เปนตน

ตวอยางระบบกรดอนๆ

การผลตหนงสอดจทลและการจดการออนไลน | 14

ตวอยางระบบกรดอนๆ

ตวอยางระบบกรดอนๆ

ตวอยางระบบกรดอนๆ

การผลตหนงสอดจทลและการจดการออนไลน | 15

การทาภาพประกอบ

ภาพประกอบหนงสอไมวาจะเปนภาพถายหรอภาพทวาดขนมาใหมควรมลกษณะสอดคลองกบเนอหาของหนงสอในเลม

เปนสาคญ ทงนรปแบบลวดลายหรอสไตลนนจะขนอยกบกลมเปาหมายเปนสาคญ นกออกแบบจงจาเปนตองเขาใจถง

วตถประสงคของหนงสอเลมนน โดยใชหลกจตวทยามาชวยจดวางองคประกอบและสอความหมายของเนอหาหรอขอความในหนา

นนๆ ใหดงดดและนาสนใจได

___________________________________________________________ บรรณานกรม

• จนทนา ทองประยร. 2537. การออกแบบและจดหนาสงพมพ. นนทบร : โรงพมพมหาวทยาลยสโขทยธรรมาธราช.

• ปาพจน หนนภกด. 2553. หลกการและกระบวนการออกแบบงานกราฟกดไซน . กรงเทพมหานคร :บรษท ไอดซ

พรเมยร จากด.

• ปราโมทย แสงผลสทธ. 2540. การออกแบบนเทศศลป. กรงเทพมหานคร : โรงพมพ ว.เจ. พรนตง.

• ปรญญา โรจนอารยานนท. 2544. ฟอนตไทยทดควรมลกษณะอยางไร. แบบตวพมพไทย ศนยเทคโนโลย

อเลกทรอนกสและคอมพวเตอรแหงชาต.

• ผจดการออนไลน. 2553. "วารสารศาสตรแหงอนาคต" จดเปลยน - ความทาทายในสอยคใหม ท นศ.ไทยควรร .

Life on Campus มย ตะตยะ . 2547. สนทรยภาพทางทศนศลป. กรงเทพมหานคร :โรงพมพมตรสมพนธกราฟฟค

จากด.

• โสรชย นนทวชรวบลย. 2545. Be Graphic ส เสนทางกราฟกดไซเนอร. กรงเทพมหานคร :บรษท เอ.อาร.อนฟอรเมชน

แอนด พบลเคชน จากด.

• มหาวทยาลยสโขทยธรรมาธราช. 2552. การผลตสอสงพมพ. สาขาวชานเทศศาสตร มหาวทยาลยสโขทยธรรมาธราช

หนวยท 1-7.

• อารยะ ศรกลยาณบตร. 2550. การออกแบบสงพมพ. กรงเทพมหานคร : วสคอมเซนเตอร.

ภาพประกอบบางสวนจาก

• http://www.google.co.th

• http://www.lungthong.com

• https://sites.google.com