งานนิตยสาร1

1. Contrast ด้วยความเข้ม-ความออ่ น (Dark and Light Colors) ตวั อยา่ ง เราจะเหน็ วา่ ภ า พ ด้ า น ล่ า ง มี โ ท น สี เดียวคือออกม่วงนำ�้ เงิน แต่ตัดกันกันด้วยส่วน ท่ีเป็นเงามืดและส่วนท่ี โดนแสงจนสวา่ ง แต่ โดยภาพรวมฉากหลังก็ ถูกค่าความสว่างกดไว้ ไม่ให้มีความขาวท่ีสุดมนั คอื เบสคิ แหง่ การคอนทราสต์ เพราะมนั เพ่ือให้ตัวหนังสือสีขาวท่ีมีค่าความสว่างคือการเลือกใช้สีท่ีมีความสว่างกับความ มากทส่ี ดุ ไดเ้ ดน่ ออกมาจากฉากหลงั นน้ั ได้มดื มาตดั กนั เราไมไ่ ดห้ มายถงึ สคี ตู่ รงขา้ มแตม่ นั คอื น�ำ้ หนกั ของสนี น้ั ๆทเ่ี มอ่ื มองเปน็ สีขาว-ด�ำ มนั จะเปน็ ความสวา่ งหรอื มดื เทา่ นน้ัซง่ึ มนั อาจจะเปน็ สเี ดยี วกนั กไ็ ดแ้ ตเ่ มอ่ื เตมิ สีขาวเขา้ ไปกส็ วา่ งขน้ึ เตมิ สดี �ำ เขา้ ไปกเ็ ขม้ขน้ึ เทา่ นน้ั เอง

2. Contrast ดว้ ยวงล้อสีสัน(Color Hue)อนั นเ้ี ปน็ เรอ่ื งของสแี ลว้ ละ่ ครบั มนั คอื วงลอ้ สี วงลอ้ สเี กดิ ขน้ึ จากเนอ้ื สจี รงิ ๆทผ่ี สมกนั จนเปน็ สตี า่ งๆในวงลอ้ หรอื ทเ่ี ราเรยี กกนั วา่ วงจรสนี น่ั แหละ ซง่ึ แตล่ ะสที ม่ี คี า่ ความสดอม่ิไมเ่ ทา่ กนั กเ็ พราะขน้ึ อยกู่ บั คา่ ความสวา่ ง/มดื ของมนั ดว้ ยเชน่ กนั โดยวธิ งี า่ ยๆในการใชง้ านสจี ากวงจรสกี แ็ แคเ่ อาวงลอ้ มาดวู า่ สไี หนตอ้ งใชต้ รงขา้ มกบั สไี หน ซง่ึ มวี ธิ กี ารจบั คสู่ ดี งั น้ี• Monochromatic สโี ทนเยน็ : กเ็ ลอื กสเี ดยี วในโทนเยน็ มาปรบั คา่ ความสวา่ ง/มดื• Analogous สโี ทนรอ้ น : กเ็ ลอื กสเี ดยี วในโทนรอ้ นมาปรบั คา่ ความสวา่ ง/มดื• Complementary สคี ตู่ รงขา้ ม : กเ็ ลอื กสองสที อ่ี ยตู่ รงขา้ มกนั เปะ๊ ๆเลย

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

4. Contrast ด้วยความเข้มของสี (Intensity)เรารจู้ กั Intensity ของสี ดว้ ย Desaturated เขา้ ไป อน่ื ทส่ี ดนอ้ ยกวา่ ไดเ้ ชน่ กนัในการเรยี กอยา่ งตดิ ปาก จะท�ำ ใหค้ วามสดอม่ิ ของสีวา่ คอื ความสด มนั คอื สที ่ี ลดลงมาไดถ้ งึ 0% คอื สเี ทาเมอ่ื มคี า่ ความบรสิ ทุ ธแ์ิ บบ เลย เราใชป้ ระโยชนข์ อง100% จะเปน็ สหี ลกั ของมนั ระดบั ความสวา่ งนช้ี ว่ ยการเอง ทเ่ี มอ่ื มคี วามสวา่ งสดอม่ิ ออกแบบทข่ี บั เนน้ ใหส้ ที ส่ี ดเตม็ ท่ี แลว้ ถกู เพม่ิ ความเทา 100% เดน่ ออกมาจากสว่ น

5m(S.heCtaropincet)raOsrtgดanว้ ยicรปูvทs.รGง eo- รปู ทรงของสง่ิ ตา่ งๆสามารถ จ�ำ แนกออกเปน็ 2 ลกั ษณะ ใหญๆ่ คอื Organic รปู ทรงเรขคณติ ( สเ่ี หลย่ี ม,สามเหลย่ี ม,วงกลม ฯลฯ) และ Geometric รปู ทรงอสิ ระ (รปู ทรงอสิ ระเชน่ ของเหลว,ธรรมชาต,ิ เสน้ ฟรีฟอรม์ ) การใชค้ วามเรยี บของรปู ทรงเรขาคณติ มาใชร้ ว่ มกบั รปู ทรงอสิ ระจงึ จดั เปน็ ทางเลอื กทน่ี า่ สนใจเหมอื นการเอาความนง่ิ มาตดั กบั ความสนกุ สนานนน่ั เองตวั อยา่ ง ฉลากสนิ คา้ ชน้ิ นท้ี ่ีใชร้ ปู ทรงงา่ ยๆอยา่ งวงกลมและสามเหลย่ี มเปน็ ตวั ครอบรู ป ท ร ง อิ ส ร ะ ท่ี อ ยู่ ช้ า ง ใ นท�ำ ใหภ้ าพดสู ะดดุ ตาขน้ึ มา

6. Contrast ด้วยรปู ทรง(Shape) Edges & Cornersนก่ี เ็ ปน็ อกี หนง่ี วธิ ใี นการใชร้ ปู ทรง คอื การออกแบบกบั กราฟกิ ตา่ งๆทม่ี รี ปู รา่ งเปน็ กลอ่ งมีเหลย่ี มมมี มุ ทง้ั ตวั กราฟกิ กรอบ เสน้ ขอบหรอื รปู แบบตวั อกั ษรทม่ี ลี กั ษณะแขง็ กระดา้ งมาจดั วางรว่ มกบั สง่ิ ทด่ี อู อ่ นชอ้ ยกวา่ เชน่ สเ่ี หลยี มมมุ มนนน่ั เอง ในตวั อยา่ งจงึ น�ำ ตวั อกั ษรลกั ษณะมมุ มนดนู มุ่ นม่ิ มาวางในกรอบทเ่ี ปน็ สเ่ี หลย่ี มมมุ แหลมเปน็ ตน้ ตวั อยา่ ง Typography นบนกแ็ สดงใหเ้ หน็ วา่ ฟอ้ นสองแบบทม่ี คี วามแขง็ กบั ความพรว้ิ ใหวมาอยรู่ ว่ มกนั ไดอ้ ยา่ งนา่ สนใจ

7. Contrast ดว้ ยพืน้ ผิว(Texture)เชน่ เดยี วกนั กบั รปู ทรงเพราะการใชพ้ น้ื ผวิ ทแ่ี ตกตา่ งกส็ ามารถสรา้ ง Contrast ดๆี ได้เชน่ กนั ดว้ ยการเลอื กพน้ิ ผวิ ทม่ี คี วามขรขุ ระมาผสมกบั กบั ภาพทม่ี พี น้ื ผวิ เรยี บเนยี นได้ในหลายวธิ ที ง้ั การจดั เลเอาตแ์ บบภาพกบั ตวั หนงั สอื หรอื การพมิ พแ์ บบพเิ ศษหรอื การแบง่ เนอ้ื หากราฟกิ ดว้ ยพน้ื ผวิ กล็ ว้ นนา่ สนใจในการประยกุ ตใ์ ช้ ตัวอย่าง การออกแบบของภาพนี้แสดงให้เห็นว่าภาพ แฮมเบอร์เกอร์ที่ถูกถ่ายมาอย่างสะอาดเนี้ยบกริบ เมือ ถูกแปะทับด้วย Typo ขรุขระสไตล์ย้อนยุดก็สร้างมิติ อารมณ์ Contrast ได้

8. Contrast ดว้ ย ขนาดและสัดสว่ น (Scale & Size) ในการออกแบบน้นั แน่นอนว่าเราใช้เร่อื ง ขนาดและสัดส่วนเป็นเคร่ืองมือในการ สอ่ื สารกนั อยแู่ ลว้ โดยเฉพาะกบั กราฟกิ ท่ี ตอ้ งการเนน้ หรอื ไมเ่ นน้ แตก่ ารน�ำ มาใช้ กบั การสรา้ ง Contrast กย็ ง่ิ นา่ สนใจเชน่ กันด้วยการใข้รูปทรงท่ีดูคล้ายๆกันแค่ปรับขนาดให้แตกต่างกันนอกจากช่วยสร้างความโดดเด่นให้ดีไซน์แล้วยังช่วยขยายใจความส�ำ คญั ออกไปไดด้ ว้ ยตวั อยา่ ง ปกแมกกาซนี ชน้ิ นอ้ี อกแบบโดยเน้นความใหญ่โตของช้ินแฮมเบอเกอร์ทเ่ี ดน่ กวา่ ตวั อกั ษรตา่ งๆในหนา้ แตก่ ไ็ ม่ได้ทำ�ให้ตัวหนังสือเหล่าน้นั ถูกทอนความสนใจลงไปแต่อย่างใดกลับทำ�ให้องค์ประกอบดสู มบรู ณม์ ากขน้ึ เสยี อกี

9. Contrast ด้วยจดุ เด่น (Vi-sual Weight)คอื การออกแบบทเ่ี นน้ การชน้ี �ำ รปู แบบขบั เนน้ องคป์ ระกอบทเ่ี ปน็ จดุ เดน่ ในภาพซง่ึ ไมไ่ ด้หมายถงึ แคข่ นาดใหญเ่ ทา่ นน้ั แตม่ นั หมายถงึ สสี นั และรปู แบบทเ่ี ดน่ ออกมาจากภาพรวมเปน็ สว่ นทต่ี อ้ งการเนน้ ใหช้ ดั โฟกสั ใหม้ าก ซง่ึ สว่ นใหญค่ อื เนอ้ื หาส�ำ คญั หรอื Call to ac- tion ของภาพนน่ั เอง

1พ0นื้ .ขCาวon(tSrpaastciดnว้gย&ท่วี W่างhแลitะeSpace)เรอ่ื งของ Space และ White Space จดั วา่ เปน็ สง่ิ ส�ำ คญั ในการออกแบบแทบทกุ อยา่ งซง่ึ รวมไปถงึ การสรา้ ง Contrast ดว้ ยเชน่ กนั เพราะมนั คอื การก�ำ หนดระยะหา่ งและระยะชดิ ขององคป์ ระกอบตา่ งๆอยา่ งเหมาะสม หากมากหรอื นอ้ ยไปกย็ อ่ มท�ำ ใหภ้ าพรวมดไู ม่นา่ สนใจ แตห่ ากใช้ Space ดว้ ย”ความมาก” และ “ความนอ้ ย”มาชว่ ยการออกแบบก็สามารถสรา้ งองคป์ ระกอบทด่ี ดู งึ ดดู สายตาไดเ้ ชน่ กนั

11. Contrast ด้วยการจัดองค์ประกอบ (CompositionalChoices)บางครง้ั การจดั วางองคป์ ระกอบภาพกส็ รา้ ง Contrast ได้เหมอื นกนั ดว้ ยการเลอื กทจ่ี ะเลน่ กบั ความสมดลุ หรอื ทศิ ทางของกราฟกิ ตา่ งทง้ั ภาพ,ตวั อกั ษร และต�ำ แหนง่ โดยเราสามารถใชห้ ลกั กการของกฏการถา่ ยภาพมาใชร้ ว่ มดว้ ยได้ตามตวั อยา่ ง• The Rule of Thirds กฏสามสว่ น : งา่ ยๆคอืการแบง่ ภาพออกเปน็ สามสว่ นทง้ั แนวตง้ั และแนวนอนและพยายามวางจดุ โฟกสั ของภาพใวใ้ นต�ำ แหนง่ ทเ่ี สน้ ทง้ั หมดตดั กนั ซง่ึ จะมอี ยู่ 4 จดุ ดว้ ยกนั

1eค2xา.pดeCไมcot่ถneงึtdr)a(Ssotmดeว้ tยhบinางgอยUา่nง-ท่ีเพยี งเพม่ิ ลกู เลน่ เลก็ ๆนอ้ ยๆทค่ี าดไมถ่ งึ ลงไปบนภาพ ดว้ ยสง่ิ ทอ่ี าจจะดไู มเ่ ขา้ พวกหรอืหลดุ ออกไปจากความคาดหมายกเ็ ปน็ อกี วธิ ใี นการสรา้ ง Contrast เหมอื นกนั แตต่ อ้ งระวังว่าองค์ประกอบท่วี างลงไปไม่ทำ�ให้งานดีไซน์ช้นิ น้นั หลุดจากธีมไปอย่างส้นิ เชิงและถา้ ท�ำ ใหด้ กู ลมกลนื แตส่ ะดดุ ตาและเขา้ กนั ดกี บั องคป์ ระกอบเดมิ แลว้ หละกจ็ ะยง่ิ นา่ ประทบั ใจไปกนั ใหญ่

13. Contrast ด้วยแพทเทริ น์(Repetition & Patterns) เทคนิคการใช้องค์ประกอบมาทำ� ซ�ำ้ เปน็ Pattern สามารถสรา้ ง ความโดดเด่นและน่าสนใจให้กับ ดไี ซนไ์ ดเ้ ชน่ กนั คลา้ ยๆกบั การเทค คนคิ การจดั องคป์ ระกอบ เพราะมนั สามารถสร้างรูปแบบเฉพาะตัวข้นึ มาได้

1Oแ4ลr.iะeCกnาotรanจttดัiroaวnsา)tงด(Pว้ oยsตitำ�iแoหnน&่ง การจดั วางล�ำ ดบั ของเนอ้ื หารวมไปถงึ การจดั ชดิ ดา้ นใดดา้ นหนง่ึ กเ็ ปน็ อกี วธิ สี รา้ ง Contrast ทไ่ี ดผ้ ลดี เพราะมนั ชว่ ยใหร้ ปู แบบของดี ไซนไ์ มด่ สู ม�ำ่ เสมอจนราบเรยี บนา่ เบอ่ื เกนิ ไปท�ำ ให้ สามารถสร้างจุดเด่นได้แต่ก็ต้องระวังความไม่ เรยี บรอ้ ยดว้ ยเหมอื นกนั ควรใช้ Grid เขา้ มาชว่ ย ใหอ้ งคป์ ระกอบไปกนั ไดอ้ ยา่ งนา่ สนใจดว้ ย

1aแ5rลa.ะtCหio่าonงn)t(rParsotxiดm้วiยtyคว&ามSชeดิ p-คือการจัดกลุ่มกราฟิกหรอื วตั ถใุ นภาพทเ่ี กย่ี วเน่อื งกันให้อย่รู วมหรือแยกออกจากกนั มนั คอืการจัดระเบียบในส่วนต่ า ง ๆ อ ย่ า ง ก ล ม ก ลื นแต่ก็ต้องน่าสนใจหรือทำ � ใ ห้ ส่ ว น ท่ี เ น้ น โ ด ดเด่นออกมาได้มากพอ โดย Proximity คอื การ จัดให้ชิดกันเพ่อื ให้เป็นก ลมุ่ เดยี วกนั และ Separa- tion คอื การขยบั แยกกลมุ่ กอ้ นนน้ั แบง่ สว่ นกนั

16. Contrast ดว้ ยกราฟิกชี้นำ� (Visual Cues)คอื การใชก้ ราฟกิ ทเ่ี ปน็ ภาพไมว่ า่ จะภาพจรงิ หรอื ไอคอนสญั ลกั ษณต์ า่ งๆทส่ี อ่ื ความหมายได้ สรา้ งความจดจ�ำ และเขา้ ใจไดท้ นั ทโี ดยไมต่ อ้ งคดิ มากเชน่ ลกู ศร , กราฟกิ รปู สง่ิ ของตา่ งๆ รวมไปถงึ การขดี เสน้ ใต้ , Bullet , หรอื เสน้ คน่ั กบั เสน้ กรอบ น�ำ สง่ิ เหลา่ นน้ั มาใชใ้ น การสรา้ งดไี ซนท์ ส่ี อ่ื สารเนอ้ื หาและรปู แบบทค่ี ณุ ตอ้ งการและไมน่ า่ เบอ่ื

1pแ7ลle.ะCเFรeoียanบttงurา่arยests()Cดo้วยmคpวleามxซ&บั ซS้อimน -เปน็ การออกแบบทน่ี �ำ ความซบั ซอ้ นกบั ความเรยี บงา่ ยมาเจอกนั ทค่ี วามลงตวั บางอยา่ งกล่าวคือการดึงลักษณะเด่นๆของท้งั สองส่งิ มาผสมกันในสัดส่วนพอดีก็สามารถสร้างContrast ไดเ้ ชน่ กนั ซง่ึ ความซบั ซอ้ นทว่ี า่ กห็ มายถงึ ภาพลวดลายหรอื กราฟกิ ทม่ี คี วามปราณตี บรรจงดว้ ยรายละเอยี ดเยอะๆ มารวมเข้ากับองคป์ ระกอบแบบเรียบๆนอ้ ยๆ

18. Contrast ดว้ ยฟอ้ นตต์ า่ งชนดิ (Font Combinations) การใชฟ้ อ้ นตค์ นละแบบ คอื แบบมหี วั (Serif) กบั แบบไมม่ หี วั (Sans Serif) มา จดั วางเขา้ ดว้ ยกนั กเ็ ปน็ หนง่ึ วธิ ที น่ี า่ ลอง จริงๆก็รวมไปถึงฟ้อนประเภทอ่นื ๆด้วย เชน่ แบบลายมอื (Hand Writing) แบบ พาดหวั (Display) กส็ ามารถน�ำ มาใช้ รว่ มกนั สรา้ งดไี ซนแ์ บบใหมๆ่ ไดเ้ หมอื นกนั แตเ่ คลด็ ลบั คอื การเลอื กฟอ้ นตค์ นละประเภททเ่ี ขา้ กนั ได้ เพราะไมใ่ ชท่ กุ อยา่ งจะเขา้ กนั ได้หมด ถา้ ก�ำ หนดธมี ภาพรวมของงานไดช้ ดั เจนแตแ่ รกกจ็ ะรไู้ ดว้ า่ ตอ้ งการฟอ้ นตแ์ บบไหนบา้ ง

1&ห9น.WักCตeoวั ingอthักrtaษ)sรti(nTgypดo้วgยrสaไpตhลy์แSลtะyนleำ�้ และสดุ ทา้ ยคอื การใชน้ �ำ้ หนกั ความหนาบาง ,ความเอยี ง , ความผอม , ความอว้ น ฯลฯ ของตวั อกั ษรมาสรา้ ง Contrast โดยแทบไมต่ อ้ งออกแรงอะไรมากเลย แมจ้ ะเปน็ ฟอ้ นตเ์ ดยี วกนั กส็ รา้ งความนา่สนใจไดเ้ หมอื นกนั แคป่ รบั น�ำ้ หนกั เลก็ นอ้ ย ใช้การเนน้ สว่ นทต่ี อ้ งการเนน้ ใหเ้ ดน่ กวา่ ดว้ ยน�ำ้ หนกัทห่ี นาหรอื บางกวา่ สว่ นอน่ื จนเกดิ ความแตกตา่ งอยา่ งนา่ สนใจนน่ั เอง

19contrast