Brutalism ในการออกแบบเว็บ: อะไรทำให้เป็นที่นิยม?

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

หลักการออกแบบที่ค่อนข้างใหม่นี้เกี่ยวข้องกับการละทิ้งแนวทางปฏิบัติแบบเดิมๆ เช่น UI ที่ใช้งานง่าย ไปแทนที่สิ่งที่ก่อกวนโดยสิ้นเชิง

ถอดรหัสหลักการออกแบบเว็บ Brutalist

Brutalist Web Design เข้ามาในรูปภาพเมื่อ Pascal Deville นำเสนอเทรนด์การออกแบบนี้ในเวทีการออกแบบเว็บ ในฐานะผู้ก่อตั้งพอร์ตโฟลิโอออนไลน์ของเว็บไซต์ที่โหดร้าย เขาได้จัดทำเอกสารการออกแบบเว็บที่แสดงถึงการไม่กังวลว่าจะดูง่ายหรือสบายตา

ในความเป็นจริง ความโหดเหี้ยมในการออกแบบเว็บสามารถเห็นได้จากการเคลื่อนไหวของสถาปัตยกรรมในปี 1970 ซึ่งสถาปนิกทิ้งการก่อสร้างอาคารคอนกรีตที่เผยให้เห็นถึงความขรุขระและความหยาบ หลักการเดียวกันในการออกแบบเว็บคือสิ่งที่เกี่ยวกับความโหดร้าย - แนวทางที่ได้รับการสรุปว่าเป็นปฏิกิริยาที่โดดเด่นของนักออกแบบเว็บรุ่นต่อไปที่มีต่อความเรียบง่ายและการออกแบบในแง่ดี

Allanyu.nyc : A Common Brutalist เว็บไซต์

ความโหดเหี้ยมในการออกแบบเว็บอาจเป็นแนวปฏิบัติใหม่ แต่มันเป็นสไตล์ทั่วไปในช่วงทศวรรษที่ 50 และ 60 ในการออกแบบงานพิมพ์กราฟิก งานศิลป์ และโปสเตอร์

ความโหดร้ายและภูมิทัศน์ดิจิทัลสมัยใหม่

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

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

กำหนดเขตแดนระหว่าง Brutalist Web Design & Anti-design

ความไม่สมมาตรได้ชักจูงผู้คนให้สับสนระหว่างหลักการที่โหดร้ายกับการต่อต้านการออกแบบ อย่างไรก็ตาม มีความแตกต่างที่โดดเด่นและความโหดร้ายไม่สามารถตัดออกเป็นการต่อต้านการออกแบบได้

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

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

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

ความนิยมที่เพิ่มขึ้นของการออกแบบเว็บ Brutalist

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

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

Craigslist : เว็บไซต์ยอดนิยมและประสบความสำเร็จด้วยการออกแบบเว็บที่โหดร้าย

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

แนวทางปฏิบัติการออกแบบเว็บไซต์ Brutalist ที่ดีที่สุด

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

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

เริ่มต้นใช้งาน Brutalist Web Design: จะทำอย่างไร?

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

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

ใช้ธีม WordPress Brutalist

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

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

การเขียนโค้ดเว็บไซต์ด้วยมือตั้งแต่เริ่มต้น

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

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

เคล็ดลับ Brutalism ที่เป็นประโยชน์สำหรับนักออกแบบเว็บไซต์

รู้จักผู้ชมของคุณ

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

ไม่สมดุล ไม่สมดุล ไม่สมดุล!

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

ทิ้งความงามไว้เหนือการปฏิบัติจริง

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

ใช้รูปร่างที่ไม่เหมือนกัน

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

ตัวอย่างการออกแบบเว็บ Brutalist ในชีวิตจริงที่น่าสนใจ

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

1. ข่าวแฮ็กเกอร์

news.ycombinator.com

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

2. โรงงาน22

plant22.co

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

3. รูปภาพตอนนี้

photosnow.org

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

Brutalist Web Design: ข้อสังเกตสรุป

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

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