Fluent Design System ของ Microsoft จะพัฒนา Windows 10 อย่างสวยงาม

ในวันพฤหัสบดีที่ Microsoft ได้เปิดตัวภาษาการออกแบบใหม่ล่าสุดสำหรับผลิตภัณฑ์ของตน เรดมอนด์คือ เรียกมันว่า Fluent Design System ใหม่และจะนำไปใช้กับผลิตภัณฑ์ Microsoft จำนวนมาก โดยเริ่มตั้งแต่ Windows 10 และฮาร์ดแวร์ทั้งหมดที่ใช้ระบบปฏิบัติการ รวมถึง Xbox, HoloLens, PC และโทรศัพท์ Fluent Design System สร้างขึ้นจากองค์ประกอบพื้นฐาน 5 ประการ ได้แก่ แสง ความลึก การเคลื่อนไหว วัสดุ และมาตราส่วน

ใน Windows 10 องค์ประกอบทั้งหมดเหล่านี้ทำงานร่วมกันเพื่อมอบประสบการณ์ผู้ใช้ที่ใช้งานง่าย Microsoft ได้แสดงแนวคิดจำนวนหนึ่งเกี่ยวกับ Fluent Design System ใน Windows 10 และดูงดงามอย่างยิ่ง แน่นอนว่า แนวคิดและของจริงมักจะแตกต่างกันอย่างมากเสมอ แต่ Microsoft ได้ส่งมอบองค์ประกอบของ Fluent Design System ใหม่ให้กับแอพของบริษัทบุคคลที่หนึ่งบางแอพใน Windows 10 แล้ว และแอพเหล่านี้ก็ดูดีจริงๆ ในตอนนี้ หากคุณเป็น Windows Insider คุณสามารถทดลองใช้งานได้ทันที Redmond ยังได้เปิดตัว API สำหรับส่วนสำคัญบางส่วนของ Fluent Design System รวมถึงวัสดุอะคริลิกและประสบการณ์ Reveal ใหม่ นักพัฒนาแอพ Windows 10 สามารถใช้ API เหล่านี้เพื่อเริ่มปรับปรุงแอพที่มีอยู่ด้วย Fluent Design System ใหม่ได้ และนักออกแบบสามารถเริ่มออกแบบแอพ Fluent Design System ได้ โดยใช้ชุดออกแบบ. API ใหม่เหล่านี้จะช่วยให้นักพัฒนาสร้างประสบการณ์ที่สวยงามซึ่งขับเคลื่อนโดย Fluent Design System ใน Windows 10

[shunno-quote align=”right”]คลื่นลูกแรกของ Fluent Design System พร้อมใช้งานสำหรับ Windows Insider แล้ว[/shunno-quote]

อันที่จริง แอพ Windows 10 ส่วนใหญ่จาก Microsoft ใช้บางส่วนของ Fluent Design System แล้ว รวมถึงแอพอย่าง Groove Music, Microsoft Photos, Paint 3D, ดู 3D, เครื่องบันทึกเสียง และแม้แต่แอพเครื่องคิดเลข แอปเหล่านี้ใช้องค์ประกอบทั้งหมดของคลื่นลูกแรกของ Fluent Design System รวมถึงสิ่งต่างๆ เช่น วัสดุอะคริลิก การเปิดเผยไฮไลท์ แอนิเมชั่นที่เชื่อมต่อกัน การควบคุมอย่างมีสติ และเปอร์สเปคทีฟพารัลแลกซ์ Microsoft เจาะลึกลงไปใน Fluent Design System ในเซสชั่นที่ Build 2017 ซึ่งบริษัทได้ให้รายละเอียดว่าในปัจจุบันมีอะไรบ้างและสิ่งต่อไปสำหรับ Fluent Design System Paul Gusmorino และ Bojana Ostojic ของบริษัทในเครือได้อวดแอพบางตัวที่จะได้รับ Fluent Design System ใหม่ในเร็วๆ นี้ ซึ่งรวมถึงแอป Outlook Mail & Calendar, Microsoft Edge, Xbox, OneNote และประสบการณ์ My People บริษัทยังแสดงให้เห็นว่าจะนำประสบการณ์ Reveal ของ Fluent Design System ไปใช้ใน Start Menu ใน Windows 10 ได้อย่างไร คุณสามารถดูภาพหน้าจอบางส่วน (คุณภาพมันฝรั่ง) ได้ที่ด้านล่าง

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

[shunno-quote align=”left”]3D Depth Effect จะดูน่าทึ่งใน Windows Mixed Reality[/shunno-quote]

และเมื่อคุณเปลี่ยนไปใช้คอมพิวเตอร์สมัยใหม่อย่าง HoloLens เอฟเฟกต์ความลึกจะเปล่งประกายออกมาจริงๆ Microsoft กำลังทดลองใช้เอฟเฟกต์ความลึก 3 มิติ (z-deep-layering) ที่สมจริงใน Windows Mixed Reality ไม่ชัดเจนว่าจะวางจำหน่ายใน Windows 10 หรือไม่ แต่ก็ยังดูยอดเยี่ยม ความหมายที่มีประสิทธิภาพนี้ก็คือ Fluent Design System ไม่ได้สร้างขึ้นสำหรับแป้นพิมพ์และเมาส์เท่านั้น Microsoft กำลังออกแบบ Fluent Design System เพื่อให้ทำงานได้กับอุปกรณ์ Windows 10 และอินพุตที่หลากหลาย รวมถึงปากกา ท่าทางสัมผัส การจ้องมอง และอื่นๆ อีกมากมาย

[shunno-quote align=”right”]ความสม่ำเสมอจะเป็นกุญแจสำคัญสำหรับ Fluent Design System[/shunno-quote]

Fluent Design คือการเดินทางสำหรับ Microsoft และ Windows 10 อย่าคาดหวังให้การออกแบบ Windows 10 เปลี่ยนไปอย่างสิ้นเชิงด้วยการอัปเดต OS เดียว — จะใช้เวลาในการแสดงผลในระบบปฏิบัติการทั้งหมด และนั่นก็ไม่เป็นไร แต่ Fluent Design System จะประสบความสำเร็จก็ต่อเมื่อ Microsoft จัดการรักษาหลักการออกแบบให้สอดคล้องกันในทุกแอพใน Windows 10 ปัญหาที่ใหญ่ที่สุดอย่างหนึ่งของการออกแบบ Windows 10 ในปัจจุบันคือความจริงที่ว่ามันไม่สอดคล้องกันเลย — มีประมาณ การออกแบบที่แตกต่างกัน 3-4 แบบสำหรับเมนูบริบท แอปของบุคคลที่หนึ่งใช้เฉดสีพื้นหลังที่แตกต่างกัน และการจัดตำแหน่งองค์ประกอบในแอปจะกระจายไปทั่ว Microsoft จะต้องทำงานค่อนข้างมากเพื่อให้แน่ใจว่าผู้ออกแบบใช้ Fluent Design System อย่างถูกต้องในแอพของบุคคลที่หนึ่งทั้งหมด แต่ Redmond จำเป็นต้องคิดหาวิธีที่จะทำให้นักพัฒนาบุคคลที่สามใช้งานได้เหมือนกัน

แนวคิดการออกแบบ Fluent Design ทั้งหมดที่ฉันเคยเห็นมานั้นดูสวยงามอย่างไม่น่าเชื่อ ตั้งแต่แนวคิด Windows Store ไปจนถึงแดชบอร์ด Xbox ใหม่ แนวคิด Fluent Design ทั้งหมดนั้นงดงามมาก องค์ประกอบการทำงานบางอย่างก็ดูดีและรู้สึกดีเช่นกัน แต่เมื่อ Microsoft พัฒนาการนำ Fluent Design System มาใช้ใน Windows 10 ก้าวหน้า จะต้องตรวจสอบให้แน่ใจว่าการดำเนินการนั้นสมบูรณ์แบบ บริษัท ได้เพิ่มการสัมผัส Fluent Design System ใหม่ให้กับแอพใน Windows 10 เท่านั้น แต่บริษัทยังคงมีทางยาวที่จะไปและนำระบบการออกแบบใหม่ที่เป็นแกนหลักของ Windows 10 (หรือที่เรียกว่าเชลล์) ไปใช้ เวลา. แต่นั่นก็เป็นเรื่องปกติ และตราบใดที่การใช้งานนั้นสอดคล้องกันในทุกแอพและส่วนประกอบต่างๆ ของ Windows 10 Fluent Design System ใหม่ก็จะมีความสำคัญต่ออนาคตของ Windows 10

ด้วยการอัปเดต Windows 10 Fall Creators Microsoft ได้จัดส่งคลื่นลูกแรกของ Fluent Design System ปัจจุบันบริษัทกำลังทดลองกับองค์ประกอบที่จะมาพร้อมกับคลื่นลูกที่สอง ซึ่งรวมถึงเอฟเฟกต์ความลึก 3 มิติที่คุณเห็นในวิดีโอด้านบน รวมไปถึงการเล่นสื่อ 360 องศา ส่วนหัวที่มีสติ คำพูด และเสียงรอบทิศทาง