30 เว็บไซต์สามสีที่สวยงามเพื่อแรงบันดาลใจของคุณ

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

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

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

กลศาสตร์ภาพ

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

nclud

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

The Loft

เฉดสีเทาที่แตกต่างกันบนพื้นหลังสีขาวทำให้หน้าเว็บนี้มีรูปแบบมินิมัลลิสต์ที่ซับซ้อน ข้อความสีในเมนูหน้าทำหน้าที่เป็นแนวทางในการนำทางเว็บไซต์.

Fat-Man-Collective

เช่นเดียวกับรูปลักษณ์และโทนของแบรนด์การออกแบบเว็บไซต์นี้ก็สั้นและหวานเช่นกัน วิธีที่จะไปกับการรักษารูปลักษณ์ที่มีตราสินค้า!

Creative Spark

ลบภาพประกอบเว็บไซต์นี้มีเพียง 3 สีในการออกแบบ: สีเหลืองสีดำและสีขาวซึ่งเป็นการอ้างอิงที่ดีเกี่ยวกับหลอดไฟเมื่อคุณคิดถึงมัน และหลอดไฟทำงานได้ดีกับชื่อ บริษัท Creative Spark น่าสนใจ.

Pepperminted

ชื่อที่น่ารักและการออกแบบสีน่ารักส่วนใหญ่ 3 สีอันนี้เรียบง่าย แต่สร้างสรรค์ในเวลาเดียวกัน.

Sergey Stanchev

โทนสีเข้มและการใช้สีที่ จำกัด ทำให้ไซต์นี้มีรูปลักษณ์และความรู้สึกระดับมืออาชีพ.

Digimurai

สีข้อความของการประสานสีส้มและสีน้ำเงินพร้อมพื้นหลังที่แสดงและมาสค็อตน้อยน่ารัก.

Causecast

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

Astheria

การออกแบบที่ชาญฉลาดนี้ใช้สีของยาเสพติด! สีขาวเทาและน้ำเงินมักเป็นสีที่คุณเห็นในกล่องยาดังนั้นนักออกแบบเหล่านี้จึงวิ่งไปกับแนวคิดของ "การออกแบบเป็นยา"

Dave Airey

Ah, David Airey หนึ่งในนักออกแบบแบรนด์ที่ได้รับความนิยมสูงสุดในชุมชนนักออกแบบบล็อกกราฟิก เว็บไซต์ของเขาเป็นมินิมัลลิสต์มีเพียงตัวอักษรสีดำสีส้มและสีเทาบนพื้นหลังสีขาว เรียบง่าย แต่มีประสิทธิภาพ!

Eduardo de La Rocque

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

แปดหน้า

สีดำขาวและเทาพร้อมด้วยคำใบ้สีส้มเป็นสีหลักที่ใช้ในการออกแบบนี้ สีเหล่านี้ทำให้เว็บไซต์นี้มีลักษณะ "ข่าว".

ไข้

สีดำและสีเทาอ่อนและสีแดงถูกนำมาใช้แทนกันในการออกแบบนี้ ในขณะที่การออกแบบนี้อาจมีการจัดระเบียบได้ดีขึ้นเล็กน้อยในแง่ของสีที่ใช้ในที่ใด แต่พวกเขาก็ใช้สีทั้งสามของชื่อได้ดีมาก.

Stefan Coisson

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

Jon Tangerine

โอเคนี่คืออีกอันที่ยาวเกินกว่า 3 สีเล็กน้อย แต่มันก็เป็นไซต์ที่สวยงามที่มันตะโกนว่า "ดูฉันสิ!" ไฮไลท์สีเหลืองและลิงค์ข้อความ (มีสีส้มขีดเส้นใต้เล็กน้อย) ตัดกันอย่างดีกับตัวอักษรสีดำและสีเทาและสีขาวเป็นครั้งคราว สวย!

มาร์ติน Hipp

สีเทาเข้มดำและเขียวชอุ่มผสมผสานกันอย่างดีเพื่อให้ไซต์นี้มีความเป็นมืออาชีพที่สดชื่น แต่มีเอกลักษณ์.

ไซต์ขั้นต่ำ

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

ทฤษฎีการเคลื่อนไหว

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

ทางกลับ

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

ข้าวและแกรม

เว็บไซต์นี้ทำงานได้อย่างยอดเยี่ยมในการสร้าง "สุภาพบุรุษ" ดึงดูดใจด้วยสีลูกผู้ชายของสีเทาเข้มสีข้าว (ตามชื่อ) และสีขาว.

กองแบบอักษรที่น่ากลัว

สีส้มพร้อมกับสีดำและสีเทา (และข้อความสีขาวเล็กน้อย) ช่วยในการแยกไซต์ที่มีข้อความมากและทำให้มันน่าสนใจ.

Yuna

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

รูปห้าเหลี่ยม

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

ออกแบบกราฟฟิกทางวิทยุ

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

Pixelbot

อีกครั้งสีเทาเข้ม, สีเทาอ่อนและสีไฮไลต์ทำให้การออกแบบสีที่เรียบง่ายและมีประสิทธิภาพสำหรับการออกแบบเว็บ.

ไซต์สร้างแรงบันดาลใจ

ในขณะที่การเปลี่ยนสีข้อความเมื่อคุณวางเมาส์เหนือมันจะสนุก แต่อันนี้อาจใช้ประโยชน์จากคุณลักษณะนี้น้อยเกินไป แต่บางทีพวกเขาสามารถหลบหนีไปได้ด้วยการออกแบบ 3 สีที่เรียบง่าย.

สเตฟานเพอร์สัน

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

เฟาสต์

โทนสีที่เรียบง่ายช่วยลดความวุ่นวายของไซต์นี้ อย่างไรก็ตามสีส้มที่น้อยลงจะช่วยให้การออกแบบมากยิ่งขึ้น.

โรงงานอุตสาหกรรม

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

หมายเหตุจากบรรณาธิการ: โพสต์นี้เขียนโดย ธารา Hornor สำหรับ Hongkiat.com Tara จบปริญญาตรีด้านภาษาอังกฤษและเขียนเกี่ยวกับการตลาดการโฆษณาการสร้างแบรนด์การออกแบบกราฟิกและการเผยแพร่บนเดสก์ท็อป นอกจากอาชีพเขียนของเธอแล้วทารายังสนุกกับการใช้เวลาอยู่กับสามีและลูก ๆ อีกสองคน.