ยลโฉม Fluent Design System หน้าตาใหม่ของ Windows และสินค้าไมโครซอฟท์

ที่ผ่านมาในโลกเทคโนโลยี เรามีการออกแบบหน้าตาส่วนติดต่อผู้ใช้หรือ UI ที่คุ้นเคยอยู่ 3 ตัวนะครับคือ Metro Design ที่เริ่มใช้ใน Windows Phone 7 จัดทุกอย่างเป็นบล็อกแข็งๆ ผู้นำเทรนด์ Flat Design, Material Design ดีไซน์มาตรฐานตั้งแต่ Android 5 และหน้าตาแบบ iOS 7 ที่เราคุ้นเคยกันดี

ล่าสุดในงาน Build 2017 ไมโครซอฟท์ได้เผยโฉม Fluent Design System ระเบียบดีไซน์ชุดใหม่ที่จะนำมาใช้กับ Windows ซอฟต์แวร์และอุปกรณ์ต่างๆ ในโลกของไมโครซอฟท์

 องค์ประกอบของ Fluent Design System

Fluent Design System หรือที่รู้จักก่อนหน้านี้ในชื่อ Project Neon ซึ่งมีองค์ประกอบพื้นฐาน 5 อย่างคือ Light, Depth, Motion, Material, Scale ดังนี้

Light – แสง http://fluent.microsoft.com/videos/Light.mp4

การใช้แสงเพื่อดึงดูดความสนใจ สร้างความอบอุ่น น่าใช้งาน

Depth – ความลึก http://fluent.microsoft.com/videos/Depth.mp4

วัตถุต่างๆ ใน Fluent Design System จะไม่ได้วางกองอยู่ในชั้นเดียว แต่วางต่างระดับกันให้รู้สึกถึงความลึก และพื้นที่ที่มากขึ้น

Motion – ความเคลื่อนไหว http://fluent.microsoft.com/videos/Motion.mp4

ส่วนประกอบของการติดต่อผู้ใช้มีความเคลื่อนไหว เพื่อสร้างความรู้สึกมีชีวิตชีวา

Material – วัสดุ http://fluent.microsoft.com/videos/Material.mp4

องค์ประกอบที่ให้ความรู้สึกของวัสดุที่แตกต่าง จะว่าไปก็คล้ายๆ Aero Glass ของ Windows Vista อยู่นะ มีความโปร่งใสด้วย

Scale – สามารถใช้ได้หลายงาน http://fluent.microsoft.com/videos/Scale.mp4

ไม่ว่าจะเป็นงานติดต่อ 2 มิติหรือ 3 มิติในโลกความจริงผ่านอุปกรณ์ VR หรือ AR ก็สามารถใช้ Fluent Design System ได้

เริ่มใช้ Windows 10 Fall Creator Update

ไมโครซอฟท์ประกาศว่าจะเริ่มใช้ดีไซน์นี้กับระบบและแอปของตัวเองตั้งแต่ Windows 10 Fall Creator Update ที่จะออกในช่วงปลายปีนี้เป็นต้นไป และจะค่อยๆ อัปเดทสู่ผลิตภัณฑ์อื่นๆ ของบริษัทในอนาคตด้วย

ที่มา: microsoft