portaldacalheta.pt
  • หลัก
  • การจัดการวิศวกรรม
  • บุคลากรและทีมงานของผลิตภัณฑ์
  • อื่น ๆ
  • นวัตกรรม
การออกแบบ Ui

Brutalist Web Design, Minimalist Web Design และอนาคตของ Web UX



เว็บไซต์มีความวุ่นวายรกและไร้ระเบียบมากขึ้นหรือไม่? ผิดกฎของการออกแบบที่ดีหรือไม่? เว็บเปลี่ยนเป็นน่าเกลียดไหม นี่เป็นเทรนด์ใหม่หรือไม่?

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



หลักการของการออกแบบที่ทันสมัยและทันสมัยเป็นเรื่องธรรมดามากจนเราแทบไม่คิดว่าจะเป็นตัวเลือกโวหาร โดยทั่วไปแล้วการออกแบบเว็บที่“ ดี” หมายถึงการปฏิบัติตามกฎของความเรียบง่าย อินเทอร์เฟซที่สะอาดเรียบง่ายไม่กระจัดกระจาย แต่ก็ไม่ได้เป็นเช่นนั้นเสมอไป ย้อนเวลากลับไปไม่กี่สิบปี



จุดกำเนิดของเว็บ

การออกแบบเว็บไซต์มีมานานตั้งแต่ปี 1991 เมื่อไฟล์ เว็บไซต์แรก ถูกตีพิมพ์. การปฏิวัติอินเทอร์เน็ตเริ่มต้นด้วยเว็บไซต์แรกที่ใช้ข้อความโดยใช้ HTML รุ่นแรก



เว็บไซต์แรกของเวิลด์ไวด์เว็บในปี 1991

“ การออกแบบ” เว็บไซต์ครั้งแรกที่เผยแพร่เมื่อวันที่ 6 สิงหาคม 2534

จากนั้น Flash ก็มาพร้อมกับไซต์แอนิเมชันที่น่าสนใจที่ทุกคนจำได้อย่างแน่นอน การพัฒนา CSS (Cascading Style Sheets) มาพร้อมกับ นักออกแบบเว็บไซต์ ด้วยการควบคุมการปรับปรุงต่างๆเช่นสีพื้นหลังขนาดตัวอักษรและลักษณะข้อความในโค้ด JavaScript ทำให้เรามีเมนูแบบเลื่อนลงการนำทางขั้นสูงและแบบฟอร์มเว็บที่มีการตรวจสอบข้อผิดพลาด



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

เว็บไซต์ Google ตั้งแต่ปี 1998

เว็บไซต์ของ Google ปี 1998



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

เว็บไซต์ CNN.com ตั้งแต่ปี 2000

เว็บไซต์ของ CNN, 2000




เว็บไซต์ Enron ตั้งแต่ปี 2547

เว็บไซต์ของ Enron, 2004



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

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



ความงามที่เรียบง่าย

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

Minimalism ไม่ได้มีไว้สำหรับการออกแบบเว็บเท่านั้น คิดถึงองค์ประกอบทั้งหมดรอบตัวคุณที่รวมเอาการออกแบบนั้นในอุดมคติ เป็นเรื่องง่ายที่จะเชื่อมต่อการออกแบบที่เรียบง่ายกับ Nest, Apple, Herman Miller และอื่น ๆ อีกมากมายซึ่งเป็นแรงบันดาลใจให้กับมินิมอลมากมาย นักออกแบบ .

อุปกรณ์บ้าน Nest ดีไซน์เรียบง่าย

Nest แสดงการออกแบบผลิตภัณฑ์ที่เรียบง่ายและเรียบง่าย


เก้าอี้เลานจ์ Herman Miller Eames Rosewood 670/671 และดีไซน์เรียบง่ายสไตล์ออตโตมัน

เก้าอี้เลานจ์ Eames แบบสำนักงานคลาสสิกที่ไร้กาลเวลาและไม่สามารถถูกแทนที่ได้

รับและแปลง excel 2013


MacBook Pro จาก Apple ดีไซน์เรียบง่าย

สไตล์เรียบง่ายทันสมัยคือบัตรโทรศัพท์ของ Apple

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

การออกแบบที่เรียบง่ายจากนักออกแบบกราฟิกที่มีชื่อเสียงที่สุดคนหนึ่งในยุคของเขา Josef Müller-Brockmann มีความคล้ายคลึงกับ Herman Miller มาก: เหนือกาลเวลา . มึลเลอร์ - บร็อคมานน์ยอมรับและเข้าใจความเรียบง่ายในช่วงทศวรรษที่ 1940 และ 1950 ในรูปแบบของ การออกแบบสไตล์สวิส .

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

โปสเตอร์ Josef Muller Brockmann

การออกแบบตัวอักษรและโปสเตอร์ที่สะอาดและทันสมัยโดย Josef Muller Brockmann

อึก-ลดขนาด-css

Minimalism สร้างตัวเองในยุคดิจิทัลได้อย่างไร

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

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

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

หน้าจอหลักของการออกแบบเว็บที่เรียบง่าย

มุ่งเน้นไปที่จุดแข็งหลักของเอเจนซีดิจิทัลโดยใช้คำง่ายๆ 3 คำ ( ขบวน )


เว็บไซต์หน้าจอหลักจาก Chylak

การออกแบบอีคอมเมิร์ซที่เรียบง่ายนี้ให้ความสำคัญกับเสื้อผ้าโดยขจัดสิ่งรบกวนที่ไม่จำเป็นทั้งหมดออกไป ( เสื้อผ้า Chylak )


การออกแบบแอป iOS ที่เรียบง่าย

ผู้ใช้จึงมุ่งเน้นไปที่องค์ประกอบ UI หลักด้วย Invstr การออกแบบแอปที่เรียบง่าย

ประโยชน์ของการออกแบบที่เรียบง่าย

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

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

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

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

อนาคตของ Minimalism

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

ตัวอย่างเช่น, การออกแบบวัสดุของ Google เป็นหนึ่งในวิวัฒนาการที่สำคัญครั้งแรกในแนวทางการออกแบบ 'แบน' ที่ได้รับแรงบันดาลใจจากมินิมอล นักออกแบบของ Google คงความเรียบง่ายและเรียบง่าย แต่ปรับปรุงภาษาในการออกแบบด้วยการใช้ เอฟเฟกต์เงาและแนวคิดของการเคลื่อนไหวและความลึก . วัสดุโอบรับการออกแบบที่เรียบและมีลักษณะเฉพาะ: เลียนแบบวัสดุในโลกแห่งความเป็นจริง

เว็บไซต์หลักเกณฑ์การออกแบบวัสดุของ Google

เว็บไซต์หลักเกณฑ์การออกแบบวัสดุของ Google .

ข้อเสียของ Minimalism

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

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

หน้า Landing Page ด้วยการออกแบบที่เรียบง่าย

ดำเนินการอย่างดี แต่ขาดความคิดริเริ่ม รูปภาพขนาดใหญ่ของผลิตภัณฑ์ข้อความและภาพขนาดย่อพร้อมข้อความ

ความโหดร้ายในการออกแบบเว็บไซต์

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

บางคนชอบบางคนเกลียดและคนอื่น ๆ ก็ไม่เข้าใจ: เว็บไซต์ brutalist .

ใช้ Craigslist ตัวอย่างเช่น. Craigslist จะต้องได้รับการพิจารณาว่าเป็น 'granddaddy' ของเว็บไซต์ brutalist มันไม่สวยงามและไม่มีวันให้ความสำคัญ www.awwwards.com . ข้อความสีดำลิงค์สีน้ำเงินพื้นหลังสีขาว มันไม่สวยเลย ไม่จำเป็นต้องเป็นเพราะมันใช้งานได้ - และทำงานได้ดีจริงๆ คุณจะพบสิ่งที่คุณต้องการซื้อหรือขายโดยไม่ต้องยุ่งยากหรือยุ่งยากและไม่มีชิ้นส่วนที่เคลื่อนไหวจากภายนอก

Craigslist ออกแบบเว็บไซต์สไตล์ brutalist

Craigslist เป็นลิงค์สีน้ำเงินจำนวนมาก แบร์โบน UI ที่ใช้งานได้

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

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

ซื้อเว็บไซต์ประเภท brutalist ของโรงเรียนออกแบบ

ซื้อโรงเรียนออกแบบ จัดแสดงแกลเลอรีงานเป็นกองการ์ดที่รกรุงรังบนพื้นหลังไล่ระดับแบบเม็ดเล็ก ๆ


ตัวอย่างการออกแบบเว็บไซต์ brutalist

แนวคิด 83 ได้รับแรงบันดาลใจจากยุคแรก ๆ ของอินเทอร์เน็ต


ตัวอย่างการออกแบบเว็บไซต์ Brutalist

Creative Show-off Utrecht ใช้สีที่โดดเด่นด้วยสไตล์การออกแบบที่โหดร้าย


ตัวอย่างเว็บไซต์การออกแบบเว็บไซต์ brutalist

เค้าโครงการออกแบบที่ไม่เป็นทางการและโหดร้ายบน Slugz เว็บไซต์.

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

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

ประวัติโดยย่อของความโหดร้าย

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

การออกแบบฐานข้อมูลที่ดีไม่รวม:

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

คำนี้มีต้นกำเนิดมาจากคำภาษาฝรั่งเศส“ ขั้นต้น 'สำหรับ' ดิบ 'ดังที่เลอกอร์บูซิเยร์อธิบายถึงการเลือกใช้วัสดุของเขา' ปูนซีเมนต์ขั้นต้น ,” คอนกรีตดิบ. ดูเหมือนว่าการออกแบบไฮเปอร์ฟังก์ชันลิสต์นั้นได้รับการออกแบบมาเพื่อให้ประโยชน์ใช้สอยเท่านั้นไม่ใช่เพื่อความพึงพอใจราวกับว่ายกนิ้วให้กับความทันสมัย

ความโหดเหี้ยมพยายามเผชิญหน้ากับสังคมการผลิตจำนวนมากและลากบทกวีหยาบออกจากกองกำลังที่สับสนและทรงพลังซึ่งกำลังทำงานอยู่ จนถึงตอนนี้ Brutalism ได้รับการกล่าวถึงในเชิงโวหารในขณะที่สาระสำคัญคือจริยธรรม - Alison & Peter Smithson, The New Brutalism, Architectural Design (เมษายน 2500)

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

อาคารที่อยู่อาศัย Habitat 67 ในมอนทรีออลสร้างขึ้นในสไตล์โหด

เมื่อวันที่ 27 เมษายน พ.ศ. 2510 คอมเพล็กซ์ที่อยู่อาศัยในเมืองของ Safdie ซึ่งมีชื่อว่า Habitat 67 ได้เปิดตัวในงาน Expo 67 ซึ่งเป็นงานแสดงสินค้าระดับโลกที่มอนทรีออล

ความโหดเหี้ยมในยุคดิจิทัล

บลูมเบิร์ก ได้นำสไตล์ในแบบของตัวเองมาใช้กับเว็บไซต์ข่าว การออกแบบเกือบจะดูหรูหราและเน้นการใช้งานแบบดิบๆอย่างชัดเจน

เว็บไซต์ Bloomberg brutalist

หน้าแรกของ Bloomberg .

เทคนิคการคาดการณ์การขายข้อใดต่อไปนี้อาจมีอคติต่อการมองโลกในแง่ดี

ความโหดเหี้ยมกำลังกลับมาอย่างมั่นคง น่าเกลียดดิบและปราศจากการออกแบบแบบเดิม ๆ เอฟเฟกต์โฮเวอร์ที่บ้าคลั่งและเครื่องประดับผิวเผินมีอยู่ทั่วไป คนเจ้าระเบียบหลายคนมองว่าแนวโน้มนี้รุนแรงหยาบกระด้างอึดอัดเผชิญหน้าและเหยียดหยาม มันคือ. โดยเจตนา.

The Outline - การออกแบบเว็บไซต์ brutalist

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

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

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

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

Reddit

Reddit ใช้งานได้จริงโดยใช้ลิงก์สีน้ำเงินสดใสของเว็บในยุคแรก ๆ

นักออกแบบ Pierre Buttin นำความโหดเหี้ยมไปสู่ความรุนแรงครั้งใหม่ด้วยชุดแอพมือถือที่ออกแบบใหม่ ในโครงการล่าสุดของเขาชื่อ การออกแบบใหม่ของ Brutalist , Buttin แสดงผล Facebook, Instagram, Twitter และแอพยอดนิยมอื่น ๆ ในรูปแบบที่โหดร้ายโดยมีเค้าโครงข้อความที่หนักหน่วงและการออกแบบที่แบนราบ

ตัวอย่างการออกแบบแอพสไตล์ Brutalist ของ Facebook

แอพมือถือของ Facebook ออกแบบใหม่ในรูปแบบ สไตล์ Brutalist .


ตัวอย่างการออกแบบแอพสไตล์ Brutalist ของ Twitter

รูปแบบการออกแบบที่เรียบง่ายและสะอาดตาของ Twitter ก โฉมโหดร้าย .

ความโหดเหี้ยมและความเรียบง่าย

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

การออกแบบที่เรียบง่ายธรรมดาจะไม่ถูกแทนที่ด้วยความโหดร้าย เราต้องมองว่าลัทธิโหดร้ายเป็นวัฒนธรรมการออกแบบที่ท้าทายสภาพที่เป็นอยู่นั่นคือวัฒนธรรมที่เบื่อหน่ายกับการบอกว่าอะไรคือสิ่งที่“ ดีที่สุด”

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

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


แจ้งให้เราทราบสิ่งที่คุณคิด! โปรดแสดงความคิดเห็นความคิดเห็นและข้อเสนอแนะของคุณด้านล่าง

•••

อ่านเพิ่มเติมในบล็อกการออกแบบ ApeeScape:

  • หลักการออกแบบและความสำคัญ
  • ผลงานนักออกแบบ UX ที่ดีที่สุด - กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ
  • สำรวจหลักการออกแบบของเกสตัลท์
  • Adobe XD เทียบกับ Sketch - เครื่องมือ UX ใดที่เหมาะกับคุณ
  • 10 UX สิ่งที่นักออกแบบชั้นนำใช้

วิธีทำนายอนาคต: ลดผลกระทบของความไม่แน่นอน

นวัตกรรม

วิธีทำนายอนาคต: ลดผลกระทบของความไม่แน่นอน
การพัฒนา Windows 10: การแก้ไขปัญหาเก่าและการเปิดประตูใหม่สำหรับนักพัฒนา

การพัฒนา Windows 10: การแก้ไขปัญหาเก่าและการเปิดประตูใหม่สำหรับนักพัฒนา

เทคโนโลยี

โพสต์ยอดนิยม
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
วิธีออกแบบประสบการณ์ที่ยอดเยี่ยมสำหรับอินเทอร์เน็ตในทุกสิ่ง
วิธีออกแบบประสบการณ์ที่ยอดเยี่ยมสำหรับอินเทอร์เน็ตในทุกสิ่ง
กลยุทธ์การสื่อสารที่มีประสิทธิภาพสำหรับนักออกแบบ
กลยุทธ์การสื่อสารที่มีประสิทธิภาพสำหรับนักออกแบบ
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
แนวโน้มต่อไปนี้: การแสดงความเคารพกับการลอกเลียนแบบการออกแบบ
แนวโน้มต่อไปนี้: การแสดงความเคารพกับการลอกเลียนแบบการออกแบบ
 
คู่มือสไตล์ Sass: บทช่วยสอน Sass เกี่ยวกับวิธีการเขียนโค้ด CSS ที่ดีขึ้น
คู่มือสไตล์ Sass: บทช่วยสอน Sass เกี่ยวกับวิธีการเขียนโค้ด CSS ที่ดีขึ้น
ทำลายกระบวนการคิดเชิงออกแบบ
ทำลายกระบวนการคิดเชิงออกแบบ
การออกแบบเว็บไซต์ CMS: คู่มือการใช้งานเนื้อหาแบบไดนามิก
การออกแบบเว็บไซต์ CMS: คู่มือการใช้งานเนื้อหาแบบไดนามิก
ทำคณิตศาสตร์: การปรับขนาดแอปพลิเคชันไมโครเซอร์วิสด้วย Orchestrators
ทำคณิตศาสตร์: การปรับขนาดแอปพลิเคชันไมโครเซอร์วิสด้วย Orchestrators
การปฏิวัติหุ่นยนต์เชิงพาณิชย์ที่กำลังจะเกิดขึ้น
การปฏิวัติหุ่นยนต์เชิงพาณิชย์ที่กำลังจะเกิดขึ้น
โพสต์ยอดนิยม
  • นักลงทุนที่กำลังพิจารณาซื้อธุรกิจมักใช้อัตราส่วนใด
  • ธุรกรรมเครือข่ายสายฟ้าต่อวินาที
  • วิธีรับโทเค็น jwt
  • วิธีเข้าสู่ระบบ python
  • อ้างถึงข้อมูล ความยืดหยุ่นของราคาของอุปสงค์ค่อนข้างยืดหยุ่น:
หมวดหมู่
  • การจัดการวิศวกรรม
  • บุคลากรและทีมงานของผลิตภัณฑ์
  • อื่น ๆ
  • นวัตกรรม
  • © 2022 | สงวนลิขสิทธิ์

    portaldacalheta.pt