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

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