การเลือก bootstrap กับการออกแบบวัสดุ [ปิด]

181

ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้

ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow

ปิดให้บริการใน5 ปีที่ผ่านมา

ปรับปรุงคำถามนี้

ฉันจะเริ่มโครงการใหม่โดยใช้ AngularJS (กองซ้อนเต็ม) โครงการของฉันจะต้องตอบสนองและฉันจะสร้างแม่แบบตั้งแต่เริ่มต้น

ดังนั้นฉันต้องการคำแนะนำว่าจะเลือก bootstrap 3 (มีคำสั่งเชิงมุม) หรือการออกแบบวัสดุสำหรับเค้าโครงหรือไม่

ฉันจะซาบซึ้งอย่างมากถ้ามีคนสามารถระบุข้อดีข้อเสียของทั้งคู่

— Asik
แหล่งที่มา

github.com/FezVrasta/bootstrap-material-design

— cvrebert

bootstrap มีชุมชนที่มีประสิทธิภาพอยู่เบื้องหลัง ระบบกริดของมันมีคุณสมบัติมากขึ้น การออกแบบวัสดุกำหนดวิธีที่คุณพัฒนา UI และรูปแบบ มันมีองค์ประกอบ UI ที่ทันสมัย คุณสามารถอ่านเพิ่มเติมได้ที่นี่tutorialzine.com/2015/07/comparing-bootstrap-with-mdl

— Farshid Saberi

ถ้าคุณต้องรองรับ IE8 / 9 ดังนั้นการออกแบบวัสดุจะไม่ทำงานตามที่ใช้เค้าโครงตาราง Flexbox ฉันจะไปได้แม้ตอนนี้ด้วย angular ui bootstrap เนื่องจากมันมีความเป็นผู้ใหญ่มากกว่าการออกแบบวัสดุที่มีข้อบกพร่องมากมาย ...

— Pascal

สภาพแวดล้อมการพัฒนาอาจพิจารณาด้วย ใน Visual Studio 2015 Bootstrap นั้นมีอายุและได้รับการสนับสนุนเป็นอย่างดี ฉันไม่พบว่าเป็นเช่นนั้นสำหรับวัสดุและดังนั้นจึงไม่ได้ใช้งาน ณ จุดนี้ จะสนใจเพื่อดูว่าคนอื่นที่ใช้ VS2015 มีข้อสรุปนี้หรือไม่

— CYoung

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

— steveareeno

153

เท่าที่ฉันรู้ว่าคุณสามารถใช้เทคโนโลยีที่กล่าวถึงทั้งหมดแยกกันหรือรวมกัน มันขึ้นอยู่กับคุณ. ฉันคิดว่าคุณมองปัญหาจากมุมที่ผิด การออกแบบวัสดุเป็นเพียงวิธีที่องค์ประกอบเฉพาะของหน้าเว็บได้รับการออกแบบประพฤติและรวบรวมเข้าด้วยกัน การออกแบบวัสดุให้ UI / UX ที่ยอดเยี่ยม แต่ขึ้นอยู่กับเค้าโครงกราฟิก (HTML / CSS) แทนที่จะเป็น JS (เหตุการณ์การโต้ตอบ)

ในทางกลับกัน AngularJS และ Bootstrap เป็นเฟรมเวิร์กเอนด์ที่สามารถเร่งการพัฒนาของคุณได้โดยช่วยให้คุณไม่ต้องเขียนโค้ดจำนวนมาก ตัวอย่างเช่นคุณสามารถสร้างแอปเว็บโดยใช้ AngularJS แต่ไม่มีการออกแบบวัสดุ หรือคุณสามารถสร้างเว็บเพจ HTML5 แบบง่าย ๆ ด้วยการออกแบบวัสดุโดยไม่ต้องใช้ AngularJS หรือ Bootstrap ในที่สุดคุณสามารถสร้างแอปพลิเคชันเว็บที่ใช้ AngularJS ด้วย Bootstrap และ Material Design นี่คือสถานการณ์ที่ดีที่สุด เทคโนโลยีทั้งหมดสนับสนุนซึ่งกันและกัน

Bootstrap = หน้าตอบสนอง
AngularJS = MVC
การออกแบบวัสดุ = UI / UX ที่ยอดเยี่ยม

คุณสามารถตรวจสอบส่วนประกอบการออกแบบวัสดุที่ยอดเยี่ยมสำหรับ AngularJS:

https://material.angularjs.org

ป้อนคำอธิบายรูปภาพที่นี่

การสาธิต: https://material.angularjs.org/latest/demo/ ป้อนคำอธิบายรูปภาพที่นี่

— ไมเคิลเงิน
แหล่งที่มา

นี่อาจเป็นเว็บไซต์ที่มีประโยชน์: materialup.com/resourcesซึ่งให้ภาพรวมของกรอบการออกแบบวัสดุรวมถึง fezvrasta.github.io/bootstrap-material-design

— Mathias Conradt

@MathiasConradt URL แรกไม่มีอยู่อีกต่อไป ฉันเดาว่าคุณหมายถึงmaterialup.com/posts/c/resources

— เบอร์นาร์ด

นั่นไม่ใช่คำอธิบายที่แม่นยำมาก ... ทั้งวัสดุและบู๊ตสแตรปให้การออกแบบที่ตอบสนองได้ดีและ UI / UX ที่ยอดเยี่ยม ดูเหมือนว่า MD จะได้รับการปรับแต่งให้ตรงกับการรับชมผ่านมือถือมากขึ้น

— Vladimir

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

— Jens

ฉันต้องการ echo @Jens ด้านบน ฉันต้องการให้รูปลักษณ์และผลกระทบ UI ของวัสดุในขณะที่ยังคงมีความยืดหยุ่นและความคุ้นเคยของ Bootstrap ในการกำจัดของฉัน ฉันคิดว่ามันเป็นเรื่องของการเลือก

— Yousof K.