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

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

ดีไซน์ Material คืออะไร?

การออกแบบวัสดุถูกสร้างขึ้นโดย Google ในปี 2014 โดยบางส่วนมาจากรูปแบบการ์ดที่ใช้ใน Google Now . รูปแบบการออกแบบที่ใช้กระดาษทำให้แตกต่างจากรูปแบบการออกแบบแบบเรียบที่ใช้กันอย่างแพร่หลายในเวลานั้น

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

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

เว็บไซต์หาคู่ใดที่มีผู้ใช้มากที่สุด

เหตุใดจึงต้องใช้ดีไซน์ Material

เช่นเดียวกับระบบการออกแบบที่เป็นที่ยอมรับมีข้อดีหลัก ๆ ในการใช้ดีไซน์ Material นักออกแบบ ควรพิจารณา

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

Google ดูแลดีไซน์ Material และเก็บเอกสารวิธีใช้และนำไปใช้อย่างครบถ้วน การสนับสนุนและเอกสารประกอบแบบนี้อาจขาดไม่ได้สำหรับระบบการออกแบบสมัยใหม่จำนวนมาก

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

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

c คอร์ปอเรชั่น s คอร์ปอเรชั่น llc

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

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

ข้อเสียของการใช้ดีไซน์ Material

แม้ว่าดีไซน์ Material จะมีข้อดีที่เห็นได้ชัด แต่ก็ไม่ได้หมายความว่าจะไม่มีข้อเสียที่ควบคู่ไปกับการใช้งาน

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

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

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

ทับทิมบนรางทำงานอย่างไร

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

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

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

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

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

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

สรุป

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

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

•••

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

• วิธีสร้างกรอบการออกแบบที่มีประสิทธิภาพ (พร้อมไฟล์ Sketch ฟรี)
• การสร้าง UI Style Guide สำหรับ Better UX
• การทำความเข้าใจระบบและรูปแบบการออกแบบ
• A / B การทดสอบ UX สำหรับเฟรมเวิร์กคอมโพเนนต์
• จิตวิทยาการออกแบบและประสาทวิทยาศาสตร์ของ Awesome UX

ทำความเข้าใจพื้นฐาน

เหตุใดการออกแบบวัสดุจึงมีความสำคัญ

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

คือ java เขียนด้วย c

Material Design ใช้ทำอะไร?

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

ดีไซน์ Material และ Flat Design ต่างกันอย่างไร

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

การออกแบบวัสดุเป็นกรอบงานหรือไม่

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