SlideShare a Scribd company logo
1 of 30
Download to read offline
สวยงาม
แปลกใหม่
ดึงดูดใจ
240 ชุดสีพร้อมใช้
งานออกแบบกราฟิก สิ่งพิมพ์ โบรชัวร์ ป้าย โปสเตอร์ บรรจุภัณฑ์ เว็บไซต์
พร้อมค่าสี CMYK | RGB | HEXสำ�หรับทุกงานออกแบบ
CREATIVE
COLOR
SCHEMES
240 ชุดสีพร้อมใช้
สำ�หรับทุกงานออกแบบ
ธวัชชัย ศรีสุเทพ
2
ข้อมูลทางบรรณานุกรม
ธวัชชัย ศรีสุเทพ.
ชุดสีโดนใจ2= Creative ColorSchemes 2.--นนทบุรี:
เดอะ ครีเอทีฟ ไกด์, 2554. 256 หน้า.
1.คอมพิวเตอร์กราฟิก. 2. สีและการใช้สี. I. ชื่อเรื่อง.
006.6
ISBN 978-616-90855-0-8
ราคา 329 บาท
จัดทำ�โดย
The Creative Guide
134/118 ถ.นนทบุรี อ.เมือง จ.นนทบุรี 11000
โทร 08 1918 2300 แฟกซ์ 0 2967 0440
Website: www.thecreativeguide.com
E-mail: thecreativeguide@gmail.com
จัดจำ�หน่ายโดย
บริษัท ปัญญาชน ดิสทริบิวเตอร์ จำ�กัด
747 ถนนลาดพร้าว-วังหิน
แขวง/เขต ลาดพร้าว กรุงเทพฯ 10230
โทร 0 2570 3929 แฟกซ์ 0 2570 3928
Email: panyachon2009@gmail.com
สั่งซื้อหนังสือ
ติดต่อ สอบถาม แนะนำ� ติชม และสั่งซื้อหนังสือ
โทร 08 1918 2300
Website: www.thecreativeguide.com
E-mail: thecreativeguide@gmail.com
THAWATCHAI SRISUTHEP
creative
Copyright © 2011 All Rights Reserve by Thawatchai Srisuthep
สงวนสิทธิ์ตามพระราชบัญญัติลิขสิทธิ์ พ.ศ. 2537 โดย ธวัชชัย ศรีสุเทพ ห้ามนำ�
ส่วนใดส่วนหนึ่งของหนังสือเล่มนี้ ไปลอกเลียน ทำ�สำ�เนา ถ่ายเอกสาร หรือนำ�ไป
เผยแพร่บนอินเทอร์เน็ต และสื่อชนิดอื่นๆ ไม่ว่ารูปแบบใด นอกจากจะได้รับอนุญาต
เป็นลายลักษณ์อักษรเท่านั้น
3
หนังสือ ชุดสีโดนใจ เล่มแรกได้ออกมาเมื่อปี 2549 ปรากฏว่าได้รับการตอบรับที่ดีมาก
ตั้งแต่แรกเริ่มจำ�หน่ายจนถึงปัจจุบันนี้ ส่งผลสะท้อนกลับมาให้ทราบว่า ชุดสีโดนใจ เป็นที่ยอมรับ
อย่างแพร่หลาย ทั้งในกลุ่มนักออกแบบ นักเรียน นักศึกษา รวมถึงสำ�นักพิมพ์และโรงพิมพ์
ต่างๆ ทั่วประเทศ ที่สำ�คัญคือ ชุดสีโดนใจ ได้กลายเป็นเครื่องมือสำ�คัญ ในการเลือกใช้สี ใน
งานออกแบบกราฟิกและสิ่งพิมพ์ ของนักออกแบบมืออาชีพ
ในกลุ่มคนทำ�งานออฟฟิศ ได้นำ�ชุดสีไปใช้ประกอบการทำ�พรีเซ็นเทชั่นด้วย PowerPoint กัน
อย่างสวยงาม ยิ่งไปกว่านั้น บางคนก็นำ�ชุดสีไปใช้กับการสกรีนเสื้อ ตัดเย็บผ้า กระเป๋า รวมถึง
การถักตุ๊กตา และถักกระเป๋าถือใบเล็กๆ ได้อย่างสวยงามอีกด้วย
ผ่านมากว่า 5 ปี คิดว่าถึงเวลาแล้ว ที่เราน่าจะมีชุดสีใหม่ๆสวยๆได้ใช้กัน ในครั้งนี้ มีแนวคิด
ที่จะจัดชุดสีเป็นชุดเล็กๆ ประกอบด้วยสี 5 สี เพื่อความง่ายและสะดวกที่จะนำ�ไปใช้ เพราะงาน
ออกแบบส่วนใหญ่ ใช้สีเพียง 3-5 สีก็เพียงพอ
โปรเจ็ค ชุดสีโดนใจ 2 นี้ ใช้เวลาไปกว่า 8 เดือน ในการสร้างสรรค์ชุดสี ที่สวยงาม แปลกใหม่
รวมทั้งหมด 240 ชุดสี พร้อมให้คุณได้นำ�ไปใช้ ในงานออกแบบต่างๆ เพื่อเสริมสร้างพลังของสี
ในการดึงดูดความสนใจ สื่อสารอารมณ์ ความรู้สึก และสร้างความประทับใจ ให้กับงานของคุณ
ขอให้ทุกท่าน สนุกกับการเลือกใช้ชุดสีใหม่ๆสวยๆ จากหนังสือเล่มนี้ครับ
ธวัชชัย ศรีสุเทพ
พิมพ์คำ�ว่าThe Creative Guideในช่องSearchของFacebook
แล้วคลิกปุ่ม Like ที่หน้าเพจของ The Creative Guide
ด้วยกระแส Social Network ทำ�ให้เรามีโอกาสได้ใกล้ชิดกันยิ่งขึ้น จึงขอเชิญชวนทุกท่าน ร่วมเป็นแฟน
ของ The Creative Guide ทางหน้า Fan Page ใน Facebook เพื่อที่จะได้รับข่าวสาร ข้อมูลหนังสือใหม่
และโปรโมชั่นพิเศษต่างๆ รวมถึงเป็นช่องทางที่คุณจะเสนอแนะ พูดคุย และติดต่อกับผู้เขียนได้โดยตรง
สำ�หรับท่านที่ไม่สะดวกที่จะเป็นแฟนกันทางFacebookก็สามารถสมัครรับข่าวสาร(Newsletter)พร้อม
ดูรายละเอียดหนังสือ และโปรโมชั่นต่างๆ ได้ที่หน้าเว็บไซต์TheCreativeGuide.com เช่นเดียวกันครับ
เป็นแฟนกัน
Become a Fan of The Creative Guide on Facebook
พร้อมรับของสมนาคุณพิเศษ
4 001 003002 004
ชุดสีพร้อมใช้ (Creative Color Schemes in Readiness)
อาจเรียกได้ว่าหนังสือ ชุดสีโดนใจ 2 นี้คือทางลัดหรือสูตรสำ�เร็จ ในการเลือกใช้สี ในรูป
แบบของชุดสีสำ�เร็จรูป ที่พร้อมให้คุณนำ�ไปใช้ในงานออกแบบได้ทันที โดยไม่ต้องกังวลเกี่ยว
กับทฤษฎีสี ไม่ต้องเสียเวลาเลือกสีทีละสี ไม่ต้องทดลองว่าสีแต่ละสีนั้นเข้ากันได้ดีแค่ไหน และ
ที่สำ�คัญคือ ไม่ต้องคอยลุ้นว่าสีที่คุณเลือกใช้นั้น เมื่อพิมพ์ออกมาจะเป็นอย่างไร ชุดสีพร้อมใช้
ทั้งหมดนี้จะเป็นเครื่องมือสำ�คัญ ให้คุณทำ�งานกับสีได้อย่างมีประสิทธิภาพ รวดเร็ว และมั่นใจ
ได้ว่าสีที่คุณเลือกใช้นั้น จะให้อารมณ์และความรู้สึกได้ตรงตามที่คุณต้องการ
ชุดสีโดนใจ 2 จะช่วยเสริมสร้างพลังของสี ในการดึงดูดความสนใจ พร้อมกับสื่อถึงบุคลิก
และอารมณ์ที่สอดคล้องกับเนื้อหาของงานออกแบบ ยิ่งไปกว่านั้น คุณจะได้เห็นตัวอย่างการนำ�
สีต่างๆไปใช้ร่วมกัน โดยแสดงถึงการตัดกันของสีแต่ละสี เมื่อนำ�มาวางไว้ติดกัน รวมถึงการ
ใช้สีในตัวอักษร บนพื้นหลังสีต่างๆกัน ทำ�ให้ได้เห็นปฏิสัมพันธ์ (Color Interaction) ระหว่าง
สีทั้งหมดในชุดสี ก่อนที่จะนำ�สีเหล่านั้นไปใช้ในงานของคุณ
ชุดสีสำ�หรับสิ่งพิมพ์ (Creative Color Schemes for Print)
ชุดสีทั้งหมดที่ปรากฏในหนังสือเล่มนี้ ออกแบบมาเพื่อใช้กับงานพิมพ์โดยเฉพาะ นั่น
หมายความว่า หากคุณนำ�ค่าสี CMYK ไปใช้ ก็จะได้ผลลัพท์ใกล้เคียงกับสีที่ปรากฎในหนังสือ
มาก เนื่องจากค่าสีที่ระบุในหนังสือเล่มนี้เป็น CMYK และหนังสือเล่มนี้ก็พิมพ์ด้วยหมึก 4 สีคือ
CMYK จากเครื่องพิมพ์ระบบ Offset ที่เป็นมาตฐานของโรงพิมพ์ทั่วไป ดังนั้นผลลัพท์ที่ได้จึง
ค่อนข้างจะใกล้เคียงกันมาก หากจะมีความแตกต่างขึ้น ก็อาจเนื่องมาจากองค์ประกอบต่างๆใน
กระบวนการพิมพ์ เช่น คุณภาพของหมึกพิมพ์ ระบบการพิมพ์ และประเภทของกระดาษ เป็นต้น
สำ�หรับค่าสี RGB และ HEX นั้น ได้จากการแปลงสีในระบบของสิ่งพิมพ์ จากค่าสี CMYK
ไปเป็นค่า RGB และ HEX ที่ให้สีได้ใกล้เคียงกับสีที่ปรากฏในหนังสือ
ลำ�ดับของชุดสี (Creative Color Schemes Ordering)
ชุดสีโดนใจ 2 ประกอบด้วยชุดสีทั้งหมด 240 ชุด ไล่เรียงกันตาม ความคล้ายคลึง
ของชุดสี เฉดสี และโทนสี โดยชุดสีแต่ละชุด จะถูกระบุด้วยรหัสตัวเลขจาก 001 ไปจนถึง
240 ทั้งนี้ ในชุดสีทั้งหมดนั้น ประกอบด้วยกลุ่มย่อยๆ (Mini Group) ที่มีความใกล้เคียงกัน
เรียงอยู่ติดกัน เริ่มจากสีอ่อน ไปสีเข้ม ซึ่งโดยปกติชุดสีที่อยู่หน้าขวามือ จะมีความเข้มมากกว่า
ชุดสีที่อยู่หน้าซ้ายมือ
หากมองดูคร่าวๆ ชุดสีทั้งหมดอาจแบ่งเป็นสองกลุ่มใหญ่ ในช่วงแรกจะเป็นชุดสีที่มีความ
โดดเด่น สดใส สะดุดตา ขณะที่ช่วงหลัง จะเป็นชุดสีที่ออกไปทางโทนสีเทา (Grayish) ที่มี
ความสดใสน้อยกว่ากลุ่มแรก แต่มีความสวยงามในอีกรูปแบบหนึ่ง
เราเลือกที่จะไม่ตั้งชื่อให้กับชุดสี เนื่องจากนักออกแบบแต่ละคนอาจมีความรู้สึกกับชุดสี
แตกต่างกันไป ดังนั้นเราจึงไม่อยากให้ชื่อของชุดสี มาจำ�กัดความรู้สึกของนักออกแบบ เปิด
โอกาสให้ทุกท่าน ใช้จินตนาการในการรับรู้ถึงอารมณ์และความรู้สึกของแต่ละชุดสีได้อย่างอิสระ
5
หนังสืออีบุ๊ค ในเวอร์ชั่นพิเศษต่างๆ (Extra Version eBooks)
โปรดติดตามรายละเอียด และสั่งซื้ออีบุ๊คเวอร์ชั่นพิเศษต่างๆ ได้ที่เว็บไซต์
TheCreativeGuide.com
อีบุ๊ค ชุดสีโดนใจ 2 เวอร์ชั่น RGB (RGB Version)
เนื่องจากขอบเขตการแสดงสีของระบบสิ่งพิมพ์ กับระบบจอภาพนั้นแตกต่างกันพอสมควร
โดยเฉพาะโทนสีน้ำ�เงิน โทนสีเขียว โทนสีบานเย็น และโทนสีม่วง ที่จะแตกต่างอย่างชัดเจน
โดยทั่วไปแล้ว สีที่แสดงบนหน้าจอ มักจะมีความสว่างและสดใสกว่าสีที่พิมพ์ลงบนกระดาษ
อีบุ๊คในเวอร์ชั่น RGB จัดทำ�ขึ้นเป็นพิเศษเพื่องานออกแบบที่แสดงผลบนหน้าจอโดยเฉพาะ
ได้เป็นชุดสีที่มีความสว่าง สดใส เต็มความสามารถในการแสดงสีของหน้าจอ จึงเหมาะสำ�หรับ
การเลือกใช้สีในงานออกแบบ PowerPoint, Website, Animation และสื่อดิจิตอลต่างๆ
อีบุ๊ค ชุดสีโดนใจ 2 เวอร์ชั่น พื้นหลังดำ� (Glow in the Dark Version)
พบกับความสวยงามของชุดสีต่างๆ ทั้ง 240 ชุดสี บนพื้นหลังสีดำ� ในรูปแบบอีบุ๊ค ที่จะมี
ทั้งเวอร์ชั่น CMYK และ RGB ให้คุณเลือกใช้ได้ตรงกับงานของคุณ
CMYK
RGB
เปรียบเทียบความแตกต่างของชุดสี
026 ในเวอร์ชั่น CMYK และ RGB
(จะเห็นได้อย่างชัดเจนเมื่อดูในอีบุ๊ค)
ตัวอย่างการนำ�ชุดสีไปใช้อาจสังเกตได้จากหน้าแรกๆของหนังสือเล่มนี้ที่ออกแบบโดยใช้ชุดสี008
เป็นหลัก แต่ในส่วนที่พบว่าสีนั้นอ่อนไปมองเห็นไม่ชัดจึงนำ�สีจากชุดอื่นที่อยู่ใกล้เคียงมาใช้เพิ่มเติม008
สารบัญของหนังสือเล่มนี้ ได้ใช้ระบบ ดรรชนี (Index) ที่แสดงรหัสของชุดสีเป็นหลัก ไม่ใช้รูปแบบ
เลขหน้าเพื่อความเรียบง่ายของสารบัญและหลีกเลี่ยงความสับสนระหว่างรหัสของชุดสีกับเลขหน้า
3
6
เริ่มต้นจากการสำ�รวจดูชุดสีทั้งหมดว่า ชุดสีใดที่ให้อารมณ์และความรู้สึกตรงกับงานของ
คุณ โดยพิจารณาจาก แถบชุดสี จุดสี และวงกลมสี ที่อยู่ส่วนบนของหน้า โดยสิ่งแรกที่อยาก
แนะนำ�ให้มองก็คือ แถบชุดสี (Color Scheme Palette) ที่ประกอบด้วยรูปสี่เหลี่ยม 5 รูป
ติดกัน ซึ่งจะสื่อถึงอารมณ์และความรู้สึกได้ชัดเจนที่สุด
พิจารณา แถบสีสามสี (3-Color Combinations)
คำ�แนะนำ�ในการเลือกใช้ชุดสี (Recommendations)
เริ่มต้นที่ แถบชุดสี (Color Scheme Palette)
สำ�รวจ ตัวอย่างการใช้สี (Color Applications)
เมื่อเลือกชุดสีที่คุณชอบได้แล้ว ขั้นต่อไปให้ลองพิจารณาดูในส่วนของ ตัวอย่างการใช้สี
(Color Applications) จาก จุดสีที่เรียงอยู่ในแนวตั้ง ข้างซ้ายหรือขวาของหน้า บนพื้นหลัง
สีต่างๆ เพื่อตรวจสอบความเข้ากันของสี ว่าให้ความรู้สึกออกมาอย่างไร มีความต่างระหว่างสี
(Contrast) มากเพียงพอหรือไม่ สีคู่ไหนที่ดูคล้ายกันมากไป ตัดกันมากไป ทำ�ให้มองเห็นไม่ชัด
ก็ไม่ควรนำ�สีคู่นั้นไปใช้
สำ�หรับจุดสีพร้อมเส้นขอบที่เรียงอยู่ในแนวนอน แสดงให้เห็นถึงการใช้สี 3 สีร่วมกัน คือ
สีเส้นขอบวงกลม สีภายในวงกลม และ สีพื้นหลัง
ในส่วนของ ตัวอย่างการใช้สีตัวอักษรบนสีพื้น แสดงให้เห็นถึงความสามารถในการอ่าน
ของแต่ละคู่สี เราควรเลือกคู่สีที่ทำ�ให้มองเห็นตัวอักษรได้ชัดเจน สะดุดตา และอ่านได้ง่าย
ในส่วนของ แถบสีสามสี (3-Color Combinations) ที่แสดงอยู่ด้านล่างของหน้า ทำ�
หน้าที่แสดงตัวอย่างสี 3 สีเรียงชิดติดกัน ช่วยให้คุณพิจารณาเลือกกลุ่มสี 3 สีที่เหมาะสม
ไปใช้ในงานของคุณได้อย่างรวดเร็ว
ก่อนที่คุณจะเลือกกลุ่มสีใดๆไปใช้ คุณสามารถตรวจสอบดู ปฏิสัมพันธ์ระหว่างสีต่างๆ
ทั้งหมดภายในชุดสีเดียวกันได้จากส่วนของ แถบสีสามสี นี้ เพื่อให้แน่ใจว่าสีที่คุณจะนำ�ไปใช้
นั้นจะปรากฎออกมาอย่างไร ทำ�ให้เราทราบว่าสีใดบ้างที่ควรนำ�ไปวางร่วมกัน และสีไหนที่
ไม่ควรนำ�มาใช้คู่กัน
7
สำ�หรับท่านที่สนใจใช้สีเกรเดียนท์ ไล่ระดับจากสีหนึ่งไปอีกสีหนึ่ง ซึ่งนิยมใช้เป็นสีพื้นหลัง
ของงานออกแบบต่างๆ สามารถดูตัวอย่างการไล่ระดับของสีภายในชุดสีนั้นได้จากแถบสี Color
Gradient Stripe ด้านล่างสุดของหน้า เพื่อเลือกสีที่น่าสนใจไปใช้ในงานของคุณ
ขอแนะนำ�ให้คุณลองพิจารณาใช้สีเกรเดียนท์ ในการออกแบบเมื่อมีโอกาส เนื่องจากสี
เกรเดียนท์ของหลายๆชุดสีนั้นมีความสวยงาม แปลกตา สามารถสร้างความแปลกใหม่ให้กับ
งานออกแบบของคุณได้เป็นอย่างดี
ขอให้เข้าใจว่า ในชุดสีแต่ละชุด ย่อมมีบางสีที่มีโทนใกล้เคียงกัน ซึ่งไม่ควรจะนำ�มาใช้คู่กัน ดังนั้น ใน
ชุดสีเดียวกัน ไม่ใช่ว่าสีทุกสีจะสามารถนำ�มาใช้คู่กันได้อย่างเหมาะสม โปรดสังเกตว่า สีเข้มที่มีโทนสีใกล้เคียง
กัน และมีระดับความเข้มพอๆกัน ก็ไม่ควรนำ�มาใช้คู่กัน เช่นเดียวกับสีอ่อนที่มีโทนใกล้เคียงกัน และระดับ
ความอ่อนของสีพอๆกัน ก็ไม่ควรนำ�มาใช้คู่กัน เพราะจะทำ�ให้แยกความแตกต่างระหว่างสีไม่ออก
ในการใช้งาน ให้นำ�โค้ดสีที่ต้องการใช้ ไปใส่ในโปรแกรมออกแบบของคุณ เพื่อสร้างเป็น
แพลเล็ท (Palette) หรือ Swatches ของชุดสี สำ�หรับเลือกใช้งานได้อย่างสะดวกต่อไป สำ�หรับ
งานพิมพ์ก็จะใช้โค้ด CMYK สำ�หรับค่าสี Cyan, Magenta, Yellow, blacK ตามลำ�ดับ ส่วน
งานที่แสดงผลบนหน้าจอ เช่น งานพรีเซ็นเทชั่น บนโปรแกรม PowerPoint หรืองานแอนนิ
เมชั่นต่างๆ ก็ให้ใช้ค่าสี RGB (Red, Green, Blue) เป็นหลัก สำ�หรับการออกแบบเว็บไซต์ ก็
สามารถนำ�ค่า Hexadecimal ที่ขึ้นต้นด้วยเครื่องหมาย # ไปใช้ในการระบุสีขององค์ประกอบ
ต่างๆ ในหน้าเว็บได้ตามต้องการ
มองหา สีเพิ่มเติม (Extended Color Palettes)
หากสีทั้ง 5 สีในชุดที่คุณเลือกใช้นั้นยังไม่เพียงพอ หรือต้องการใช้โทนสีที่เข้มขึ้น หรืออ่อนลง
กว่าสีที่มีอยู่ คุณอาจพิจารณาเลือกสีอื่นเพิ่มได้ จากชุดสีที่อยู่ในหน้าติดกันของหนังสือ รวมถึงชุด
สีอื่นๆที่อยู่ใกล้เคียง เนื่องจากชุดสีทั้งหมด มีการจัดเรียงลำ�ดับตามความใกล้เคียงกันของชุดสี
นอกเหนือจากทั้ง 5 สีในชุดสีแล้ว ยังมีสีดำ� สีขาว และสีเทาระดับต่างๆ ที่สามารถนำ�มา
ใช้ได้กับแทบทุกชุดสี โดยพยายามเลือกโทนสี และระดับความเข้มของสีเทา ที่เข้าได้กับสีที่มีอยู่
ทดลองใช้ แถบสีเกรเดียนท์ (Color Gradient Stripe)
นำ�ค่าสีไปใช้ (Color Values)
นำ�ค่าสี CMYK
ไปสร้าง Swatches
สำ�หรับใช้งานต่อไป
4
8
Color Palette
แสดงชุดสีในรูปแบบ สี่เหลี่ยมเรียงชิดติดกัน 5 สี สื่อถึงอารมณ์และความรู้สึกของชุดสีได้อย่างเด่นชัด ลำ�ดับของสีได้ถูกจัด
เรียงอย่างพิถีพิถัน เพื่อความน่าสนใจของชุดสี และจะใช้เป็นหลักในการแสดงรูปแบบชุดสี และตัวอย่างการใช้สี ในส่วนอื่นๆต่อไป
4
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
5
Color Values in CMYK, RGB and HEX
Color Scheme
Circle
Color Dots
Color Circles
Color Scheme
Number
แสดงการใช้สีแต่ะละสีกับตัวอักษร บนพื้น
หลังสีขาว และบนพื้นหลังสีต่างๆ ในชุดสี
แถบสีพื้นหลัง เริ่มต้นด้วยสีขาว แล้วตามด้วยสี
อื่นๆ ภายใชชุดสี ตามลำ�ดับ
แสดงสีตัวอักษรพร้อมสีของวงกลมและเส้นขอบ
บนพื้นหลังสีต่างๆ ในชุดสี
ในคอลัมน์เดียวกัน สีของตัวอักษร และสีของเส้น
ขอบวงกลม จะเป็นสีเดียวกับจุดสีที่อยู่ด้านบน
ขณะที่สีพื้นภายในวงกลม จะเป็นสีทั้งห้าของชุดสี
ในตำ�แหน่งที่สีของคอลัมน์ เป็นสีเดียวกับ
แถบสีพื้น ตัวอักษร สีของเส้นขอบ รวมถึง
จุดในแถวด้านข้าง จะแสดงเป็นสีขาวแทน
แสดงตัวอย่างสี 3 สีเรียงชิดติดกัน
ในแต่ละคอลัมน์ จะมีการไล่เรียงสีตาม
ลำ�ดับ เช่น คอลัมน์แรก จะมีสีที่ 1 และ 2
เป็นสีหลัก ส่วนคอลัมน์ที่สองก็จะมีสีที่
2 และ 3 เป็นสีหลัก เป็นต้น
ในคอลัมน์เดียวกัน แต่ละแถวจะประกอบ
ด้วยสีตำ�แหน่งที่ 1 และ 2 เหมือนกัน
ส่วนตำ�แหน่งที่ 3 จะเป็นสีที่เหลืออีก 3 สี
ไล่เรียงกันไปตามลำ�ดับ
ในส่วนนี้ ได้แสดงให้เห็นถึงความเข้ากัน
และการตัดกันของสีทุกสีในชุดนั้น และ
ยังมีประโยชน์สำ�หรับการพิจารณาเลือก
สี 3 สีไปใช้งานได้อย่างรวดเร็ว
3-Color Combinations
Color Applications Text Color
Stroke Color
Background Color
Vertical Color Dots
Color Gradient Stripe แสดงการไล่สีอย่างต่อเนื่องของสีภายในชุด โดยเรียงลำ�ดับตามความต่อเนื่องของสีเป็นหลัก
color
color
color
การพิจารณาเลือกสีที่เหมาะสม ควรให้ความ
สำ�คัญกับความต่างของสี (contrast) ที่เพียงพอ
โดยเลือกใช้คู่สีที่มีความแตกต่างกันอย่างชัดเจน
ขณะที่ไม่ควรเลือกใช้คู่สีที่คล้ายคลึงกันมากไป
ซึ่งจะทำ�ให้อ่านได้ยาก หรือมองเห็นได้ไม่ชัด
วัตถุประสงค์ของชาร์ทนี้ จะแสดงให้เห็น
ถึงการนำ�สีต่างๆ ในชุดไปใช้ร่วมกัน ทั้งใน
ลักษณะของสีตัวอักษรกับสีพื้น และสีเส้น
ขอบ(stroke)กับสีภายใน(fill)ของวงกลม
บนสีพื้นต่างๆกัน ให้สังเกตความเข้ากันและ
ความต่างของสี (contrast) ที่ปรากฏใน
ตำ�แหน่งต่างๆเพื่อการพิจารณาเลือกกลุ่ม
สีที่เหมาะสมไปใช้ต่อไป
ดังตัวอย่างที่แสดงในหน้าถัดไป ตำ�แหน่งที่อยู่
ในเครื่องหมาย แสดงถึงความต่างระหว่าง
คู่สีที่ไม่เพียงพอ จึงไม่ควรนำ�สีคู่นั้นไปใช้ร่วมกัน
จุดสีทึบ 5 สีตามแนวตั้ง แสดงให้เห็นถึง
การนำ�สีภายในชุดไปใช้ร่วมกัน บนพื้นหลัง
สีต่างๆ
เลขลำ�ดับของชุดสี
แสดงด้วยสีใดสีหนึ่งในชุดสี
ชุดสีในแบบจุด
ชุดสีในรูปแบบวงกลมซ้อนกัน
จัดเรียงตามลำ�ดับสีในชุดสี
เริ่มจากวงใน ไปสู่วงนอก
วงสี เป็นสีหลักให้กับ ตัวอักษรและเส้นขอบวงกลม ในคอลัมน์ด้านล่าง
3
33
3
6
6
6
6
4
4
4
4
แถวจุดสีตามแนวตั้ง ซึ่งอาจวางอยู่ด้าน
ซ้ายหรือขวาของชาร์ท
3
4
4
4
ค่าสีต่างๆในชุดสี มีทั้งรูปแบบ CMYK (Cyan, Magenta, Yellow, blacK) สำ�หรับงานออกแบบกราฟิกและสิ่งพิมพ์
RGB (Red, Green, Blue) สำ�หรับงานที่แสดงผลบนหน้าจอ และ HEX (Hexadecimal) สำ�หรับงานออกแบบเว็บไซต์
3
6
9
1 2 3
4
5
2 3 4
5
1
3 4 5
1
2
4 5 1
2
3
5 1 2
3
4
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
008
6 6 6 6 66 6 6 6 6
6 66 6 6
R255
G104
B106
#FF686A
R149
G170
B193
#95AAC1
R185
G208
B90
#B9D05A
R225
G247
B183
#E1F7B7
R241
G179
B100
#F1B364
C0
M70
Y40
K0
C40
M10
Y0
K20
C30
M0
Y80
K0
C0
M0
Y35
K0
C0
M30
Y65
K0
10
039038 040
001
011
019
027
005
015
023
033
031
009
003
013
021
029
007
017
025
035
002
012
020
028
006
016
024
034
032
010
004
014
022
030
008
018
026
036
037
CREATIVE COLOR
SCHEMEs INDEX
11
041
045
057
073
049
061
077
067
053
065
071
043
047
059
075
051
063
079
069
055
042
046
058
074
050
062
078
068
054
066
072
044
048
060
076
052
064
080
070
056
Creative Color
Schemes Index
12
085
091
105
081
087
101
107
111
115
093
097
039
083
089
103
109
113
117
095
099
086
092
106
082
088
102
108
112
116
094
098
040
084
090
104
110
114
118
096
100
Creative Color
Schemes Index
13
119
129
137
143
149
155
123
133
141
147
153
127
121
131
139
145
151
157
125
135
120
130
138
144
150
156
124
134
142
148
154
128
122
132
140
146
152
158
126
136
Creative Color
Schemes Index
14
159
167
173
163
171
177
181
185
189
193
197
201
161
169
175
165
179
183
187
191
195
199
160
168
174
164
172
178
182
186
190
194
198
202
162
170
176
166
180
184
188
192
196
200
Creative Color
Schemes Index
15
203
207
219
211
223
227
237
231
235
215
205
209
221
213
225
229
239
233
217
204
208
220
212
224
228
238
232
236
216
206
210
222
214
226
230
240
234
218
Creative Color
Schemes Index
56
R231
G136
B36
#E78824
R217
G58
B46
#D93A2E
R179
G194
B48
#B3C230
R60
G125
B181
#3C7DB5
R251
G213
B0
#FBD500
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
041
C0
M50
Y100
K0
C0
M90
Y100
K0
C25
M0
Y95
K10
C80
M40
Y0
K0
C0
M10
Y100
K0
57
C60
M0
Y0
K0
C80
M50
Y0
K0
C60
M0
Y100
K10
C0
M20
Y100
K0
C0
M100
Y80
K0
R100
G195
B237
#64C3ED
R69
G111
B168
#456FA8
R104
G166
B59
#68A63B
R246
G193
B11
#F6C10B
R216
G18
B55
#D81237
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
042
color colorcolor color color
58
C0
M90
Y100
K15
C60
M0
Y90
K10
C75
M50
Y0
K20
C55
M20
Y0
K0
C0
M10
Y80
K0
R187
G51
B36
#BB3324
R103
G167
B75
#67A74B
R69
G94
B141
#455E8D
R123
G168
B211
#7BA8D3
R251
G215
B77
#FBD74D
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
043
color colorcolor color color
59
R0
G127
B77
#007F4D
R246
G193
B11
#F6C10B
R227
G117
B39
#E37527
R196
G19
B50
#C41332
R0
G83
B141
#00538D
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
044
C100
M0
Y90
K20
C0
M100
Y80
K10
C100
M60
Y0
K10
C0
M20
Y100
K0
C0
M60
Y100
K0
60
C40
M0
Y0
K0
C80
M10
Y0
K0
C0
M90
Y0
K0
C45
M0
Y100
K0
C0
M10
Y90
K0
R157
G213
B242
#9DD5F2
R0
G163
B218
#00A3DA
R222
G65
B125
#DE417D
R152
G193
B55
#98C137
R251
G214
B51
#FBD633
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
045
61
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
046
color colorcolor color color
C0
M0
Y100
K0
C40
M0
Y100
K5
C0
M100
Y10
K0
C0
M15
Y100
K0
C100
M0
Y10
K0
R255
G236
B0
#FFEC00
R156
G189
B49
#9CBD31
R219
G14
B100
#DB0E64
R248
G203
B0
#F8CB00
R0
G160
B208
#00A0D0
62
R0
G176
B213
#00B0D5
R186
G206
B42
#BACE2A
R236
G156
B30
#EC9C1E
R220
G23
B111
#DC176F
R255
G236
B0
#FFEC00
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
047
C80
M0
Y10
K0
C30
M0
Y100
K0
C0
M40
Y100
K0
C0
M100
Y0
K0
C0
M0
Y100
K0
63
R243
G234
B104
#F3EA68
R163
G197
B52
#A3C534
R231
G136
B36
#E78824
R221
G62
B114
#DD3E72
R0
G120
B185
#0078B9
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
048
color colorcolor color color
C5
M0
Y70
K0
C40
M0
Y100
K0
C0
M50
Y100
K0
C0
M90
Y10
K0
C100
M35
Y0
K0
C100
M40
Y20
K0
C0
M40
Y100
K0
C80
M0
Y20
K0
C5
M100
Y0
K0
C0
M5
Y100
K0
64
R0
G112
B153
#007099
R0
G174
B196
#00AEC4
R211
G27
B111
#D31B6F
R236
G156
B30
#EC9C1E
R254
G223
B0
#FEDF00
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
049
color colorcolor color color
65
C0
M40
Y100
K0
C50
M100
Y0
K0
C0
M95
Y0
K0
C0
M10
Y90
K0
C100
M30
Y30
K0
R236
G156
B30
#EC9C1E
R140
G35
B112
#8C2370
R221
G49
B118
#DD3176
R251
G214
B51
#FBD633
R0
G123
B152
#007B98
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
color
050
256
creative COLOR schemes46 47FOR PRINT : COLOR TONE
EARTHTONE Color Combinations
EARTHTONE
ลักษณะ k ชุดสี Earthtones หรือ Natural ไดมาจากธรรมชาติที่เราคุนเคยกัน
ดี นั่นคือ สีน้ำาตาลของพื้นดิน สีเขียวของใบไม สีน้ำาเงินบนทองฟา รวมถึงสีแดงและสม
ของดวงอาทิตยที่กำาลังตกดิน สรางบรรยากาศอบอุน ติดดิน ใกลชิดธรรมชาติยิ่งขึ้น
ความรูสึก 9 อบอุน ปลอดภัย ติดดิน หนักแนน แข็งแรง มั่นคง ทนทาน
สื่อถึง v ธรรมชาติ ชนบท สิ่งแวดลอม การผจญภัย ความเป็นมิตร ความจริง
พบไดใน 5 พื้นดิน ป่าไม ภูเขา ทองฟา ทะเล ตนไม เฟอรนิเจอร โซฟา โต็ะ เกาอี้
พรม รองเทา รานกาแฟ
เอิรทโทน
EARTHTONE EARTHTONE EARTHTONE
EARTHTONE EARTHTONE EARTHTONE
EARTHTONE EARTHTONE EARTHTONE
EARTHTONE EARTHTONE EARTHTONE
EARTHTONE EARTHTONE EARTHTONE
hue
contrast
seperation
warm
soft
clear
tone
similar
gradation
cool
hard
grayish
C M Y K
30 50 60 80
20 30 40 50
10 15 30 30
20 70 90 70
15 50 90 50
5 20 40 20
10 80 100 50
0 55 100 10
0 5 50 5
55 25 85 70
50 5 80 25
25 0 40 5
55 30 20 50
30 15 10 30
20 10 10 10
creative COLOR schemes166 167FOR PRINT : IN TREND
INSPIRE Color Combinations
INSPIRE
ลักษณะ k ชุดสีแหงแรงบันดาลใจ ประกอบดวยสีสดใสในโทนออนๆ
ของสีชมพู ฟา เขียว และเหลือง รวมกับสีเทา ไดเปนชุดสีที่มีแรงจูงใจสูง
ความรูสึก 9 สะอาด สดชื่น สดใส ไรเดียงสา จูงใจ มุงมั่น สรางสรรค
สื่อถึง v แรงบันดาลใจ กำาลังใจ ความหวัง
พบไดใน 5 งานออกแบบสมัยใหม
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
INSPIRE INSPIRE INSPIRE
C M Y K
5 90 0 0
5 55 0 0
0 20 5 0
85 5 0 0
60 0 5 0
35 0 5 0
55 0 95 0
35 0 60 0
20 0 35 0
0 30 95 0
0 20 90 0
0 10 50 0
55 30 15 50
25 10 10 20
10 3 3 3
hue
contrast
seperation
warm
soft
clear
tone
similar
gradation
cool
hard
grayish
แรงดลใจ
ชุดสี โดนใจ (เล่มแรก)
ดูรายละเอียด และสั่งซื้อ ได้ที่เว็บไซต์
TheCreativeGuide.com
75 ชุดสี สำ�หรับสิ่งพิมพ์
75 ชุดสี สำ�หรับเว็บ
CREATIVE
COLOR
SCHEMES
ISBN 978-616-90855-0-8
ราคา 329 บาท
หมวดคอมพิวเตอร์กราฟิก
THECREATIVEGUIDE.COM
9 786169 085508
เพิ่มความสวยงาม และสร้างความประทับใจ ให้กับ
งานออกแบบกราฟิก สิ่งพิมพ์ หนังสือ โบรชัวร์
ป้าย โปสเตอร์ บรรจุภัณฑ์ โลโก้ นามบัตร เว็บไซต์
PowerPoint และงานออกแบบต่างๆ
แสดงค่าสีในแบบ CMYK สำ�หรับงานกราฟิกและ
สิ่งพิมพ์ค่าสีRGBสำ�หรับสื่อดิจิตอลที่แสดงผล
บนหน้าจอ และค่าสี HEX สำ�หรับเว็บไซต์
แสดงตัวอย่างการใช้สีในรูปแบบต่างๆ ทั้งสี
ตัวอักษร สีกราฟิก สีพื้นหลัง และสีเกรเดียนท์
ทำ�ให้เห็นถึงความรู้สึก และความเข้ากันของสีต่างๆ
ได้อย่างชัดเจน ก่อนที่จะนำ�สีเหล่านั้นไปใช้งาน
240 ชุดสี ที่สวยงาม แปลกใหม่ และดึงดูดใจ
พร้อมให้คุณเลือกใช้ ได้อย่างรวดเร็ว
CREATIVE
COLOR
SCHEMES

More Related Content

What's hot

어서와 게임기획은 처음이지?
어서와 게임기획은 처음이지?어서와 게임기획은 처음이지?
어서와 게임기획은 처음이지?Lee Sangkyoon (Kay)
 
[NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래
[NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래 [NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래
[NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래 Hwang Sang Hun
 
트레블헌터 개발기획서
트레블헌터 개발기획서트레블헌터 개발기획서
트레블헌터 개발기획서정희 이
 
Невідкладні стани.pptx
Невідкладні стани.pptxНевідкладні стани.pptx
Невідкладні стани.pptxssuser03e465
 
Design Considerations for Additive Manufacturing FDM
Design Considerations for Additive Manufacturing FDMDesign Considerations for Additive Manufacturing FDM
Design Considerations for Additive Manufacturing FDMBrandonHauser
 
사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)
사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)
사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)Seungmo Koo
 
이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019
이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019
이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019devCAT Studio, NEXON
 
테일즈위버 합성 시스템 역 기획
테일즈위버 합성 시스템 역 기획테일즈위버 합성 시스템 역 기획
테일즈위버 합성 시스템 역 기획Jun Geun Lee
 
CAD/CAM & Automation Unit I computer graphics
CAD/CAM & Automation Unit I computer graphicsCAD/CAM & Automation Unit I computer graphics
CAD/CAM & Automation Unit I computer graphicsAniket Joshi
 
드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.A
드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.A드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.A
드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.Aganmaru
 
[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다
[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다
[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다Hwang Sang Hun
 
Apresentação Living Resort do Portal do Mauro
Apresentação Living Resort do Portal do MauroApresentação Living Resort do Portal do Mauro
Apresentação Living Resort do Portal do MauroHumberto Machado
 
충돌 알고리즘(collision detection algorithms)
충돌 알고리즘(collision detection algorithms)충돌 알고리즘(collision detection algorithms)
충돌 알고리즘(collision detection algorithms)ssuserbe87d6
 
Instructions for building a sauna
Instructions for building a saunaInstructions for building a sauna
Instructions for building a saunaHarvia
 
[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices
[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices
[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices강 민우
 
[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기
[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기
[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기강 민우
 

What's hot (20)

어서와 게임기획은 처음이지?
어서와 게임기획은 처음이지?어서와 게임기획은 처음이지?
어서와 게임기획은 처음이지?
 
[NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래
[NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래 [NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래
[NDC 2014] 시나리오라이터의 과거와 현재, 그리고 미래
 
트레블헌터 개발기획서
트레블헌터 개발기획서트레블헌터 개발기획서
트레블헌터 개발기획서
 
Невідкладні стани.pptx
Невідкладні стани.pptxНевідкладні стани.pptx
Невідкладні стани.pptx
 
Design Considerations for Additive Manufacturing FDM
Design Considerations for Additive Manufacturing FDMDesign Considerations for Additive Manufacturing FDM
Design Considerations for Additive Manufacturing FDM
 
사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)
사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)
사설 서버를 막는 방법들 (프리섭, 더이상은 Naver)
 
이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019
이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019
이봄, 스토리텔링으로 즐기는 콘서트 - 시나리오 기획자를 위한 TRPG의 세계, NDC2019
 
Data standard - IGES
Data standard - IGESData standard - IGES
Data standard - IGES
 
테일즈위버 합성 시스템 역 기획
테일즈위버 합성 시스템 역 기획테일즈위버 합성 시스템 역 기획
테일즈위버 합성 시스템 역 기획
 
CAD/CAM & Automation Unit I computer graphics
CAD/CAM & Automation Unit I computer graphicsCAD/CAM & Automation Unit I computer graphics
CAD/CAM & Automation Unit I computer graphics
 
드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.A
드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.A드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.A
드래곤 네스트 인벤토리 시스템 역 기획서 Ver1.1.A
 
[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다
[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다
[IGC 2016] 실전시나리오라이팅 - PD가 원하면 나는 쓴다
 
Historia de los cántabros y la Peña Amaya
Historia de los cántabros y la Peña AmayaHistoria de los cántabros y la Peña Amaya
Historia de los cántabros y la Peña Amaya
 
Apresentação Living Resort do Portal do Mauro
Apresentação Living Resort do Portal do MauroApresentação Living Resort do Portal do Mauro
Apresentação Living Resort do Portal do Mauro
 
REVERSE ENGINEERING
REVERSE ENGINEERING REVERSE ENGINEERING
REVERSE ENGINEERING
 
충돌 알고리즘(collision detection algorithms)
충돌 알고리즘(collision detection algorithms)충돌 알고리즘(collision detection algorithms)
충돌 알고리즘(collision detection algorithms)
 
Instructions for building a sauna
Instructions for building a saunaInstructions for building a sauna
Instructions for building a sauna
 
김동건, 갈망의 아궁이
김동건, 갈망의 아궁이김동건, 갈망의 아궁이
김동건, 갈망의 아궁이
 
[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices
[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices
[IGC 2017] 라이엇게임즈 유석문 - 게임 개발의 Agile Best Practices
 
[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기
[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기
[IGC 2017] 청강문화산업대학 TGB 김다찬 - 소년이여 개발자가 되어라 - 계획성 0% 막무가내 HP소드 개발기
 

More from Morraget Morraget

Week 13_C ตัวที่ 4 Communication
Week 13_C ตัวที่ 4 CommunicationWeek 13_C ตัวที่ 4 Communication
Week 13_C ตัวที่ 4 CommunicationMorraget Morraget
 
Week 12 - Channel for Video Content
Week 12 - Channel for Video ContentWeek 12 - Channel for Video Content
Week 12 - Channel for Video ContentMorraget Morraget
 
ฺBrief Video Content "5ธันวาคม2559"
ฺBrief Video Content "5ธันวาคม2559"ฺBrief Video Content "5ธันวาคม2559"
ฺBrief Video Content "5ธันวาคม2559"Morraget Morraget
 
Week 10 -hero hub help - Video Content
Week 10 -hero hub help - Video ContentWeek 10 -hero hub help - Video Content
Week 10 -hero hub help - Video ContentMorraget Morraget
 
Week 9_VDO ContentDPUrt392 Aj.Morraget
Week 9_VDO ContentDPUrt392 Aj.Morraget Week 9_VDO ContentDPUrt392 Aj.Morraget
Week 9_VDO ContentDPUrt392 Aj.Morraget Morraget Morraget
 
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.Morraget
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.MorragetWeek 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.Morraget
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.MorragetMorraget Morraget
 
Thailand internet user profile 2016 (ดีมาก)
Thailand internet user profile 2016 (ดีมาก)Thailand internet user profile 2016 (ดีมาก)
Thailand internet user profile 2016 (ดีมาก)Morraget Morraget
 
การบ้าน Twitter มา present ในห้อง (24 กย.)
การบ้าน Twitter  มา present ในห้อง (24 กย.)การบ้าน Twitter  มา present ในห้อง (24 กย.)
การบ้าน Twitter มา present ในห้อง (24 กย.)Morraget Morraget
 
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.Morraget Morraget
 
โจทย์ สอบย่อย Week 3 DPURT392
โจทย์ สอบย่อย Week 3 DPURT392โจทย์ สอบย่อย Week 3 DPURT392
โจทย์ สอบย่อย Week 3 DPURT392Morraget Morraget
 

More from Morraget Morraget (17)

Week 13_C ตัวที่ 4 Communication
Week 13_C ตัวที่ 4 CommunicationWeek 13_C ตัวที่ 4 Communication
Week 13_C ตัวที่ 4 Communication
 
Week 12 - Channel for Video Content
Week 12 - Channel for Video ContentWeek 12 - Channel for Video Content
Week 12 - Channel for Video Content
 
ฺBrief Video Content "5ธันวาคม2559"
ฺBrief Video Content "5ธันวาคม2559"ฺBrief Video Content "5ธันวาคม2559"
ฺBrief Video Content "5ธันวาคม2559"
 
Week 10 Consumer & Content
Week 10 Consumer & ContentWeek 10 Consumer & Content
Week 10 Consumer & Content
 
Week 10 -hero hub help - Video Content
Week 10 -hero hub help - Video ContentWeek 10 -hero hub help - Video Content
Week 10 -hero hub help - Video Content
 
Week 9_VDO ContentDPUrt392 Aj.Morraget
Week 9_VDO ContentDPUrt392 Aj.Morraget Week 9_VDO ContentDPUrt392 Aj.Morraget
Week 9_VDO ContentDPUrt392 Aj.Morraget
 
Week08
Week08 Week08
Week08
 
Week 6 DPUrt392 Aj.Morraget
Week 6 DPUrt392 Aj.MorragetWeek 6 DPUrt392 Aj.Morraget
Week 6 DPUrt392 Aj.Morraget
 
Week 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.MorragetWeek 7 DPUrt392 Aj.Morraget
Week 7 DPUrt392 Aj.Morraget
 
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.Morraget
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.MorragetWeek 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.Morraget
Week 4-5 การเขียนเพื่อออนไลน์ DPUrt392 Aj.Morraget
 
Thailand internet user profile 2016 (ดีมาก)
Thailand internet user profile 2016 (ดีมาก)Thailand internet user profile 2016 (ดีมาก)
Thailand internet user profile 2016 (ดีมาก)
 
การบ้าน Twitter มา present ในห้อง (24 กย.)
การบ้าน Twitter  มา present ในห้อง (24 กย.)การบ้าน Twitter  มา present ในห้อง (24 กย.)
การบ้าน Twitter มา present ในห้อง (24 กย.)
 
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.
(สอบย่อย) กระดาษาคำตอบสำหรับคนลา วันที่ 10 กย.
 
โจทย์ สอบย่อย Week 3 DPURT392
โจทย์ สอบย่อย Week 3 DPURT392โจทย์ สอบย่อย Week 3 DPURT392
โจทย์ สอบย่อย Week 3 DPURT392
 
Week 3 DPUrt392 Aj.Morraget
Week 3 DPUrt392 Aj.MorragetWeek 3 DPUrt392 Aj.Morraget
Week 3 DPUrt392 Aj.Morraget
 
Week 1 DPUrt392 Aj.Morraget
Week 1 DPUrt392 Aj.MorragetWeek 1 DPUrt392 Aj.Morraget
Week 1 DPUrt392 Aj.Morraget
 
Week 2 DPUrt392 Aj.Morraget
Week 2 DPUrt392 Aj.MorragetWeek 2 DPUrt392 Aj.Morraget
Week 2 DPUrt392 Aj.Morraget
 

240 ชุดสีพร้อมใช้ - Creative Color Schemes (creativecolorschemes.com)

  • 1. สวยงาม แปลกใหม่ ดึงดูดใจ 240 ชุดสีพร้อมใช้ งานออกแบบกราฟิก สิ่งพิมพ์ โบรชัวร์ ป้าย โปสเตอร์ บรรจุภัณฑ์ เว็บไซต์ พร้อมค่าสี CMYK | RGB | HEXสำ�หรับทุกงานออกแบบ
  • 4. 2 ข้อมูลทางบรรณานุกรม ธวัชชัย ศรีสุเทพ. ชุดสีโดนใจ2= Creative ColorSchemes 2.--นนทบุรี: เดอะ ครีเอทีฟ ไกด์, 2554. 256 หน้า. 1.คอมพิวเตอร์กราฟิก. 2. สีและการใช้สี. I. ชื่อเรื่อง. 006.6 ISBN 978-616-90855-0-8 ราคา 329 บาท จัดทำ�โดย The Creative Guide 134/118 ถ.นนทบุรี อ.เมือง จ.นนทบุรี 11000 โทร 08 1918 2300 แฟกซ์ 0 2967 0440 Website: www.thecreativeguide.com E-mail: thecreativeguide@gmail.com จัดจำ�หน่ายโดย บริษัท ปัญญาชน ดิสทริบิวเตอร์ จำ�กัด 747 ถนนลาดพร้าว-วังหิน แขวง/เขต ลาดพร้าว กรุงเทพฯ 10230 โทร 0 2570 3929 แฟกซ์ 0 2570 3928 Email: panyachon2009@gmail.com สั่งซื้อหนังสือ ติดต่อ สอบถาม แนะนำ� ติชม และสั่งซื้อหนังสือ โทร 08 1918 2300 Website: www.thecreativeguide.com E-mail: thecreativeguide@gmail.com THAWATCHAI SRISUTHEP creative Copyright © 2011 All Rights Reserve by Thawatchai Srisuthep สงวนสิทธิ์ตามพระราชบัญญัติลิขสิทธิ์ พ.ศ. 2537 โดย ธวัชชัย ศรีสุเทพ ห้ามนำ� ส่วนใดส่วนหนึ่งของหนังสือเล่มนี้ ไปลอกเลียน ทำ�สำ�เนา ถ่ายเอกสาร หรือนำ�ไป เผยแพร่บนอินเทอร์เน็ต และสื่อชนิดอื่นๆ ไม่ว่ารูปแบบใด นอกจากจะได้รับอนุญาต เป็นลายลักษณ์อักษรเท่านั้น
  • 5. 3 หนังสือ ชุดสีโดนใจ เล่มแรกได้ออกมาเมื่อปี 2549 ปรากฏว่าได้รับการตอบรับที่ดีมาก ตั้งแต่แรกเริ่มจำ�หน่ายจนถึงปัจจุบันนี้ ส่งผลสะท้อนกลับมาให้ทราบว่า ชุดสีโดนใจ เป็นที่ยอมรับ อย่างแพร่หลาย ทั้งในกลุ่มนักออกแบบ นักเรียน นักศึกษา รวมถึงสำ�นักพิมพ์และโรงพิมพ์ ต่างๆ ทั่วประเทศ ที่สำ�คัญคือ ชุดสีโดนใจ ได้กลายเป็นเครื่องมือสำ�คัญ ในการเลือกใช้สี ใน งานออกแบบกราฟิกและสิ่งพิมพ์ ของนักออกแบบมืออาชีพ ในกลุ่มคนทำ�งานออฟฟิศ ได้นำ�ชุดสีไปใช้ประกอบการทำ�พรีเซ็นเทชั่นด้วย PowerPoint กัน อย่างสวยงาม ยิ่งไปกว่านั้น บางคนก็นำ�ชุดสีไปใช้กับการสกรีนเสื้อ ตัดเย็บผ้า กระเป๋า รวมถึง การถักตุ๊กตา และถักกระเป๋าถือใบเล็กๆ ได้อย่างสวยงามอีกด้วย ผ่านมากว่า 5 ปี คิดว่าถึงเวลาแล้ว ที่เราน่าจะมีชุดสีใหม่ๆสวยๆได้ใช้กัน ในครั้งนี้ มีแนวคิด ที่จะจัดชุดสีเป็นชุดเล็กๆ ประกอบด้วยสี 5 สี เพื่อความง่ายและสะดวกที่จะนำ�ไปใช้ เพราะงาน ออกแบบส่วนใหญ่ ใช้สีเพียง 3-5 สีก็เพียงพอ โปรเจ็ค ชุดสีโดนใจ 2 นี้ ใช้เวลาไปกว่า 8 เดือน ในการสร้างสรรค์ชุดสี ที่สวยงาม แปลกใหม่ รวมทั้งหมด 240 ชุดสี พร้อมให้คุณได้นำ�ไปใช้ ในงานออกแบบต่างๆ เพื่อเสริมสร้างพลังของสี ในการดึงดูดความสนใจ สื่อสารอารมณ์ ความรู้สึก และสร้างความประทับใจ ให้กับงานของคุณ ขอให้ทุกท่าน สนุกกับการเลือกใช้ชุดสีใหม่ๆสวยๆ จากหนังสือเล่มนี้ครับ ธวัชชัย ศรีสุเทพ พิมพ์คำ�ว่าThe Creative Guideในช่องSearchของFacebook แล้วคลิกปุ่ม Like ที่หน้าเพจของ The Creative Guide ด้วยกระแส Social Network ทำ�ให้เรามีโอกาสได้ใกล้ชิดกันยิ่งขึ้น จึงขอเชิญชวนทุกท่าน ร่วมเป็นแฟน ของ The Creative Guide ทางหน้า Fan Page ใน Facebook เพื่อที่จะได้รับข่าวสาร ข้อมูลหนังสือใหม่ และโปรโมชั่นพิเศษต่างๆ รวมถึงเป็นช่องทางที่คุณจะเสนอแนะ พูดคุย และติดต่อกับผู้เขียนได้โดยตรง สำ�หรับท่านที่ไม่สะดวกที่จะเป็นแฟนกันทางFacebookก็สามารถสมัครรับข่าวสาร(Newsletter)พร้อม ดูรายละเอียดหนังสือ และโปรโมชั่นต่างๆ ได้ที่หน้าเว็บไซต์TheCreativeGuide.com เช่นเดียวกันครับ เป็นแฟนกัน Become a Fan of The Creative Guide on Facebook พร้อมรับของสมนาคุณพิเศษ
  • 6. 4 001 003002 004 ชุดสีพร้อมใช้ (Creative Color Schemes in Readiness) อาจเรียกได้ว่าหนังสือ ชุดสีโดนใจ 2 นี้คือทางลัดหรือสูตรสำ�เร็จ ในการเลือกใช้สี ในรูป แบบของชุดสีสำ�เร็จรูป ที่พร้อมให้คุณนำ�ไปใช้ในงานออกแบบได้ทันที โดยไม่ต้องกังวลเกี่ยว กับทฤษฎีสี ไม่ต้องเสียเวลาเลือกสีทีละสี ไม่ต้องทดลองว่าสีแต่ละสีนั้นเข้ากันได้ดีแค่ไหน และ ที่สำ�คัญคือ ไม่ต้องคอยลุ้นว่าสีที่คุณเลือกใช้นั้น เมื่อพิมพ์ออกมาจะเป็นอย่างไร ชุดสีพร้อมใช้ ทั้งหมดนี้จะเป็นเครื่องมือสำ�คัญ ให้คุณทำ�งานกับสีได้อย่างมีประสิทธิภาพ รวดเร็ว และมั่นใจ ได้ว่าสีที่คุณเลือกใช้นั้น จะให้อารมณ์และความรู้สึกได้ตรงตามที่คุณต้องการ ชุดสีโดนใจ 2 จะช่วยเสริมสร้างพลังของสี ในการดึงดูดความสนใจ พร้อมกับสื่อถึงบุคลิก และอารมณ์ที่สอดคล้องกับเนื้อหาของงานออกแบบ ยิ่งไปกว่านั้น คุณจะได้เห็นตัวอย่างการนำ� สีต่างๆไปใช้ร่วมกัน โดยแสดงถึงการตัดกันของสีแต่ละสี เมื่อนำ�มาวางไว้ติดกัน รวมถึงการ ใช้สีในตัวอักษร บนพื้นหลังสีต่างๆกัน ทำ�ให้ได้เห็นปฏิสัมพันธ์ (Color Interaction) ระหว่าง สีทั้งหมดในชุดสี ก่อนที่จะนำ�สีเหล่านั้นไปใช้ในงานของคุณ ชุดสีสำ�หรับสิ่งพิมพ์ (Creative Color Schemes for Print) ชุดสีทั้งหมดที่ปรากฏในหนังสือเล่มนี้ ออกแบบมาเพื่อใช้กับงานพิมพ์โดยเฉพาะ นั่น หมายความว่า หากคุณนำ�ค่าสี CMYK ไปใช้ ก็จะได้ผลลัพท์ใกล้เคียงกับสีที่ปรากฎในหนังสือ มาก เนื่องจากค่าสีที่ระบุในหนังสือเล่มนี้เป็น CMYK และหนังสือเล่มนี้ก็พิมพ์ด้วยหมึก 4 สีคือ CMYK จากเครื่องพิมพ์ระบบ Offset ที่เป็นมาตฐานของโรงพิมพ์ทั่วไป ดังนั้นผลลัพท์ที่ได้จึง ค่อนข้างจะใกล้เคียงกันมาก หากจะมีความแตกต่างขึ้น ก็อาจเนื่องมาจากองค์ประกอบต่างๆใน กระบวนการพิมพ์ เช่น คุณภาพของหมึกพิมพ์ ระบบการพิมพ์ และประเภทของกระดาษ เป็นต้น สำ�หรับค่าสี RGB และ HEX นั้น ได้จากการแปลงสีในระบบของสิ่งพิมพ์ จากค่าสี CMYK ไปเป็นค่า RGB และ HEX ที่ให้สีได้ใกล้เคียงกับสีที่ปรากฏในหนังสือ ลำ�ดับของชุดสี (Creative Color Schemes Ordering) ชุดสีโดนใจ 2 ประกอบด้วยชุดสีทั้งหมด 240 ชุด ไล่เรียงกันตาม ความคล้ายคลึง ของชุดสี เฉดสี และโทนสี โดยชุดสีแต่ละชุด จะถูกระบุด้วยรหัสตัวเลขจาก 001 ไปจนถึง 240 ทั้งนี้ ในชุดสีทั้งหมดนั้น ประกอบด้วยกลุ่มย่อยๆ (Mini Group) ที่มีความใกล้เคียงกัน เรียงอยู่ติดกัน เริ่มจากสีอ่อน ไปสีเข้ม ซึ่งโดยปกติชุดสีที่อยู่หน้าขวามือ จะมีความเข้มมากกว่า ชุดสีที่อยู่หน้าซ้ายมือ หากมองดูคร่าวๆ ชุดสีทั้งหมดอาจแบ่งเป็นสองกลุ่มใหญ่ ในช่วงแรกจะเป็นชุดสีที่มีความ โดดเด่น สดใส สะดุดตา ขณะที่ช่วงหลัง จะเป็นชุดสีที่ออกไปทางโทนสีเทา (Grayish) ที่มี ความสดใสน้อยกว่ากลุ่มแรก แต่มีความสวยงามในอีกรูปแบบหนึ่ง เราเลือกที่จะไม่ตั้งชื่อให้กับชุดสี เนื่องจากนักออกแบบแต่ละคนอาจมีความรู้สึกกับชุดสี แตกต่างกันไป ดังนั้นเราจึงไม่อยากให้ชื่อของชุดสี มาจำ�กัดความรู้สึกของนักออกแบบ เปิด โอกาสให้ทุกท่าน ใช้จินตนาการในการรับรู้ถึงอารมณ์และความรู้สึกของแต่ละชุดสีได้อย่างอิสระ
  • 7. 5 หนังสืออีบุ๊ค ในเวอร์ชั่นพิเศษต่างๆ (Extra Version eBooks) โปรดติดตามรายละเอียด และสั่งซื้ออีบุ๊คเวอร์ชั่นพิเศษต่างๆ ได้ที่เว็บไซต์ TheCreativeGuide.com อีบุ๊ค ชุดสีโดนใจ 2 เวอร์ชั่น RGB (RGB Version) เนื่องจากขอบเขตการแสดงสีของระบบสิ่งพิมพ์ กับระบบจอภาพนั้นแตกต่างกันพอสมควร โดยเฉพาะโทนสีน้ำ�เงิน โทนสีเขียว โทนสีบานเย็น และโทนสีม่วง ที่จะแตกต่างอย่างชัดเจน โดยทั่วไปแล้ว สีที่แสดงบนหน้าจอ มักจะมีความสว่างและสดใสกว่าสีที่พิมพ์ลงบนกระดาษ อีบุ๊คในเวอร์ชั่น RGB จัดทำ�ขึ้นเป็นพิเศษเพื่องานออกแบบที่แสดงผลบนหน้าจอโดยเฉพาะ ได้เป็นชุดสีที่มีความสว่าง สดใส เต็มความสามารถในการแสดงสีของหน้าจอ จึงเหมาะสำ�หรับ การเลือกใช้สีในงานออกแบบ PowerPoint, Website, Animation และสื่อดิจิตอลต่างๆ อีบุ๊ค ชุดสีโดนใจ 2 เวอร์ชั่น พื้นหลังดำ� (Glow in the Dark Version) พบกับความสวยงามของชุดสีต่างๆ ทั้ง 240 ชุดสี บนพื้นหลังสีดำ� ในรูปแบบอีบุ๊ค ที่จะมี ทั้งเวอร์ชั่น CMYK และ RGB ให้คุณเลือกใช้ได้ตรงกับงานของคุณ CMYK RGB เปรียบเทียบความแตกต่างของชุดสี 026 ในเวอร์ชั่น CMYK และ RGB (จะเห็นได้อย่างชัดเจนเมื่อดูในอีบุ๊ค) ตัวอย่างการนำ�ชุดสีไปใช้อาจสังเกตได้จากหน้าแรกๆของหนังสือเล่มนี้ที่ออกแบบโดยใช้ชุดสี008 เป็นหลัก แต่ในส่วนที่พบว่าสีนั้นอ่อนไปมองเห็นไม่ชัดจึงนำ�สีจากชุดอื่นที่อยู่ใกล้เคียงมาใช้เพิ่มเติม008 สารบัญของหนังสือเล่มนี้ ได้ใช้ระบบ ดรรชนี (Index) ที่แสดงรหัสของชุดสีเป็นหลัก ไม่ใช้รูปแบบ เลขหน้าเพื่อความเรียบง่ายของสารบัญและหลีกเลี่ยงความสับสนระหว่างรหัสของชุดสีกับเลขหน้า 3
  • 8. 6 เริ่มต้นจากการสำ�รวจดูชุดสีทั้งหมดว่า ชุดสีใดที่ให้อารมณ์และความรู้สึกตรงกับงานของ คุณ โดยพิจารณาจาก แถบชุดสี จุดสี และวงกลมสี ที่อยู่ส่วนบนของหน้า โดยสิ่งแรกที่อยาก แนะนำ�ให้มองก็คือ แถบชุดสี (Color Scheme Palette) ที่ประกอบด้วยรูปสี่เหลี่ยม 5 รูป ติดกัน ซึ่งจะสื่อถึงอารมณ์และความรู้สึกได้ชัดเจนที่สุด พิจารณา แถบสีสามสี (3-Color Combinations) คำ�แนะนำ�ในการเลือกใช้ชุดสี (Recommendations) เริ่มต้นที่ แถบชุดสี (Color Scheme Palette) สำ�รวจ ตัวอย่างการใช้สี (Color Applications) เมื่อเลือกชุดสีที่คุณชอบได้แล้ว ขั้นต่อไปให้ลองพิจารณาดูในส่วนของ ตัวอย่างการใช้สี (Color Applications) จาก จุดสีที่เรียงอยู่ในแนวตั้ง ข้างซ้ายหรือขวาของหน้า บนพื้นหลัง สีต่างๆ เพื่อตรวจสอบความเข้ากันของสี ว่าให้ความรู้สึกออกมาอย่างไร มีความต่างระหว่างสี (Contrast) มากเพียงพอหรือไม่ สีคู่ไหนที่ดูคล้ายกันมากไป ตัดกันมากไป ทำ�ให้มองเห็นไม่ชัด ก็ไม่ควรนำ�สีคู่นั้นไปใช้ สำ�หรับจุดสีพร้อมเส้นขอบที่เรียงอยู่ในแนวนอน แสดงให้เห็นถึงการใช้สี 3 สีร่วมกัน คือ สีเส้นขอบวงกลม สีภายในวงกลม และ สีพื้นหลัง ในส่วนของ ตัวอย่างการใช้สีตัวอักษรบนสีพื้น แสดงให้เห็นถึงความสามารถในการอ่าน ของแต่ละคู่สี เราควรเลือกคู่สีที่ทำ�ให้มองเห็นตัวอักษรได้ชัดเจน สะดุดตา และอ่านได้ง่าย ในส่วนของ แถบสีสามสี (3-Color Combinations) ที่แสดงอยู่ด้านล่างของหน้า ทำ� หน้าที่แสดงตัวอย่างสี 3 สีเรียงชิดติดกัน ช่วยให้คุณพิจารณาเลือกกลุ่มสี 3 สีที่เหมาะสม ไปใช้ในงานของคุณได้อย่างรวดเร็ว ก่อนที่คุณจะเลือกกลุ่มสีใดๆไปใช้ คุณสามารถตรวจสอบดู ปฏิสัมพันธ์ระหว่างสีต่างๆ ทั้งหมดภายในชุดสีเดียวกันได้จากส่วนของ แถบสีสามสี นี้ เพื่อให้แน่ใจว่าสีที่คุณจะนำ�ไปใช้ นั้นจะปรากฎออกมาอย่างไร ทำ�ให้เราทราบว่าสีใดบ้างที่ควรนำ�ไปวางร่วมกัน และสีไหนที่ ไม่ควรนำ�มาใช้คู่กัน
  • 9. 7 สำ�หรับท่านที่สนใจใช้สีเกรเดียนท์ ไล่ระดับจากสีหนึ่งไปอีกสีหนึ่ง ซึ่งนิยมใช้เป็นสีพื้นหลัง ของงานออกแบบต่างๆ สามารถดูตัวอย่างการไล่ระดับของสีภายในชุดสีนั้นได้จากแถบสี Color Gradient Stripe ด้านล่างสุดของหน้า เพื่อเลือกสีที่น่าสนใจไปใช้ในงานของคุณ ขอแนะนำ�ให้คุณลองพิจารณาใช้สีเกรเดียนท์ ในการออกแบบเมื่อมีโอกาส เนื่องจากสี เกรเดียนท์ของหลายๆชุดสีนั้นมีความสวยงาม แปลกตา สามารถสร้างความแปลกใหม่ให้กับ งานออกแบบของคุณได้เป็นอย่างดี ขอให้เข้าใจว่า ในชุดสีแต่ละชุด ย่อมมีบางสีที่มีโทนใกล้เคียงกัน ซึ่งไม่ควรจะนำ�มาใช้คู่กัน ดังนั้น ใน ชุดสีเดียวกัน ไม่ใช่ว่าสีทุกสีจะสามารถนำ�มาใช้คู่กันได้อย่างเหมาะสม โปรดสังเกตว่า สีเข้มที่มีโทนสีใกล้เคียง กัน และมีระดับความเข้มพอๆกัน ก็ไม่ควรนำ�มาใช้คู่กัน เช่นเดียวกับสีอ่อนที่มีโทนใกล้เคียงกัน และระดับ ความอ่อนของสีพอๆกัน ก็ไม่ควรนำ�มาใช้คู่กัน เพราะจะทำ�ให้แยกความแตกต่างระหว่างสีไม่ออก ในการใช้งาน ให้นำ�โค้ดสีที่ต้องการใช้ ไปใส่ในโปรแกรมออกแบบของคุณ เพื่อสร้างเป็น แพลเล็ท (Palette) หรือ Swatches ของชุดสี สำ�หรับเลือกใช้งานได้อย่างสะดวกต่อไป สำ�หรับ งานพิมพ์ก็จะใช้โค้ด CMYK สำ�หรับค่าสี Cyan, Magenta, Yellow, blacK ตามลำ�ดับ ส่วน งานที่แสดงผลบนหน้าจอ เช่น งานพรีเซ็นเทชั่น บนโปรแกรม PowerPoint หรืองานแอนนิ เมชั่นต่างๆ ก็ให้ใช้ค่าสี RGB (Red, Green, Blue) เป็นหลัก สำ�หรับการออกแบบเว็บไซต์ ก็ สามารถนำ�ค่า Hexadecimal ที่ขึ้นต้นด้วยเครื่องหมาย # ไปใช้ในการระบุสีขององค์ประกอบ ต่างๆ ในหน้าเว็บได้ตามต้องการ มองหา สีเพิ่มเติม (Extended Color Palettes) หากสีทั้ง 5 สีในชุดที่คุณเลือกใช้นั้นยังไม่เพียงพอ หรือต้องการใช้โทนสีที่เข้มขึ้น หรืออ่อนลง กว่าสีที่มีอยู่ คุณอาจพิจารณาเลือกสีอื่นเพิ่มได้ จากชุดสีที่อยู่ในหน้าติดกันของหนังสือ รวมถึงชุด สีอื่นๆที่อยู่ใกล้เคียง เนื่องจากชุดสีทั้งหมด มีการจัดเรียงลำ�ดับตามความใกล้เคียงกันของชุดสี นอกเหนือจากทั้ง 5 สีในชุดสีแล้ว ยังมีสีดำ� สีขาว และสีเทาระดับต่างๆ ที่สามารถนำ�มา ใช้ได้กับแทบทุกชุดสี โดยพยายามเลือกโทนสี และระดับความเข้มของสีเทา ที่เข้าได้กับสีที่มีอยู่ ทดลองใช้ แถบสีเกรเดียนท์ (Color Gradient Stripe) นำ�ค่าสีไปใช้ (Color Values) นำ�ค่าสี CMYK ไปสร้าง Swatches สำ�หรับใช้งานต่อไป 4
  • 10. 8 Color Palette แสดงชุดสีในรูปแบบ สี่เหลี่ยมเรียงชิดติดกัน 5 สี สื่อถึงอารมณ์และความรู้สึกของชุดสีได้อย่างเด่นชัด ลำ�ดับของสีได้ถูกจัด เรียงอย่างพิถีพิถัน เพื่อความน่าสนใจของชุดสี และจะใช้เป็นหลักในการแสดงรูปแบบชุดสี และตัวอย่างการใช้สี ในส่วนอื่นๆต่อไป 4 color color color color color color color color color color color color color color color color color color color color color color color color color color color color color color 5 Color Values in CMYK, RGB and HEX Color Scheme Circle Color Dots Color Circles Color Scheme Number แสดงการใช้สีแต่ะละสีกับตัวอักษร บนพื้น หลังสีขาว และบนพื้นหลังสีต่างๆ ในชุดสี แถบสีพื้นหลัง เริ่มต้นด้วยสีขาว แล้วตามด้วยสี อื่นๆ ภายใชชุดสี ตามลำ�ดับ แสดงสีตัวอักษรพร้อมสีของวงกลมและเส้นขอบ บนพื้นหลังสีต่างๆ ในชุดสี ในคอลัมน์เดียวกัน สีของตัวอักษร และสีของเส้น ขอบวงกลม จะเป็นสีเดียวกับจุดสีที่อยู่ด้านบน ขณะที่สีพื้นภายในวงกลม จะเป็นสีทั้งห้าของชุดสี ในตำ�แหน่งที่สีของคอลัมน์ เป็นสีเดียวกับ แถบสีพื้น ตัวอักษร สีของเส้นขอบ รวมถึง จุดในแถวด้านข้าง จะแสดงเป็นสีขาวแทน แสดงตัวอย่างสี 3 สีเรียงชิดติดกัน ในแต่ละคอลัมน์ จะมีการไล่เรียงสีตาม ลำ�ดับ เช่น คอลัมน์แรก จะมีสีที่ 1 และ 2 เป็นสีหลัก ส่วนคอลัมน์ที่สองก็จะมีสีที่ 2 และ 3 เป็นสีหลัก เป็นต้น ในคอลัมน์เดียวกัน แต่ละแถวจะประกอบ ด้วยสีตำ�แหน่งที่ 1 และ 2 เหมือนกัน ส่วนตำ�แหน่งที่ 3 จะเป็นสีที่เหลืออีก 3 สี ไล่เรียงกันไปตามลำ�ดับ ในส่วนนี้ ได้แสดงให้เห็นถึงความเข้ากัน และการตัดกันของสีทุกสีในชุดนั้น และ ยังมีประโยชน์สำ�หรับการพิจารณาเลือก สี 3 สีไปใช้งานได้อย่างรวดเร็ว 3-Color Combinations Color Applications Text Color Stroke Color Background Color Vertical Color Dots Color Gradient Stripe แสดงการไล่สีอย่างต่อเนื่องของสีภายในชุด โดยเรียงลำ�ดับตามความต่อเนื่องของสีเป็นหลัก color color color การพิจารณาเลือกสีที่เหมาะสม ควรให้ความ สำ�คัญกับความต่างของสี (contrast) ที่เพียงพอ โดยเลือกใช้คู่สีที่มีความแตกต่างกันอย่างชัดเจน ขณะที่ไม่ควรเลือกใช้คู่สีที่คล้ายคลึงกันมากไป ซึ่งจะทำ�ให้อ่านได้ยาก หรือมองเห็นได้ไม่ชัด วัตถุประสงค์ของชาร์ทนี้ จะแสดงให้เห็น ถึงการนำ�สีต่างๆ ในชุดไปใช้ร่วมกัน ทั้งใน ลักษณะของสีตัวอักษรกับสีพื้น และสีเส้น ขอบ(stroke)กับสีภายใน(fill)ของวงกลม บนสีพื้นต่างๆกัน ให้สังเกตความเข้ากันและ ความต่างของสี (contrast) ที่ปรากฏใน ตำ�แหน่งต่างๆเพื่อการพิจารณาเลือกกลุ่ม สีที่เหมาะสมไปใช้ต่อไป ดังตัวอย่างที่แสดงในหน้าถัดไป ตำ�แหน่งที่อยู่ ในเครื่องหมาย แสดงถึงความต่างระหว่าง คู่สีที่ไม่เพียงพอ จึงไม่ควรนำ�สีคู่นั้นไปใช้ร่วมกัน จุดสีทึบ 5 สีตามแนวตั้ง แสดงให้เห็นถึง การนำ�สีภายในชุดไปใช้ร่วมกัน บนพื้นหลัง สีต่างๆ เลขลำ�ดับของชุดสี แสดงด้วยสีใดสีหนึ่งในชุดสี ชุดสีในแบบจุด ชุดสีในรูปแบบวงกลมซ้อนกัน จัดเรียงตามลำ�ดับสีในชุดสี เริ่มจากวงใน ไปสู่วงนอก วงสี เป็นสีหลักให้กับ ตัวอักษรและเส้นขอบวงกลม ในคอลัมน์ด้านล่าง 3 33 3 6 6 6 6 4 4 4 4 แถวจุดสีตามแนวตั้ง ซึ่งอาจวางอยู่ด้าน ซ้ายหรือขวาของชาร์ท 3 4 4 4 ค่าสีต่างๆในชุดสี มีทั้งรูปแบบ CMYK (Cyan, Magenta, Yellow, blacK) สำ�หรับงานออกแบบกราฟิกและสิ่งพิมพ์ RGB (Red, Green, Blue) สำ�หรับงานที่แสดงผลบนหน้าจอ และ HEX (Hexadecimal) สำ�หรับงานออกแบบเว็บไซต์ 3 6
  • 11. 9 1 2 3 4 5 2 3 4 5 1 3 4 5 1 2 4 5 1 2 3 5 1 2 3 4 color color color color color color color color color color color color color color color color color color color color color color color color color color color color color color color 008 6 6 6 6 66 6 6 6 6 6 66 6 6 R255 G104 B106 #FF686A R149 G170 B193 #95AAC1 R185 G208 B90 #B9D05A R225 G247 B183 #E1F7B7 R241 G179 B100 #F1B364 C0 M70 Y40 K0 C40 M10 Y0 K20 C30 M0 Y80 K0 C0 M0 Y35 K0 C0 M30 Y65 K0
  • 23. 61 color color color color color color color color color color color color color color color color color color color color color color color color color 046 color colorcolor color color C0 M0 Y100 K0 C40 M0 Y100 K5 C0 M100 Y10 K0 C0 M15 Y100 K0 C100 M0 Y10 K0 R255 G236 B0 #FFEC00 R156 G189 B49 #9CBD31 R219 G14 B100 #DB0E64 R248 G203 B0 #F8CB00 R0 G160 B208 #00A0D0
  • 28. 256 creative COLOR schemes46 47FOR PRINT : COLOR TONE EARTHTONE Color Combinations EARTHTONE ลักษณะ k ชุดสี Earthtones หรือ Natural ไดมาจากธรรมชาติที่เราคุนเคยกัน ดี นั่นคือ สีน้ำาตาลของพื้นดิน สีเขียวของใบไม สีน้ำาเงินบนทองฟา รวมถึงสีแดงและสม ของดวงอาทิตยที่กำาลังตกดิน สรางบรรยากาศอบอุน ติดดิน ใกลชิดธรรมชาติยิ่งขึ้น ความรูสึก 9 อบอุน ปลอดภัย ติดดิน หนักแนน แข็งแรง มั่นคง ทนทาน สื่อถึง v ธรรมชาติ ชนบท สิ่งแวดลอม การผจญภัย ความเป็นมิตร ความจริง พบไดใน 5 พื้นดิน ป่าไม ภูเขา ทองฟา ทะเล ตนไม เฟอรนิเจอร โซฟา โต็ะ เกาอี้ พรม รองเทา รานกาแฟ เอิรทโทน EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE EARTHTONE hue contrast seperation warm soft clear tone similar gradation cool hard grayish C M Y K 30 50 60 80 20 30 40 50 10 15 30 30 20 70 90 70 15 50 90 50 5 20 40 20 10 80 100 50 0 55 100 10 0 5 50 5 55 25 85 70 50 5 80 25 25 0 40 5 55 30 20 50 30 15 10 30 20 10 10 10 creative COLOR schemes166 167FOR PRINT : IN TREND INSPIRE Color Combinations INSPIRE ลักษณะ k ชุดสีแหงแรงบันดาลใจ ประกอบดวยสีสดใสในโทนออนๆ ของสีชมพู ฟา เขียว และเหลือง รวมกับสีเทา ไดเปนชุดสีที่มีแรงจูงใจสูง ความรูสึก 9 สะอาด สดชื่น สดใส ไรเดียงสา จูงใจ มุงมั่น สรางสรรค สื่อถึง v แรงบันดาลใจ กำาลังใจ ความหวัง พบไดใน 5 งานออกแบบสมัยใหม INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE C M Y K 5 90 0 0 5 55 0 0 0 20 5 0 85 5 0 0 60 0 5 0 35 0 5 0 55 0 95 0 35 0 60 0 20 0 35 0 0 30 95 0 0 20 90 0 0 10 50 0 55 30 15 50 25 10 10 20 10 3 3 3 hue contrast seperation warm soft clear tone similar gradation cool hard grayish แรงดลใจ ชุดสี โดนใจ (เล่มแรก) ดูรายละเอียด และสั่งซื้อ ได้ที่เว็บไซต์ TheCreativeGuide.com 75 ชุดสี สำ�หรับสิ่งพิมพ์ 75 ชุดสี สำ�หรับเว็บ
  • 30. ISBN 978-616-90855-0-8 ราคา 329 บาท หมวดคอมพิวเตอร์กราฟิก THECREATIVEGUIDE.COM 9 786169 085508 เพิ่มความสวยงาม และสร้างความประทับใจ ให้กับ งานออกแบบกราฟิก สิ่งพิมพ์ หนังสือ โบรชัวร์ ป้าย โปสเตอร์ บรรจุภัณฑ์ โลโก้ นามบัตร เว็บไซต์ PowerPoint และงานออกแบบต่างๆ แสดงค่าสีในแบบ CMYK สำ�หรับงานกราฟิกและ สิ่งพิมพ์ค่าสีRGBสำ�หรับสื่อดิจิตอลที่แสดงผล บนหน้าจอ และค่าสี HEX สำ�หรับเว็บไซต์ แสดงตัวอย่างการใช้สีในรูปแบบต่างๆ ทั้งสี ตัวอักษร สีกราฟิก สีพื้นหลัง และสีเกรเดียนท์ ทำ�ให้เห็นถึงความรู้สึก และความเข้ากันของสีต่างๆ ได้อย่างชัดเจน ก่อนที่จะนำ�สีเหล่านั้นไปใช้งาน 240 ชุดสี ที่สวยงาม แปลกใหม่ และดึงดูดใจ พร้อมให้คุณเลือกใช้ ได้อย่างรวดเร็ว CREATIVE COLOR SCHEMES