สี Pantone แห่งปี 2019 (และวิธีที่ผู้คนใช้ในการออกแบบเว็บ)

เผยแพร่แล้ว: 2019-02-11

ตั้งแต่ปี 2000 ผู้เชี่ยวชาญด้านสีที่ Pantone ได้เลือก Color of the Year เป็นประจำทุกปี ทางเลือกของพวกเขาคาดการณ์แนวโน้มในการออกแบบและเป็นตัวอย่างของจิตวิญญาณของปีที่กำลังจะมาถึง การหาวิธีรวมเข้ากับการออกแบบเว็บของคุณเองอาจทำให้ไซต์ของคุณมีการปรับโฉมใหม่ในปี 2019

ในบทความนี้ เราจะมาพูดถึงสี Pantone แห่งปี 2019 สี Living Coral นอกจากนี้เรายังจะแบ่งปันวิธีการใช้ในการออกแบบเว็บเพื่อให้คุณมีแนวคิดเกี่ยวกับวิธีการใช้งานสำหรับการออกแบบของคุณเอง

มาดูกัน!

บทนำสู่สี Pantone แห่งปี 2019: Living Coral

Pantone เป็นบริษัทที่ให้บริการให้คำปรึกษาเกี่ยวกับสีและผลิตภัณฑ์แก่นักออกแบบแฟชั่น ผลิตภัณฑ์ และกราฟิก บริษัทถือเป็น “แหล่งข้อมูลสีชั้นนำผ่านแนวโน้มการคาดการณ์ตามฤดูกาล” พูดได้อย่างปลอดภัยว่าความคิดเห็นของ Pantone เป็นสิ่งสำคัญเมื่อพูดถึงเรื่องสี

ในช่วงยี่สิบปีที่ผ่านมาผู้เชี่ยวชาญด้านสีที่ Pantone ได้เลือก Color of the Year สีของปี 2018 คือ Ultra Violet ซึ่งเป็นตัวเลือกที่โดดเด่นหลังจากเลือกใช้โทนสีที่ละเอียดอ่อนกว่าในช่วงหลายปีที่ผ่านมา สีสันแห่งปีไม่ได้เป็นเพียงการทำนายแนวโน้มการออกแบบเท่านั้น แต่ยังใช้อิทธิพลทางสังคมและวัฒนธรรมในปัจจุบันด้วย

ตัวอย่างสำหรับ Living Coral

สำหรับปี 2019 Pantone ได้เลือก Living Coral ซึ่งเป็นเฉดสีที่สดใสและมีชีวิตชีวาซึ่งให้บรรยากาศที่มีชีวิตชีวา สีบ่งบอกถึงความปรารถนาของเราในการเชื่อมต่อของมนุษย์อย่างแท้จริงในยุคที่สื่อสังคมและเทคโนโลยีครอบงำ “มีมนุษยธรรม” และ “มีชีวิตชีวา” ให้พลังงานและความอบอุ่นแก่การออกแบบ

วิธีการใช้ปะการังที่มีชีวิตในการออกแบบเว็บ (4 กลยุทธ์หลัก)

Living Coral มีอยู่แล้วในการออกแบบเว็บ ในมือขวา เฉดสี "เบิกบาน" นี้สามารถอัดแน่นและสร้างคำที่เป็นตัวหนาควบคู่ไปกับการออกแบบเว็บที่แข็งแกร่ง มาดูกันว่าคุณจะใช้ประโยชน์จากมันได้อย่างไร

1. เพิ่ม Living Coral ให้กับการออกแบบที่เรียบง่ายเพื่อให้ได้สีสัน

สำหรับบางคน การออกแบบที่เรียบง่ายทำให้นึกถึงจานสีขาวดำ ในทางตรงกันข้าม การใช้สีสองสามสีเพื่อให้เกิดประสิทธิภาพสูงสุดบ่งบอกถึงจิตวิญญาณของความเรียบง่ายมากกว่าส่งผลกระทบต่อคุณภาพการออกแบบด้วยโทนสีที่แคบมาก

โฮมเพจ Wokine ที่มีการออกแบบที่เรียบง่าย

การใช้สีในแบบมินิมอลลิสต์เป็นเรื่องเกี่ยวกับการทำอย่างเต็มที่ หน้าแรกของ Wokine แสดงให้เห็นว่า Living Coral สามารถเพิ่มสีสันและความประหลาดใจให้กับการออกแบบที่ตรงไปตรงมาได้อย่างไร ไซต์ยังคงเรียบง่ายโดยใช้เส้นสาย พื้นที่ และความเรียบง่ายที่สะอาดตา แต่การใช้สีนำความตื่นเต้นมาสู่หน้า

หากไซต์ของคุณไม่มีสีสันมากนัก ให้ลองเพิ่ม Living Coral เพื่อเพิ่มสีสัน ไม่ว่าคุณจะรวมมันอย่างกล้าหาญเหมือนตัวอย่างของเราหรือนำเสนอในลักษณะที่ละเอียดอ่อนยิ่งขึ้น สีที่อบอุ่นและน่าดึงดูดใจนี้สามารถนำหน้าของคุณจากน่าเบื่อไปสู่ความฝัน

2. นำเสนอปะการังที่มีชีวิตในโทนสีของคุณ

การใช้ชุดสีสร้างความสอดคล้องกันทั่วทั้งเว็บไซต์และแบรนด์ของคุณ ช่วยผู้ใช้กำหนดลำดับชั้นของเนื้อหา และสามารถชี้ให้เห็นคุณลักษณะต่างๆ เช่น คำกระตุ้นการตัดสินใจ (CTA) นอกจากนี้ การผสมผสานสีต่างๆ ที่เข้ากันได้ดียังช่วยให้มองเห็นได้ชัดเจนอีกด้วย

หน้าแรกของ Girlboss ที่มีกระเบื้องสีตามหมวดหมู่

เว็บไซต์ Girlboss ใช้โทนสีที่สนุกสนานและอ่อนเยาว์ด้วยสีชมพู สีเขียว และสีน้ำเงินที่หลากหลาย พวกเขาได้กำหนดสีที่แตกต่างกันให้กับแต่ละหมวดหมู่เนื้อหาบล็อก ดังนั้นผู้ใช้ที่คุ้นเคยกับแบบแผนชุดสีสามารถรับข้อมูลเกี่ยวกับแต่ละบทความได้อย่างรวดเร็วเพียงแค่ดูที่ไทล์โพสต์

มีวิธีมากมายที่จะรวม Living Coral เข้ากับชุดสีสำหรับไซต์ของคุณ คุณสามารถใช้ชุดสีแบบใดแบบหนึ่งที่ Pantone แนะนำ หรือสร้างสีของคุณเองก็ได้ Living Coral อาจมีบทบาทอย่างมากในโทนสีของคุณหรือชุดเล็ก

ไม่ว่าสีนี้มักจะเข้ากันได้ดีกับสีอื่น โดยสร้างคอนทราสต์ที่โดดเด่นเมื่อใช้กับสีน้ำเงิน ทำให้นึกถึงพระอาทิตย์ตกเมื่อวางไว้ข้างๆ สีเหลืองและสีส้ม และให้ความรู้สึกเหมือนดินและเป็นธรรมชาติเมื่อจับคู่กับสีเขียวหรือสีน้ำตาล

3. ให้ปะการังที่มีชีวิตเป็นศูนย์กลางและออกแถลงการณ์

แน่นอนว่าการใช้ Living Coral ในรูปแบบที่ละเอียดกว่านั้นมีประโยชน์ แต่ไม่มีอะไรผิดที่จะทำให้ผู้ใช้ว้าวุ่นใจด้วยการให้มันเป็นศูนย์ การแสดงสีนี้ในพื้นหลังของคุณจะทำให้ผู้เข้าชมไซต์ของคุณประทับใจ

ส่วน "เกี่ยวกับ" ของไซต์ห้องปฏิบัติการออกแบบ Kobu ที่มีข้อความสั้นๆ และรูปถ่ายของสมาชิกในทีม

Living Coral สร้างพื้นหลังที่ชัดเจนสำหรับส่วน "เกี่ยวกับ" ของไซต์ของ Kobu มันน่าทึ่งโดยไม่ต้องลงรูปสมาชิกในทีมที่ด้านล่าง แม้ว่าสีจะกินพื้นที่ส่วนใหญ่ของหน้าจอ แต่ก็ไม่ยากที่จะมองและยังคงอ่านข้อมูลที่สำคัญที่สุดได้

ทฤษฎีจิตวิทยาสีแนะนำว่าสีบางสีทำให้เกิดความรู้สึกบางอย่างในตัวเราเมื่อเรามองดูสีเหล่านั้น ในทำนองเดียวกัน คำอธิบายของ Pantone เกี่ยวกับ Living Coral พูดได้มากว่าสีนี้เชื่อมโยงกับอารมณ์อย่างไร

ผู้เชี่ยวชาญด้านสีของ Pantone เลือกคำเช่น "ของแท้" "เข้ากับคนง่าย" "มีส่วนร่วม" และ "บำรุงเลี้ยง" เพื่ออธิบายสีแห่งปี การใช้ Living Coral ในส่วน "เกี่ยวกับ" เพื่อส่งเสริมความรู้สึกของความใกล้ชิด ความถูกต้อง และการเปิดกว้างอาจเป็นประโยชน์ต่อไซต์นี้หรือไซต์ของคุณ

4. ใช้ปะการังที่มีชีวิตเป็นสีเน้นเสียงเพื่อชี้ให้เห็นคุณสมบัติที่สำคัญ

สีเน้นเสียงเป็นกุญแจสำคัญสำหรับชุดสีใดๆ บทบาทของพวกเขาคือการเน้นคุณลักษณะที่คุณต้องการให้ผู้ใช้ของคุณให้ความสนใจ เช่น CTA ปุ่มโซเชียลมีเดีย หรือลิงก์ หากไม่มีสีเฉพาะจุด คุณลักษณะเหล่านี้อาจสูญหายไปในบางครั้งในการออกแบบส่วนที่เหลือของไซต์

หน้าผลิตภัณฑ์จากเว็บไซต์ของ Pantone

Pantone ได้เลือกที่จะไปในทิศทางนี้เอง พวกเขาใช้ Living Coral เพื่อเน้นข้อตกลงด้านล่างเมนูและประกาศเกี่ยวกับความพร้อมในการจัดส่ง คุณลักษณะเหล่านี้ดึงดูดสายตาและมั่นใจได้ว่าจะไม่มีใครสังเกตเห็น กระตุ้นยอดขาย และแจ้งให้ผู้เลือกซื้อทราบถึงสิ่งที่พวกเขาจำเป็นต้องรู้

หากคุณต้องการดึงดูดความสนใจเป็นพิเศษไปยังส่วนใดส่วนหนึ่งของไซต์ของคุณ ไม่ว่าจะเป็นการประกาศ ปุ่มซื้อ หรืออย่างอื่น การเลือกสีเฉพาะจุดจะช่วยได้ ใช้กับพื้นหลังที่เป็นกลางเนื่องจาก Pantone ทำงานได้ดี คุณยังสามารถลองจับคู่สำเนียงของคุณด้วยสีที่ตัดกันเพื่อให้เตะได้แรงขึ้น

บทสรุป

การเก็บคำแนะนำจากผู้เชี่ยวชาญด้านการออกแบบชั้นนำนั้นไม่ใช่ความคิดที่ดี ด้วยความเข้าใจและอำนาจของสีที่ Pantone มอบให้ การใช้สีแห่งปี 2019 ในการออกแบบเว็บของคุณสามารถพิสูจน์ได้ว่าเป็นรายละเอียดที่เป็นประโยชน์

ในบทความนี้ เราได้สำรวจ Living Coral ซึ่งเป็นสี Pantone แห่งปี 2019 นอกจากนี้ เรายังดูตัวอย่างการใช้สีนี้ในการออกแบบเว็บ และพูดคุยถึงวิธีที่คุณสามารถใช้กลยุทธ์เหล่านี้สำหรับตัวคุณเอง:

  1. เพิ่ม Living Coral ให้กับดีไซน์มินิมอลเพื่อสีสันที่สดใส
  2. นำเสนอ Living Coral ในโทนสี
  3. ให้ Living Coral เป็นศูนย์กลาง
  4. ใช้ Living Coral เป็นสีเน้นเพื่อชี้ให้เห็นคุณสมบัติที่สำคัญ

คุณมีคำถามเกี่ยวกับการใช้สี Pantone แห่งปีในการออกแบบเว็บของคุณหรือไม่? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง!

ภาพขนาดย่อของบทความ: berry2046 / shutterstock.com