สารบัญ...การออกแบบ จะต องเร มต นท ค...

35

Transcript of สารบัญ...การออกแบบ จะต องเร มต นท ค...

Page 1: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค
Page 2: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

สารบญ หนา

คมอการทาสอประชาสมพนธ

0โปสเตอร (poster) 1

0แผนพบ (Folder)

- 0รปภาพ (Picture)

- 0พาดหว (Headline) 2

- 0พาดหวรอง (Subheadline or Subcaption)

- 0ขอความบอกรายละเอยด (◌Body text)

- 0ขอความพสจนขออาง (Proof)

- 0ขอความลงทาย (Closing)

- 0ผรบผดชอบหรอผพมพและโฆษณา (Publishers) 3

ตวอยาง

การออกแบบจะตองเรมตนทคาถาม0 5

การสรางภาพ

การรางงานแบบหยาบ

การรางงานเทาแบบจรง

องคประกอบในการผลตสอสงพมพเพอการโฆษณาประชาสมพนธ 6

หลกการใชสกบสอประชาสมพนธ 10

ตวอยางและวธแนะนาการออกแบบสอ 14

ขนตอนกระบวนการคด Creative 16

Page 3: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

คมอการทาสอประชาสมพนธ

สอประชาสมพนธ คอหนทางหรอวถทางในการนาขาวสารทตองการประชาสมพนธจากผสง

ไปสผรบ ในปจจบนสอในการประชาสมพนธมมากมายและหลากหลาย อนเปนผลเนองมาจากการพฒนาดาน

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

เชญชวน ดงน

3โปสเตอร (poster)

คอภาพขนาดใหญพมพบนกระดาษ ออกแบบเพอใชตดหรอแขวนบนผนงหรอกาแพง

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

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

เพอการประชาสมพนธ

3แผนพบ (Brochure)

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

รายละเอยดไดมากพอสมควรมวตถประสงคเพอการโฆษณา ประชาสมพนธ 3สาหรบแผนพบทออกแบบใน

ปจจบนจะเนนการ ออกแบบและการผลตทใชตนทนตาเปนหลก3 และการออบแบบสาหรบงานพมพในรปแบบ

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

3องคประกอบของภาพโปสเตอรโฆษณา3และแผนพบ

3รปภาพ(Picture)

3พาดหว (Headline)

3พาดหวรอง (Sub headline)

3ขอความบอกรายละเอยด (Body text)

3ขอความพสจนกลาวอาง (Proof)

3ขอความปดทาย (Closing)

3ผพมพและโฆษณา (Publishers)

รปภาพ (Picture)

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

- สะดดตา - นาสนใจ

- สอความหมาย - ประทบใจ

Page 4: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

2 การทาสอประชาสมพนธ

3พาดหว (Headline)

ในการเขยนขอความโฆษณา จาเปนจะตองมพาดหวเสมอเพราะพาดหวเปนสวนทเดนทสดในประเภท

ของขอ ความโฆษณา มไวเพอใหสะดดตาสะดดใจชวนใหตดตามอานเรองราวตอไป ลกษณะของพาดหวทด

ควรจะมขนาดตวอกษรโตหรอเดน เปนขอความทสน กะทดรด ชวนใหนาคดหรอนาตดตามอานตอไป

พาดหวรอง (Subheadline or Subcaption)

คอ ขอความทมขนาดและความสาคญรองลงมาจากพาดหว หรอในกรณทพาดหวเปนประโยคยาว ๆ ทา

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

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

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

3ขอความบอกรายละเอยด (Body text)

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

การโฆษณาตองการเนนใหถงประโยชนเพอการจงใจซอ จงควรชใหเหนวาสนคานใหประโยชนคมคาอยางไร

แตถาเปนสนคาทรจกกนดโดยทวไป อาจจะไมจาเปนตองเนนประโยชนกได เพอใหพนทโฆษณาดโปรงตา ไม

รกไปดวยขอความ ซงจะดดกวาโฆษณาทแนนไปทงภาพดวยเรองราวตางๆ เตมพนท

ประโยชนอน ๆ หรอรายละเอยดเกยวกบสนคา ถาสนคามคณสมบตพเศษ หรอมประโยชนเหนอกวา

สนคาธรรมดาโดยทวไป การเขยนขอความโฆษณาจงควรมรายละเอยดสวนนไวดวย เพอชวยสรางความสนใจ

เปนพเศษแกผอาน เชน เครองดดฝ น นอกจากใชดดฝ นแลวยงสามารถใชเปาลมไดอกดวย

3ขอความพสจนขออาง (Proof)

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

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

ทยอมรบและรจกกนดในสงคม กจะไดรบความสนใจและไดรบความเชอถอเปนพเศษโดยเฉพาะคนเดนคนดง

ใน สาขาอาชพนนๆ เชน นกกฬาทมชอเสยงระดบชาต หรอระดบโลก โฆษณาสนคาทเกยวกบกฬาประเภท

นนๆ ผมชอเสยงเกยวกบอาหารการกน แนะนาเรองอาหารหรอเกยวกบอาหาร

3ขอความลงทาย (Closing)

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

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

3

Page 5: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

3 การทาสอประชาสมพนธ

ผรบผดชอบหรอผพมพและโฆษณา (Publishers)

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

อตสาหกรรม สวน ฝาย หรอหนวยรวมตาง ๆ เปนตน

หมายเหต : ในงานโฆษณาประชาสมพนธ องคประกอบขางตน อาจจะมครบทง 7 องคประกอบ หรอมไมครบ

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

ตวอยาง

1.รปภาพ

2.พาดหว

3.พาดหวรอง

4. ขอความบอก

รายละเอยด

7.ผรบผดชอบ

Page 6: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

4 การทาสอประชาสมพนธ

ตวอยาง

1.รปภาพ

2.พาดหว

3.พาดหวรอง

4. ขอความบอก

รายละเอยด

7.ผรบผดชอบ

6. ขอความลงทาย

Page 7: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

5 การทาสอประชาสมพนธ

การออกแบบจะตองเรมตนทคาถาม

ตองการผลสมฤทธอะไร ?

ใครเปนกลมเปาหมาย ?

ตองการจะพดอะไร ?

ใชวธการเสนอขาวอยางไร ?

คาใชจายหรองบประมาณทใช ?

การสรางภาพ

เมอไดมการพจารณาเลอกสอทจะทาการผลตเพอใหเหมาะสมกบเนอหาสาระแลว ใหทาการออกแบบ

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

หลก

การรางงานแบบหยาบ

การสรางภาพตองเรมดวยการรางหยาบกอนซงเปนจดเรมตนออกแบบการรางหยาบ หมายถงการนาเอา

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

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

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

การรางงานเทาแบบจรง

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

ภาพ สวนใดเปนตวพมพ สวนใดเปนชองวาง สวนใดเปนเนอหาเดนหรอเนอหารอง สวนใหญจะใชดนสอดาราง

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

Page 8: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

6 การทาสอประชาสมพนธ

องคประกอบในการผลตสอสงพมพเพอการโฆษณาประชาสมพนธ

มหลกการสาคญทใชเปนเกณฑ ในการพจารณาอย 7 ประการ คอ

1. สวนสด (Proportion)

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

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

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

ขนาดองคประกอบยอย ๆ สวนอน ๆ ในสอสงพมพไดอกดวย

1รปแบบสวนสดม 2 ประการคอ1

1.1 ความสมพนธในเรองของขนาด ระยะหรอพนทระหวางของสองสง เชน กวาว –ยาว0 สอดคลองกบ

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

กาหนดสวนสดใหเปนรปสเหลยมจตรส หรอสเหลยมผนผาเพราะจะดไมนาสนใจ1

1.2 การเปรยบเทยบระหวางองคประกอบยอย และภาพรวมขององคประกอบทงหมด1 เชน ขนาด

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

หนงสอพมพ1

2. ความสมดล (balance)

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

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

ภายในผลงานนน ๆ

1ความสมดลในการจดวางรปแบบม 2 ประเภท คอ0

2.1 ความสมดลแทหรอทองคประกอบทางซายและขวา หรอบนและลางมนาหนกเทากน0

2.2 ความสมดลเทยม คอความสมดลทองคประกอบทางดานซายและขวา หรอบนและลางมนาหนกไม

เทากน เมอมองรวมกนแลวจะใหคานาหนกของภาพเทากนรอบจดกงกลางของสายตา ( optical center )

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

ภาพตางๆ มาจดแบงนาหนกของภาพใหอยในสมดลกนการทดสอบวาการจดวางตาแหนงมความสมดลกน

หรอไมอาจทางายๆ ไดดวยการหรตามองในระยะหางหลายๆฟต0 ซงจะทาใหมองไมเหนรายละเอยดของภาพ แต

จะมองเหนเฉพาะสวนประกอบใหญๆ0 ทมนาหนกเทานน ซงจะทาใหพจารณาไดวามสวนใดใหญไปเลกไป เขม

ไป หรอออนไป0 หรอหนกไปทางดานใดดานหนงได

Page 9: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

7 การทาสอประชาสมพนธ

3. 1ความแตกตาง0 (Contrast)

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

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

การโฆษณาเพอประชาสมพนธ ถาไมเนนใหเหนความแตกตาง งานกจะดไมนาสนใจ

3.1. การเนนความแตกตางโดยขนาด คอตองการเนนใหมขนาดใหญขนกวาปกต0 ซงมกพบในงาน

โปสเตอร ปกหนงสอ และงานโฆษณาตางๆ

3.2. 1การเนนความแตกตางโดยรปราง การใชขนาดทแตกตางกนเพยงอยางเดยวยงไมเพยงพอ อาจตอง

ใชวธสรางองคประกอบภาพใหมรปรางทตางๆ กนออกไปดวย ซงอาจทาไดโดยการบง ( crop ) ภาพบางสวน

การใชฮาฟโทน หรอการใสสกรนขนาดตางๆ เขาชวยในการทาตวอกษรหรอภาพได การเนนความแตกตางโดย

รปราง การเนนความแตกตางโดยการใชความแก– ออนของสภาพ การเนนความแตกตางดวยทศทาง

Page 10: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

8 การทาสอประชาสมพนธ

3.3. 1การเนนความแตกตางโดยการใชความแก – ออนของสภาพ อาจจะทาใหสวยงามนาสนใจมากขน

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

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

หรอการใชเนอทวางแทรกระหวางหนาทม เนอความมากๆ เปนตน

3.4. การเนนความแตกตางดวยทศทาง การใชทศทางในการชแนะผอานใหตดตามขอความทตองการ

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

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

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

Page 11: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

9 การทาสอประชาสมพนธ

4. 1ลลา 1(Rhythm)

หมายถง การเคลอนไหวทมความซ าและตอเนองกนเปนระยะ ๆ และจากการเคลอนไหวซ าๆ กน ทาให

เกดรปราง ขนาด รปลกษณะตาง ๆ กนออกไป

4.1. โดยกาหนดใหมองคประกอบทมรปแบบเดยวกนเรยงซ ากน ความแตกตางกนในรปแบบทวางม

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

4.2. 1โดยการใชเสนเปนเครองบงชถงลลาของภาพ เปนการใชเสนหรอสวนประกอบของรปแบบ ชวย

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

จากสวนประกอบหนงไปอกสวนประกอบหนงทาใหภาพดไม “นง”เกนไปชวยปองกนความสบสนจากการด

สงพมพดวย วธการหนงทชวยใหสงพมพดมลลาโดยการใชลกศรหรอเสน ซงอาจเปนเสนตรง เสนโคง หรอเสน

ในลกษณะอนทนาไปสจดสนใจได

5. 1ความมเอกภาพ (Unity)

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

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

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

มเอกภาพทาไดโดยการใชจานวนแบบตวพมพหรอแบบตวอกษรทไมมากเกนไปในหนงหนา เพอไมใหเกด

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

6. การผสมกลมกลน0 (Harmony)

6.1. การออกแบบจะตองจดใหองคประกอบของภาพใหมความผสมกลมกลนและไดผลตามความ

ตองการหลก 2 ประการ

- รปแบบทออกมาจะตองสะดดตาผชม

- ภาพรวมทงหมดจะตองสอความหมายหรอใหผลในการมองเปนสงเดยวกน

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

7. เนนจดแหงความสนใจ (Center of interest)

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

ผด ตาแหนงจดแหงความสนใจนน อาจอยในบรเวณ optical center

Page 12: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

10 การทาสอประชาสมพนธ

หลกการใชสกบสอประชาสมพนธ

1. การใชสกลมกลน

สาหรบการใชสในการออกแบบเพอใหเกดความกลมกลน กคอ การพจารณาความสมพนธของสตางๆ

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

ดงน

1.1 การใชสสนเดยว (monochromatic scheme) เปนการใชสแทเพยงสเดยวในการออกแบบ หลกการน

เปนพนฐานทงายทสดในการสรางความกลมกลน

1.2 การใชสใกลเคยงกน (analogous scheme) เปนการสรางความกลมกลนโดยเลอกใชสทคลายคลง

หรอใกลเคยงกน การเลอกสใกลเคยงกนอาจเลอกจากสทอยเรยงตดกนในวงลอส ซงสทเรยงตดกนเปนส

ใกลเคยงกน เชน สเหลองสม สเหลอง และสเหลองเขยว

1.3 การใชสวรรณะเดยวกน (tone harmony scheme) ในวงลอส จะสามารถแบงสไดเปน 2 วรรณะ คอ

วรรณะรอน (warm tone) ซงเปนสทมสเนนหนกไปทางสแดง ไดแก สมวงแดง สแดง สสมแดง สสม สสม

เหลอง และวรรณะเยน (cool tone) ซงเปนสทมสเนนหนกไปทางสน าเงน ไดแก สเขยวออน สเขยว สเขยวน า

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

นามาใชรวมกน

2. การใชสแตกตาง

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

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

2.1 การใชสคตรงขาม (complementary contrast) สคตรงขามเปนสทอยตรงขามกนในวงลอส เชน ส

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

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

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

สเหลอง ตรงกนขามกบ สมวง

สแดง ตรงกนขามกบ สเขยว

สนาเงน ตรงกนขามกบ สสม

สเขยวเหลอง ตรงกนขามกบ สมวงแดง

สสมเหลอง ตรงกนขามกบ สมวงนาเงน

สสมแดง ตรงกนขามกบ สเขยวนาเงน

2.2 การใชสใกลเคยงสคตรงขาม (near or split complementary contrast) ถาการใชสตรงขามเพอให

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

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

สเหลองเพอใหดแตกตางกนแทนสมวงได

Page 13: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

11 การทาสอประชาสมพนธ

2.3 การใชสสวางสตางกน (value contrast) สทมความสวางสทใกลเคยงกนมาอยใกลกน จะทาใหมองด

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

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

2.4 การใชสทมวรรณะตางกน (tone contrast) เปนการใชสทงสองวรรณะเขาดวยกนในภาพ สทอยใน

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

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

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

3. การใชสสมดล

การใชสใหเกดความสมดลในสายตา อาจทาไดอยางงายๆ โดยการแบงพนทเปน 2 สวน คอ ซาย-ขวา

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

หลายวธดงน

3.1 การใชสสามเสา (triad balance) สสามเสา หมายถง ส 3 สซงอยในวงลอสโดยมตาแหนงหางกน

เทาๆ กน ในการออกแบบวธนตองใชส 3 สอยดวยกน สสามเสาในวงลอสจะใหกลมสทสมดลทสด เชน กลมส

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

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

แรงของอกสองส ดวยการลดความอมตวหรอความสวางสลง

3.2 การใชปรมาณพนทสมดลกบความสวางส (quantization balance) ในการใชสตงแต 2 สขนไป

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

สวางสงกวาจะตองมปรมาณพนทนอยกวาสทมความสวางตากวา เพอใหดวามพนทสมดล เชนสเหลองมความ

สวางสสงกวาสน าเงนประมาณ 3 เทา เมอนาสองสนมาใชใหเกดความสมดลแลว ควรใชพนทของสเหลองให

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

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

หลกการใชสสอความรสก

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

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

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

ตางๆ กนไดมาก ดงตวอยางตอไปน

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

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

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

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

Page 14: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

12 การทาสอประชาสมพนธ

สญลกษณของความรก ตลอดจนอารมณตางๆ ทเกยวกบความเรารอน ความขดแยง ทะเลาะววาทและอนตราย

เปนตน

1.2 สนาเงน เปนสทมความสวางสตา ใหความรสกเยอกเยน เงยบสงบ ความรบผดชอบ ความจรงใจ ส

นาเงนเขมมกเปนสทนกบรหารชนสงเลอกใชเปนสของรถ เครองแตงกาย สาหรบสน าเงนออน หรอสฟา มกทา

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

และความชมชน เชน ลกอมทมเมนทอลผสม เปนตน

1.3 สเหลอง เปนสทมความสวางสสง สเหลองทสดใสเปนสญลกษณของดวงอาทตย ใหความรสก

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

ความขขลาด ความออนแอ โรคภยไขเจบ

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

ความมชวตชวา การเตบโต ความเปนธรรมชาต นยมใชเปนสสาหรบสนคาทปลอดสารเคม หรอการอนรกษ

สงแวดลอม

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

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

อา และความประทบใจ

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

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

พราก

1.7 สดา เปนสทมความสวางสตาทสด ใหความรสกหกห เครงขรม ลกลบ นากลว ชวราย ความเปน

อมตะ ในบางประเทศใชสดาแสดงถงความเศราหมอง ความตาย

กลมของสทใหความรสกตางกน

นกออกแบบโฆษณาไดศกษาและทดลองการใชกลมสของส จานวน 3-4 ส ในการสรางความรสกแก

กลมเปาหมายใหสอดคลองกบวตถประสงคของการโฆษณา โดยสามารถสรปลกษณะของกลมส ไดดงน

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

อนตราย ไดแก สแดง สดา สเหลอง และสแสด

2. กลมสทแสดงความเปนผหญง เหมาะสาหรบใชกบการออกแบบทเนนความเปนผหญง หรอ

ผลตภณฑสาหรบผหญง ไดแก สชมพ สฟา สเหลองออน และสเขยวออน

3. กลมสทแสดงความเปนผชาย เหมาะสาหรบใชกบการออกแบบทเนนความเปนผชาย หรอผลตภณฑ

สนคาสาหรบผชาย ไดแก สดา สนาเงน สเทา และสแดง

4. กลมสทเนนความสด เหมาะสาหรบใชกบการออกแบบทเนนความสดของสนคา เชน อาหาร

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

Page 15: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

13 การทาสอประชาสมพนธ

5. กลมสทแสดงออกถงสขภาพ เหมาะสาหรบใชกบการออกแบบผลตภณฑทเนนดานสขภาพ เชน

อาหารเสรม ยา ไดแก สเหลอง สนาตาล และสเขยว

6. กลมสทแสดงออกถงความสนสะเทอน เหมาะสาหรบใชกบการออกแบบ ซงตองการแสดงความ

เคลอนไหว สนสะเทอน ไดแก สนาเงน สแดง สเหลอง และสเขยว

7. กลมสทแสดงออกถงความนาเชอถอ เปนสทเหมาะสาหรบใชกบการออกแบบ ซงตองการจงใจใหผด

เชอถอในสนคา หรอผลตภณฑนนๆ ไดแก สดา สเหลอง สนาตาล และสทอง

หวขอการใชสกบตวอกษร

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

ของผอานมหลกเกณฑในการกาหนดสเพอใหเกดประจกษภาพ ดงน

1. เมอตองการใชสมากกวา 1 ส ควรเลอกใชสเขมทสดเปนสสาหรบขอความซงตองการเนนหรอ

ตองการใหผอานอานกอน สวนสอนๆ จะใชเปนสวนประกอบเพอสรางอารมณใหกบผอานเทานน

2. สพนหลงของตวอกษรสดา หรอเขม ความเปนสออนซงมความสวางสสง เพอใหอานขอความไดงาย

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

สวางสใหกบสพนดวยการกาหนดเปนพนสกรน

3. เมอตองการกาหนดตวอกษรใหเปนสอนซงไมใชสดา ไมควรกาหนดสตวอกษรเปนสออน หรอสทม

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

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

เนนเทานน

สรป

สมความสาคญอยางมากตองานออกแบบ โดยเฉพาะในงานออกแบบกราฟก และสงพมพ เพราะ

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

อยางถกตอง เหมาะสมและมคณภาพอกดวย

การใชสนนมหลกการตามหลกการออกแบบสามารถทาได 3 วธไดแก

1. การใชสกลมกลน

2. การใชสแตกตาง

3. การใชสสมดล

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

สเพอสอความรสก เพอบอกขนาด เพอบอกระยะ และเพอบอกความเคลอนไหว และการเลอกใชสเพอการ

ออกแบบทางการพมพมขอควรคานงถงในดานการรบรสกทผดพลาด ปญหาในการพมพ ประจกษภาพ และ

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

Page 16: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

14 การทาสอประชาสมพนธ

ตวอยางและวธแนะนาการออกแบบสอ

สงพมพ

แบนเนอร

วทย

วดโอ

การออกแบบสอ

สงพมพ

การออกแบบสอ

Page 17: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

15 การทาสอประชาสมพนธ

สงพมพ

การออกแบบสอ

หวเรองหลก

หวเรองรอง

รายละเอยด

รปภาพ

อางองผจดทา

ขอความลงทาย

สมครดวน

แบนเนอร

การออกแบบสอ

เป�นการวางภาพโฆษณาลงไปบนหนาเวบแลวทา

ไฮเปอรลงก

กลบไปยงเวบทโฆษณา

เวบแบนเนอรสรางขนจากไฟลรปภาพทวไป

เชน GIF JPEG PNG

Page 18: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

16 การทาสอประชาสมพนธ

ขนตอนกระบวนการคด Creative

1. แนวคดในการออกแบบ Concept

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

ตรงกลมเปาหมายใหมากทสด (ประโยชนใชสอย+ความสวยงาม)

2. ขอมลรายละเอยด-เนอหาของโครงการ DATA/Project

ทาความเขาใจเกยวกบโครงการและเปาหมายของกจกรรม/โครงการ

3. รปภาพ Picture + ส Color

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

สวยงาม เชน การใชสใหตรงกบองคกร (กรมสงเสรมอตฯ-สมวง)

4. ขอความ ตวอกษร (Font)

การใชตวอกษรใหเหมาะสมกบลกษณะงาน บรรยากาศ และโอกาส

5. การจดวางรปแบบ Lay Out

4.1 รปแบบของแผนพบ จากกระดาษ A4 พบ2 , พบ3, แนวตง แนวนอน

4.2 รปแบบการจดวางขอมล-รปภาพในแผนพบ

คานงถงสดสวน ความเหมาะสม การอานงาย ดงดดตา....อาย/วย กลมคน

คานงถงผใช-ผอาน หรอกลมเปาหมายเปนหลก

พฤตกรรมการอาน, ขอความภาษาไทย+ภาษาองกฤษ

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

Page 19: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

คมอการเรมใชงานใน ssmwiki

การสมครและใชงาน ssmwiki

1.จากเวบไซต www.ssmwiki.org แลวทาการสรางบญชผใช สาหรบ

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

Page 20: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

2.สาหรบผใชใหม คลกท สรางบญชผใช สาหรบผมบญชผใชแลวใส ชอผใช

และรหสผาน

3.กรอกขอมลสวนตวสาหรบการสรางบญชผใช โดยขอใหใชชอผใชเปนชอ

จรง

4.ระบบจะแจงวาทานลอกอนสาเรจ

ทานสามารถเขาไปดหนาหลกของ SSMWIKI ได หรอจะเลอกเขา

บทความทมใน SSMWIKI แลวหรอสรางบทความใหมได โดยการพมพ

ชอบทความทตองการ

การดขอมลตางๆ ใน ssmwiki

Page 21: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

1.เมอ Login แลว ทานสามารถคนหาบทความทมอยแลวหรอสราง

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

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

2.หรออกทางหนง หากตองการดบทความทมอยท งหมด ใหไปทหนา

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

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

เปนสฟา

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

ตามหมวดหม ทไดทากาหนดไวในบทความ เมอพบบทความทตองการ

ทานสามารถอานเนอหาของบทความทมอยไดทกบทความ หากทานไม

พบบทความททานตองการและทานตองการใหสรางบทความนน ทาน

จะตองสรางหนาบทความนนกอนพรอมทงพมพขอมลของบทความเทาท

ทานทราบหรอตองการ เพอใหผรมาเพมเตมขอมลในบทความนน

การแกไขและเพมเตมขอมลใน ssmwiki

Page 22: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

1.เมอเขาหนาบทความทตองการไดแลว และไดอานบทความพรอมทงม

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

ทานสามารถเขาไปแกไขหรอเพมเตมขอมลไดโดย คลกทTabแกไข

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

บทความ ใหคลกทแกไขทายซอเนอหาของสวนนน

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

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

เกยวกบคาสงทใชใน MediaWiki และมขอเสนอแนะการปรบปรง

คาสงทเกยวของกบการจดหนาใหดกวาทใชอย ขอความกรณาทานชวย

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

พมพโดยไมตองกงวลกบคาสงตางๆ ใหพมพเหมอนกบทานให MS Word

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

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

Page 23: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

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

ความถกตองแลวให คลกทบนทกเพอบนทกบทความ

การแทรกภาพ 1.เตรยมภาพทตองการโดยใหภาพมขนาดไมเกน 100 kb

2. อปโหลดภาพ

โดยไปท เมนดานซาย

เครองมอ เพมใหคลกท

อปโหลด

3.หนา อปโหลดเลอกภาพดวยการคลกทBrowse เมอเลอกไดแลวใหตง

ชอภาพเปนชอทเราจะนาไปแทรกหรอแสดง แลวไปคลกทอปโหลดทดานลาง

อกครงหนง

4.การแทรกภาพในหนาแกไขบทความ ใหนาเคอรเซอรไปไวในตาแหนงท

ตองการแทรก แลวไปทเมนลดใสภาพจะมคาสงการแทรกภาพตรงเคอรเซอรท

ทานวางไว ใหใสชอภาพพรอมสกลตามทเราอปโหลดไว

การสรางหนาบทความใหม

Page 24: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

1.พมพชอบทความทตองการสรางในชองคนหาเมนดานซายแลว เชน อาหาร

ปลอดภยแลวคลกทไป

2.ระบบจะแสดงหนาคนหาหากชอบทความทตองการมผสรางไวแลว ระบบจะ

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

มอยแลว)แตถาชอทตองการคอ อาหารปลอดภยยงไมมใน ssmwiki จะม

ขอความแจงวา ไมพบหวขอ "อาหารปลอดภย" คณอาจจะ สรางหนาใหมใน

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

ตองการ หรออกวธหนงคอไป คลก ทชอบทความคออาหารปลอดภยทอย

ดานบนขวาของหนานกได

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

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

ของตวอกษร การแทรกรป และการเชอมโยงภายในและภายนอก

4.หนาบทความใน ssmwiki จะแบงเปน 3 สวนคอ

Page 25: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

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

คาสง=ชอตอน= 3. สวนทแสดงหมวดหม ใน ssmwiki จะมหมวดหมทสาคญ 9

หมวดหม ทานสามารถดหมวดหมทงหมดไดโดยคลกทหมวดหมท

อยเมนดานซาย

ทานสามารถพมพขอมลตางๆ ไดในสวนทเปน Contents หากทานไม

สามารถเขยนคาสงในสวนท 1 และ 2 ใหเวนไว ผดแลระบบจะดาเนนการ

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

บนทก เมอเหนวาขอมลทพมพมความถกตองครบถวนแลว

5. แสดงหนาจอเมอทานบนทกเสรจเรยบรอยแลว

Page 26: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 1

การสมครและใชงาน ssmwiki

1. จากเวบไซต www.ssmwiki.org แลวทาการสรางบญชผใช สาหรบผ

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

2. สาหรบผใชใหม คลกท สรางบญชผใช สาหรบผ มบญชผใชแลวใส ชอผใช

และรหสผาน

Page 27: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 2

3. กรอกขอมลสวนตวสาหรบการสรางบญชผใช โดยขอใหใชชอผใชเปนชอจรง

4. ระบบจะแจงวาทานลอกอนสาเรจ

ทานสามารถเขาไปดหนา

หลกของ SSM WIKI ได หรอ

จะเลอกเขาบทความทมใน

SSMWIKI แลวหรอสราง

บทความใหมไ ด โดยการ

พมพชอบทความทตองการ

Page 28: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 3

การดขอมลตางๆ ใน ssmwiki

1. เมอ Login แลว ทานสามารถคนหาบทความทมอยแลวหรอสราง

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

ในชองคนหาทอย

ใ น เ ม น ด า น ซ า ย

แลวคลกทไปหรอ

คนหากได

2. หรออกทางหนง หากตองการดบทความทมอยทงหมด ใหไปทหนาหลก

แลวเลอนหนาลงไปท

ส ป ด า ห น ม อ ะ ไ ร

ใหมเลอกบทความท

ผ ดแลระบบนาขนมา

ใหเขาบทความนนได

โดยตรง โดยคลกท

ชอบทความทเ ปนส

ฟา

Page 29: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 4

3. หรอจะไปเลอกท

กลองขอความดานบนจะม

รายการใหเลอกบทความ

ต า ม หม วด ห ม ท ไ ด ท า

กาหนดไวในบทความ เมอ

พบบทความทตองการทาน

สามารถอานเ น อหาของ

บทความทมอยไดทกบทความ หากทานไมพบบทความททานตองการและทาน

ตองการใหสรางบทความนน ทานจะตองสรางหนาบทความนนกอนพรอมทง

พมพขอมลของบทความเทาททานทราบหรอตองการ เพอใหผ รมาเพมเตม

ขอมลในบทความนน

Page 30: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 5

การแกไขและเพมเตมขอมลใน ssmwiki

1. เ ม อ เ ข า ห น า

บทความทตองการไดแลว

และไดอานบทความพรอมทง

มขอมลเพมเตมทจะแบงปน

ห รอพ บว า ขอมล ทอย บ น

บทความ ไมถก ตอง ทาน

สามารถเขาไปแกไขหรอเพมเตมขอมลไดโดย คลกทTabแกไขของบทความ

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

ทายชอเนอหาของสวนนน

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

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

เ ก ย ว ก บ ค า ส ง ท ใ ช ใ น

MediaWiki แ ล ะ ม

ขอเสนอแนะการปรบปรง

คาสงทเกยวของกบการจด

หนาให ดกวา ท ใ ชอย ขอ

ความกรณาทานชวยเขยน

คาแนะนานนลงใน Tab

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

เหมอนกบทานให MS Word

Page 31: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 6

3. เ ม อ พ ม พ

ขอความทตองการแลวให

คลกทแสดงตวอยางเพอ

ดผลการพมพซงจะเปน

ห น า ท แ ส ด ง ใ ห ผ เ ข า

บทความนนไดเหนและ

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

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

บนทกบทความ

Page 32: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 7

การแทรกภาพ

1. เตรยมภาพทตองการโดย

ใหภาพมขนาดไมเกน 100 kb 2. อปโหลดภาพโดยไปทเมน

ดานซาย เครองมอเพมใหคลกท

อปโหลด

3. หนา อปโหลดเลอก

ภาพดวยการคลกทBrowse

เมอเลอกไดแลวใหตงชอภาพ

เปนชอทเราจะนาไปแทรกหรอ

แสดง แลวคลกทอปโหลดท

ดานลางอกครงหนง

4. การแทรกภาพในหนา

แกไขบทความ ใหนาเคอรเซอรไป

ไวในตาแหนง ท ตองการแทรก

แลวไปทเมนลดใสภาพจะมคาสง

การแทรกภาพตรงเคอรเซอร ท

ทานวางไว ใหใส ชอภาพพรอม

สกลตามทเราอปโหลดไว

Page 33: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 8

การสรางหนาบทความใหม

1. พมพชอบทความทตองการ

สรางในชองคนหาเมนดานซายแลว

เชน อาหารปลอดภยแลวคลกท

ไป

2. ระบบจะแสดงหนาคนหาหากชอบทความทตองการมผ สรางไวแลว

ร ะ บ บ จ ะ แ ส ด ง ห น า

บทความอาหารปลอดภย

ขนมา(ระบบจะไมอนญาต

ใหสรางซาชอทมอยแลว)แต

ถาชอทตองการคอ อาหาร

ป ล อ ด ภ ย ย ง ไ ม ม ใ น

ssmwiki จะมขอความแจง

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

ทสรางหนาใหมในชอน ทานจไดบทความใหมในชอททานตองการ หรออกวธ

หนงคอไป คลก ทชอบทความคออาหารปลอดภยทอยดานบนขวาของหนาน

กได

Page 34: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 9

3. ในหนาบทความในทน

คออาหารปลอดภย จะมพนทวาง

สาหรบการเขยนบทความ และ

ขอบดานบนของบทความจะม

เมนลดเพอชวยในการจดรปแบบ

ของตวอกษร การแทรกรป และ

ก า ร เ ช อ ม โ ย ง ภ า ย ใ น แ ล ะ

ภายนอก

4. หนาบทความ ใ น

ssmwiki จะแบงเปน 3 สวน

คอ

4.1 ส ว น ท เ ป น

ค า ส ง ก า ร จด

หนาและแสดง

หวขอ

4.2 สวนทเปนเนอหา หรอ Contents ซงสามารถแบงตอนไดดวย

คาสง=ชอตอน=

Page 35: สารบัญ...การออกแบบ จะต องเร มต นท ค าถาม 0 5 การสร างภาพ ... ข นตอนกระบวนการค

หนา 10

4.3 สวนทแสดงหมวดหม ใน ssmwiki จะมหมวดหมทสาคญ 9

หมวดหม ทานสามารถดหมวดหมทงหมดไดโดยคลกทหมวดหม

ทอยเมนดานซาย

ทานสามารถพมพขอมลตางๆ ไดในสวนทเปน Contents หาก

ทานไมสามารถเขยนคาสงในสวนท 1 และ 2 ใหเวนไว ผดแลระบบจะ

ดาเนนการในภายหลง เมอทานพมพขอมลเรยบรอยแลวใหคลกท

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

ครบถวนแลว

5. แสดงหนาจอเมอทานบนทกเสรจเรยบรอยแลว