10 เว็บไซต์ Brutalist เพื่อสร้างแรงบันดาลใจให้กับโครงการออกแบบเว็บไซต์ครั้งต่อไปของคุณ

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

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

เว็บไซต์ Brutalist เป็นสิ่งใหม่ในการออกแบบที่มีจุดประสงค์ แต่เว็บไซต์ส่วนใหญ่ได้รับแรงบันดาลใจจากยุคแรก ๆ ของอินเทอร์เน็ต เมื่อวัน Angelfire และ Geocities เป็นจุดสุดยอดของสุดยอด วันที่ HTML เดียวที่คุณ ต้อง รู้คือ href และ img src

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

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

1. Craigslist.org

พวกคุณ Craigslist น่าเกลียด ไม่ อย่าปกป้องมัน มันเป็นสัตว์ประหลาด ข้อความสีดำ ลิงค์สีน้ำเงิน พื้นหลังสีขาว มันไม่สวย แต่มันไม่จำเป็นต้องเป็น

เพราะมันได้ผล นั่นคือสิ่งที่สำคัญ ส่วนหนึ่งของความโหดร้ายคือ UX และ CL ก็ลดลง คุณสามารถค้นหาสิ่งที่คุณต้องการซื้อหรือขายโดยไม่ต้องยุ่งยากหรือยุ่งยากหรือชิ้นส่วนที่เคลื่อนไหวภายนอก

2. Konsept83.com

เช่นเดียวกับ Craigslist Konsept83 มองหาแรงบันดาลใจในยุคแรก ๆ ของอินเทอร์เน็ต พื้นหลังสีเทา แบบอักษรของเครื่องพิมพ์ดีด (เนื้อหาหลักของเว็บไซต์ที่โหดร้าย) และลิงก์ทั้งหมดที่สะกดสิ่งที่คุณคลิกได้อย่างแม่นยำ

หน้าภายในนั้นว่างพอ ๆ กัน - พวกเขาแค่มีภาพฝังอยู่

3. pictureshow.tv

Pictureshow.tv ใช้งานได้ในโหมดแนวนอนบนมือถือเท่านั้น (หรือบนเดสก์ท็อป) เป็นซีรีส์วิดีโอที่ออกแบบมาให้ดูเหมือนเทป VHS แบบเก่า คุณยังคลิกเข้าไปที่หน้าอื่นๆ และหน้าเหล่านั้นทำหน้าที่เป็นเมนูตั้งค่า VCR

แต่คุณรู้อะไรไหม? ไซต์ใช้งานได้ คุณรู้ดีว่าต้องทำอย่างไร และคุณจะไม่หลงทางไปชั่วขณะ

แต่ผู้ชาย มันน่าเกลียด. และสวยงามตามกาลเวลา และส่วนที่ดีที่สุดคือคุณไม่มีคำถามเกี่ยวกับวิธีการใช้งาน

4. chris.bolin.co

คุณเคยเห็นเว็บไซต์ออฟไลน์หรือไม่? เลขที่? ฉันทั้งนั้น แล้วฉันก็พบความงามนี้

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

ความโหดร้ายมนุษย์

4. stephaniemarx.com/talks

หนึ่งในการพูดคุยของเธอ (และวิธีที่ฉันทำความคุ้นเคยกับงานของเธอ) เรียกว่า ทุกสิ่งที่ฉันเรียนรู้เกี่ยวกับการออกแบบเว็บ ฉันเรียนรู้จาก Geocities

ฉันไม่คิดว่าฉันต้องพูดอะไรอีก

5. wolftonechambers.com

พูดคุยเกี่ยวกับความโหดร้าย มีเนื้อหาที่นี่ จำนวนมากของมัน ข้อมูลที่ดีที่เขียนได้ดี แต่มันถูกซ่อนจากเราโดยทะเล ASCII

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

#ยักไหล่

6. allanyu.nyc

ข้อดีส่วนหนึ่งของการเขียนและเผยแพร่บนเว็บก็คือ ผู้ใช้ของคุณจะไม่เห็นการแก้ไขและการเปลี่ยนแปลงที่คุณทำกับเนื้อหาของคุณ คุณสามารถนำเนื้อหาใหม่ออกไปที่นั่นหรือปรับเนื้อหาเก่า และจะไม่มีใครฉลาดกว่า (เว้นแต่พวกเขาจะตรวจสอบที่เก็บถาวรของ Wayback Machine)

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

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

7. การออกแบบใหม่ของ Brutalist

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

แต่มันยากที่จะทำทั้งหมดพร้อมกัน ดังนั้น Pierre Buttin จึงนำแอพที่สะอาดที่สุดและเป็นที่นิยมที่สุด (เช่น Facebook และ Instagram และ Snapchat) มาออกแบบใหม่เป็นตัวอย่างของวิธีที่คุณสามารถรักษารูปแบบและการทำงานในขณะที่ลบแฟลชฟุ่มเฟือยที่ไม่เพิ่มประสบการณ์

8. morgane.com/pixel- lab

http://morgane.com/pixel-lab
(อาจเป็นภาพใหม่ในแล็ปท็อปทั้งหน้า)

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

ที่กล่าวว่าพวกเขารู้ว่าพวกเขากำลังทำอะไร พวกเขามีงานแสดง การเชิญไปยังเซิร์ฟเวอร์ Slack และความปรารถนาที่จะช่วยเหลือผู้อื่น

การใช้การออกแบบเว็บช่วยขจัดอุปสรรคระหว่างพวกเขากับผู้ชม

9. wekflatm.kr

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

เป็นอีคอมเมิร์ซที่พื้นฐานและสมบูรณ์แบบที่สุด นี่คือเก้าอี้ ซื้อมัน. ต้องการโซฟาหรือไม่? ตกลง. คุณสามารถซื้อได้ที่นั่น

ไม่มีรายการสินค้าที่ต้องการ ไม่มีการค้นหา ไม่มีรูปแบบหรือคำวิจารณ์จากผู้ใช้ เพียงรายการ ราคา ซื้อ

มันไม่สวย แต่ก็ไม่ได้น่าเกลียดเช่นกัน มันง่าย และมีบุคลิก เป็นทุกสิ่งที่คุณต้องการในเว็บไซต์และไม่มีอะไรที่คุณทำไม่ได้

10. keyaar.in

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

อย่างไรก็ตาม คุณรู้ดีว่าแต่ละอันคืออะไรเมื่อคุณคลิก งาน คือแกลเลอรี่ของ คุณเดาเอาเองว่างาน NSFW เป็นบล็อก แต่ก่อนหน้านั้น คุณรู้ว่าคุณกำลังเข้าสู่เรื่องส่วนตัว หากไม่สนิทสนม และ KL11 ? หน่วยงานออกแบบเอง ข้อมูลทั้งหมดที่คุณต้องการอยู่ที่นั่น

คุณต้องการอะไรเพิ่มเติมจากเว็บไซต์?

โหดร้าย shmutal

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

แต่มีบทเรียนการออกแบบมากมายที่คุณสามารถเรียนรู้ได้จากไซต์เหล่านี้

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

และอาจจะเป็นคนที่เข้มแข็งขึ้นด้วย

คุณคิดอย่างไรเกี่ยวกับเว็บไซต์ที่โหดร้าย? แจ้งให้เราทราบความคิดเห็นของคุณเกี่ยวกับแนวโน้มนี้ในความคิดเห็น

ภาพขนาดย่อของบทความโดย Kaleo / shutterstock.com