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 จบปริญญาตรีด้านภาษาอังกฤษและเขียนเกี่ยวกับการตลาดการโฆษณาการสร้างแบรนด์การออกแบบกราฟิกและการเผยแพร่บนเดสก์ท็อป นอกจากอาชีพเขียนของเธอแล้วทารายังสนุกกับการใช้เวลาอยู่กับสามีและลูก ๆ อีกสองคน.