การออกแบบไอคอนแบบ Fluid Forms และสีสันสดใสของ Microsoft 365

การออกแบบไอคอนแบบ Fluid Forms และสีสันสดใสของ Microsoft 365

 

 

แนวคิดของฟอร์มที่มีชีวิตชีวา

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

 

Ten colorful abstract backgrounds in a grid, each featuring a different white Microsoft app icon in the center, such as Excel, OneDrive, Outlook, PowerPoint, Word, Teams, and others.

 

การใช้สีอย่างมีความหมาย

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

 

ความสำคัญของข้อมูลจากการวิจัยผู้ใช้

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

 

A grid shows the evolution of Microsoft Office app icons from 1995 to 2019, arranged by year and app, with each app's icon style changing over time in colorful columns.

 

การออกแบบให้สมดุลทั้งประสิทธิภาพและความรู้สึกมีชีวิต

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

 

Colorful 3D icons representing various Microsoft Office apps, including Word, PowerPoint, Teams, Excel, SharePoint, OneDrive, Outlook, and OneNote, arranged in a circular pattern on a light background.

 

ตัวอย่างการปรับฟอร์มให้มีอารมณ์และความลื่นไหล

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

 

Colorful 3D icons representing Microsoft Office apps, including PowerPoint, Excel, Word, Outlook, OneNote, SharePoint, and Teams, are displayed on white pedestals against a light background.

 

บทสรุปสำหรับนักออกแบบ UX/UI

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

 

อ้างอิงจาก : Fluid forms, vibrant colors – Microsoft Design

 

บทความเพิ่มเติม

ติดตาม

สมัครบริการ

สมัครใช้งาน

เข้ากลุ่ม

ติดตาม

@ms365ibex
error: Content is protected !!