เทรนด์การออกแบบการใช้สีโมโนโครมในพื้นที่ฮีโร่

เผยแพร่แล้ว: 2020-05-01

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

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

ลองมาดูตัวอย่างที่น่าตื่นเต้นของเทคนิคนี้ในธรรมชาติกัน

แก้ว

MUG มีพื้นที่ฮีโร่น้อยที่สุด นำเสนอเฉพาะสิ่งที่สำคัญ เช่น เมนู โลโก้ และสโลแกน อย่างไรก็ตาม มันไม่ได้เป็นแบบดั้งเดิมเลย มีตัวอักษร "U" ที่เป็นแอนิเมชั่นขนาดใหญ่ที่ช่วยเตือนให้นึกถึงแก้วที่วางอยู่ด้านหลัง เพื่อสร้างความสนุกสนานให้กับการออกแบบ

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

ที่นี่ พื้นหลังโทนสีเดียวเป็นส่วนสำคัญของการออกแบบที่มีคำพูด ดังนั้นพื้นที่ฮีโร่ขาวดำจึงดูน่าสนใจและน่าดึงดูดทีเดียว

แก้ว

Omnium Blockchain

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

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

Omnium Blockchain

หลังคาสร้างสรรค์

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

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

หลังคาสร้างสรรค์

หน่วยงาน Dix4

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

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

หน่วยงาน Dix4

ONEFOUR

ทีมงานที่อยู่เบื้องหลังการออกแบบของ ONEFOUR ใช้เส้นทางเดียวกัน เช่นเดียวกับในกรณีของ Dix4 Agency ครีเอทีฟโฆษณาไม่ยึดติดกับโทนเสียงเดียว พวกเขาใช้เฉดสีต่างๆ เพื่อดึงดูดผู้เข้าชมด้วยภูมิหลังที่เปลี่ยนแปลงตลอดเวลา

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

ONEFOUR

หน่วยงาน MST

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

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

หน่วยงาน MST

ทรี59

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

มันกำหนดเวทีสำหรับองค์ประกอบพื้นหน้า เพิ่มความกล้าหาญเล็กน้อยให้กับโครงการ และสร้างสมดุลให้กับรายละเอียดเชิงโต้ตอบทั้งหมด

ทรี59

Codigo

Codigo เป็นตัวอย่างคลาสสิกของเทคนิคนี้ มีพื้นผิวขาวดำที่สะอาดซึ่งทำหน้าที่เป็นรากฐานที่มั่นคงสำหรับองค์ประกอบพื้นหน้า มันเปิดทางให้กับสโลแกนและการนำทาง

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

Codigo

ใช้สีเดียวให้เกิดประโยชน์สูงสุด

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

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

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