Tags:
Node Thumbnail

ทีมดีไซน์ของไมโครซอฟท์ เขียนบล็อกเล่าเบื้องหลังและแนวคิดการออกแบบ Windows 11 ว่าเริ่มทำในยุค COVID-19 ที่โลกเปลี่ยนไปจากเดิม กระบวนการวิจัยผู้ใช้จึงพบข้อมูลใหม่หลายอย่าง

  • หลักการสำคัญที่สุดคือ calmness (ความสงบ) ซึ่งเป็นสิ่งที่คนต้องการในโลกยุคที่วุ่นวาย การออกแบบจึงอิงอยู่บนความคุ้นเคยเดิม แต่ปรับดีไซน์ให้อ่อนโยนขึ้น (soften) และเน้นอารมณ์ความรู้สึก (emotional connection) มากกว่าเดิม
  • หลักการอีกข้อคือ พีซีกลับมาเป็นศูนย์กลางอีกครั้ง หลังถูกอุปกรณ์พกพาบดบังไปนาน จุดเด่นของพีซีคือความยืดหยุ่น (flexibility) ที่ช่วยให้ทำงานได้จากทุกแห่ง
  • หลักการข้อสุดท้ายคือ การเรียนรู้และการปรับตัวของผู้คนกับสิ่งใหม่ๆ เช่น การทำงานไฮบริด การเรียนออนไลน์ การหาความบันเทิงภายใต้ข้อจำกัดในบ้าน ในแง่การออกแบบจึงต้องพยายามให้คนโฟกัสกับสิ่งที่ทำอยู่ได้ง่ายขึ้น
Tags:
Node Thumbnail

ไมโครซอฟท์โชว์อินเทอร์เฟซใหม่ของ Microsoft Office ต้อนรับ Windows 11 (แต่ก็ใช้กับ Windows 10 ได้ด้วย) การเปลี่ยนแปลงสำคัญที่เห็นได้ทันทีคือ โทนสีสว่างขึ้นกว่าเดิม (สำหรับ light theme) โทนสีออกแนวพาสเทล เปลี่ยนมาใช้ไอคอนชุดใหม่ตามแนวทาง Fluent Design และขอบมุมต่างๆ เปลี่ยนมาโค้งมน

Office ดีไซน์ใหม่ยังคงใช้แถบเครื่องมือ Ribbon เหมือนเดิม (ยกเว้น Outlook ที่เป็นแถบเครื่องมือแถวเดียว) แต่ปุ่ม Quick Access Toolbar ที่มุมซ้ายบนของหน้าต่างจะถูกซ่อนเป็นค่าดีฟอลต์ (เปลี่ยนกลับคืนได้)

Office แบบใหม่มีธีมทั้งหมด 4 แบบคือ black, dark grey, white, colorful โดยจะปรับมืด-สว่างตามธีมสีของ Windows 11 ให้อัตโนมัติ

Tags:
Node Thumbnail

Adobe เปิดตัว Substance 3D เครื่องมือออกแบบงานสามมิติ มี AI หรือ Adobe Sensei เป็นแกนหลักในการช่วยทำงาน และเป็นเครื่องมือที่ได้มาจากการเข้าซื้อบริษัท Allegorithmic ผู้พัฒนาเครื่องมือทำรายละเอียดภาพสามมิติที่ใช้ในเกมและภาพยนตร์

Tags:
Node Thumbnail

Wired ได้รีวิว iMac รุ่นใหม่หน้าจอ 24 นิ้ว ชิป M1 โดยเนื้อหาส่วนที่พูดถึงการออกแบบ ระบุว่า Jonathan Ive อดีตหัวหน้าฝ่ายออกแบบของแอปเปิล มีส่วนร่วมในการออกแบบ iMac รุ่นนี้ด้วย

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

Tags:
Node Thumbnail

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

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

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

Tags:
Node Thumbnail

ไมโครซอฟท์เปลี่ยนโลโก้ Azure ให้เข้ากับแนวทาง Fluent Design และก่อนหน้านี้ไมโครซอฟท์เปลี่ยนโลโก้ไปแล้วกว่าร้อยรายการ

Fluent Design เน้นแนวทางการเล่นกับแสงเงาและความลึก โลโก้ Azure ใหม่ก็เป็นไอคอนตัว A ที่มีความลึกเช่นกัน

ที่มา - Azure Blog

Tags:
Topics: 
Node Thumbnail

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

Tags:
Node Thumbnail

Windows Central อ้างข้อมูลจากผู้เกี่ยวข้อง ว่าไมโครซอฟท์เตรียมยกเครื่อง Store บน Windows 10 โดยเปลี่ยนหน้าตาและส่วนติดต่อผู้ใช้งาน ให้สอดคล้องกับอัพเดต Sun Valley ที่จะออกช่วงปลายปี

นอกจากนี้ไมโครซอฟท์ยังเตรียมปรับปรุงเงื่อนไขของ Store ใหม่ ที่เป็นประโยชน์สำหรับฝั่งนักพัฒนาด้วย โดยข้อมูลที่มีระบุว่า นักพัฒนาสามารถเลือกส่งแอป Win32 โดยไม่จำเป็นต้องเป็นแพ็คเกจ MSIX (เช่น EXE หรือ MSI) นอกจากนี้ยังสามารถอัพเดตแอปผ่าน CDN ของตนเองได้ จากเดิมต้องทำผ่าน Store ของไมโครซอฟท์เท่านั้น และสุดท้ายยังสามารถเลือกใช้ระบบจ่ายเงินได้เอง ไม่ต้องใช้ของไมโครซอฟท์ก็ได้

Tags:
Node Thumbnail

ต่อจากข่าว ไมโครซอฟท์เปลี่ยนไอคอน File Explorer ชุดใหม่ เปลี่ยนสีของโฟลเดอร์ วันนี้ Panos Panay หัวหน้าทีม Windows และ Surface โพสต์ภาพไอคอนใหม่ทั้งชุดของ File Explorer ให้เห็นกันชัดๆ

จากภาพเราจะเห็นว่าไอคอนโฟลเดอร์ทุกแบบเปลี่ยนมาเป็นแนวนอนแล้ว มีโฟลเดอร์บางประเภท (เช่น Desktop, Downloads, Pictures, Music) ที่เปลี่ยนสีไป ส่วนโฟลเดอร์อีกกลุ่ม (เช่น Fonts, Favorites) ยังคงใช้โทนสีเหลืองแบบของเดิม

ไมโครซอฟท์ยังไม่ระบุว่าจะนำไอคอนชุดใหม่มาใช้กับ Windows 10 รุ่นเสถียรในช่วงใด

Tags:
Topics: 
Node Thumbnail

Xiaomi เปิดตัวโลโก้ใหม่ ที่ยังเป็นรูปตัว MI สีส้มคล้ายของเดิม แต่เปลี่ยนจากสี่เหลี่ยมขอบตัดตรง มาเป็นสี่เหลี่ยมขอบโค้งมนแทน

โลโก้ใหม่ออกแบบโดย Kenya Hara ศิลปินชาวญี่ปุ่น ที่ดัดแปลงมุมให้ดูนุ่มนวลขึ้น และออกแบบตัวพิมพ์ MI ให้ด้วย แนวคิดของโลโก้ใหม่เรียกว่า "Alive" สะท้อนนวัตกรรมของ Xiaomi ที่แบรนด์มีภาพลักษณ์เชื่อมโยงกับวงจรชีวิต

Tags:
Node Thumbnail

ไมโครซอฟท์เพิ่งปรับหน้าตาของ File Explorer เล็กน้อย เพิ่มพื้นที่ว่างให้มากขึ้นสำหรับจอสัมผัส

ล่าสุดใน Windows 10 Insider Preview Build 21343 มีเปลี่ยนไอคอนของโฟลเดอร์และรายการอื่นๆ ให้เข้าชุดกับ แนวทาง Fluent Design แบบใหม่ ดังเช่นที่ก่อนหน้านี้ Notepad เพิ่งเปลี่ยนไอคอนไป ถือเป็นการเปลี่ยนไอคอนของ File Explorer ครั้งใหญ่ในรอบหลายปี

Tags:
Node Thumbnail

กูเกิลเตรียมปรับดีไซน์ Google Search บนมือถือเล็กน้อย (เล็กน้อยจริงๆ ถ้าไม่เทียบกับของปัจจุบันแทบแยกไม่ออก)

การเปลี่ยนแปลงสำคัญคือแสดงผลการค้นหาเต็มความกว้างจอ (edge-to-edge), เอาเงาสีเทาข้างหลังออกไปเพื่อให้หน้าเพจแบนราบและเรียบกว่าเดิม, ปรับฟอนต์ใหม่มาใช้ฟอนต์มาตรฐานของกูเกิล เหมือนกับ Android และ Gmail ปรับฟอนต์ให้ใหญ่ขึ้น อ่านง่ายขึ้น สีเข้มขึ้น, ใช้ขอบโค้งมนมากขึ้น (ได้แรงบันดาลใจจากโลโก้กูเกิลเอง) และใช้สีไฮไลท์ส่วนสำคัญมากขึ้น

หน้าผลการค้นหาแบบใหม่จะมีผลในอีกไม่กี่วันข้างหน้า

Tags:
Node Thumbnail

เว็บไซต์ Windows Central รายงานถึงโครงการยกเครื่อง UI ของ Windows 10 ที่มีโค้ดเนมว่า "Sun Valley" คาดว่าจะมาพร้อม Windows 10 เวอร์ชัน 21H2 ปลายปีหน้า

ตามข่าวของ Windows Central บอกว่าโครงการนี้มี Panos Panay เป็นหัวหอก ผลักดันให้ Windows มีหน้าตาสดใหม่หลังไม่ได้อัพเกรดใหญ่มานาน 5 ปี (นับตั้งแต่ Windows 10 รุ่นแรก)

โครงการ Sun Valley ประกอบด้วยการดีไซน์ UI ใหม่ทั้งหน้าตา และการเขียนโค้ด UI ข้างใต้ใหม่ให้ใช้เฟรมเวิร์คที่ทันสมัยมากขึ้น (WinUI) ตัวอย่างสิ่งที่น่าจะมาใน Sun Valley ได้แก่

Tags:
Node Thumbnail

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

Tags:
Node Thumbnail

Airbnb ประกาศความร่วมมือกับ LoveFrom บริษัทดีไซน์ที่ก่อตั้งโดย Jonathan Ive อดีตหัวหน้าฝ่ายดีไซน์ของแอปเปิล โดยเป็นความร่วมมือแบบหลายปี เพื่อพัฒนาออกแบบผลิตภัณฑ์และบริการใหม่ของ Airbnb

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

ประกาศนี้ยังไม่ได้ระบุรายละเอียดมากนัก ก็ต้องรอดูผลิตภัณฑ์และบริการใหม่จาก Airbnb กันต่อไป

Tags:
Node Thumbnail

ข่าวใหญ่เมื่อสัปดาห์ที่แล้วคือ กูเกิลรีแบรนด์ G Suite เป็น Google Workspace และเปลี่ยนโลโก้ของแอพหลายตัวในชุด ที่เห็นเด่นชัดที่สุดคือ Gmail ที่เปลี่ยนจากตัว M สีแดงบนซองจดหมาย มาเป็นตัว M หลากสี และตัดซองจดหมายออกไป

Margaret Cyphers หัวหน้าฝ่ายครีเอทีฟของกูเกิล อธิบายเบื้องหลังการออกแบบโลโก้ Gmail ใหม่กับ Fast Company ว่าทีมออกแบบต้องพยายามหาสมดุลระหว่าง Gmail ของเดิมที่คนรู้จักกันดี กับ "ความสดใหม่" ที่ต้องการเพิ่มเข้ามา

Tags:
Node Thumbnail

Jon Friedman หัวหน้าทีมดีไซน์ของ Microsoft Office แถลงวิศัยทัศน์ในการพัฒนาชุดโปรแกรม Microsoft 365 ในอนาคต โดยพูดถึงดีไซน์ใหม่แบบ flexible ที่ไม่ได้สะท้อนแค่ภาพการทำงานในยุคปัจจุบัน แต่จะรวมถึงการใช้ชีวิตในปัจจุบันด้วย หลังงานและชีวิตส่วนตัวเริ่มหลอมรวมกันเป็นหนึ่ง โดยเฉพาะในช่วงทำงานจากบ้าน

Friedman กล่าวว่าทีมต้องการลดสิ่งที่ดึงความสนใจไปจากเนื้องาน และช่วยให้ผู้ใช้มีสมาธิมากขึ้น โดยการทำให้หน้าตาแอปเรียบง่าย เช่น ลดความเข้มของสีบน Header ใช้แถบคำสั่งที่จะแสดงขึ้นมาเมื่อผู้ใช้งานต้องการเท่านั้น และอื่นๆ นอกจากนี้ยังจะพัฒนาฟังก์ชั่น Search ของชุดโปรแกรม Microsoft 365 ให้ทำงานร่วมกับ Fluid Frameworks (ระบบการทำงานข้ามแอปและการทำงานร่วมกันแบบออนไลน์ของ Microsoft) ได้ดีขึ้น

Tags:
Node Thumbnail

ไมโครซอฟท์ออก Windows 10 Insider Preview Build 20161 ในรุ่นทดสอบ Dev Channel มีการเปลี่ยนแปลงสำคัญคือ Start Menu โฉมใหม่ที่เคยโชว์มาก่อนหน้านี้

Start Menu แบบใหม่ปรับมาใช้แนวทางดีไซน์ Fluent Design ยุคใหม่ และตัดสีพื้นหลังของช่อง Tiles ออกไป เปลี่ยนเป็นสีเกือบโปร่งใส (partially transparent) ที่ปรับตามธีม dark/light แทน

หากผู้ใช้งานต้องการสีสันสดใสขึ้น สามารถเปิดตัวเลือก accent color on the following surfaces ให้ Start Menu เปลี่ยนโทนสีตามสีของธีมได้ด้วยเช่นกัน (สีชมพูตามภาพ)

Tags:
Node Thumbnail

โครงการ Chromium ประกาศปรับดีไซน์ของ "ฟอร์ม" บนหน้าเว็บ (ปุ่ม ตัวเลือก แถบเลื่อน ฯลฯ) ที่เดิมสไตล์ต่างกันคนละทิศทาง ให้ดูเป็นไปในแนวทางเดียวกันมากขึ้น

โครงการนี้เป็นความร่วมมือระหว่างทีม Google Chrome และ Microsoft Edge มาช่วยกันออกแบบ โดยตั้งใจให้ดีไซน์ใหม่เป็นสากลมากขึ้น ใช้ได้กับทุกระบบปฏิบัติการ มีความแบนราบ (flat) ตามสมัยนิยม ลดการไล่สี (gradient) จากโลกยุคก่อนลงมา

Tags:
Node Thumbnail

มีผู้ใช้ Bing บางรายในสหรัฐ ค้นพบว่าไมโครซอฟท์เริ่มทดสอบโลโก้ใหม่ของ Bing ที่ปรับใหม่ตามแนวทาง Fluent Design ให้โค้งมน เล่นแสงเงามากขึ้น คล้ายกับโลโก้ใหม่ของ Microsoft Office มากขึ้น

ไมโครซอฟท์ยังไม่ประกาศเรื่องการเปลี่ยนแปลงของโลโก้ Bing อย่างเป็นทางการ

ที่มา - Thurrott

Tags:
Node Thumbnail

ทีมออกแบบของไมโครซอฟท์โชว์ภาพดีไซน์ Start Menu เวอร์ชันใหม่ ที่ไม่มีสีพื้นหลังแบบสมัย Windows 8 อีกแล้ว

ไมโครซอฟท์แชร์เรื่องนี้ในสตรีม Windows Insiders บน Mixer โดยบอกว่าหลังจากเริ่มอัพเดตไอคอนใหม่ของ Windows 10 ก็ได้เวลาหาแนวทางใหม่ๆ สำหรับ Start Menu ให้เข้าชุดกัน

หน้า Start Menu แบบใหม่เปลี่ยนมาใช้สีพื้นหลังโทนดำ/ขาว (ขึ้นกับธีมของ Windows) แทนสีไฮไลท์แบบของเดิม และใช้ดีไซน์โปร่งแสง (translucent) ตามหลัก Fluent Design แบบใหม่ของไมโครซอฟท์ แต่ทีมงานของไมโครซอฟท์ก็ระบุว่านี่ยังเป็นแค่การทดลอง ยังไม่ได้เป็นดีไซน์สุดท้ายที่ใช้งานจริงๆ

Tags:
Node Thumbnail

Microsoft เปิดตัวไอคอนดีไซน์ใหม่ของ Windows 10 อย่างเป็นทางการทั้งระบบ โดยแนวคิดของการดีไซน์ใหม่นี้จะฉีกแนวออกไปจากเดิมที่เป็น flat design

สำหรับแนวคิดของ Microsoft ในการออกแบบไอคอนใหม่ครั้งนี้คือจะเน้นสีและ context ของไอคอนมากขึ้นตามสไตล์ของ Fluent Design Language ลักษณะเดียวกับฝั่ง Office ที่ทยอยเปลี่ยนไอคอนไปแล้ว และต้องการให้ไอคอนโดดเด่นมากขึ้น เพราะปัจจุบันแอปของ Microsoft เริ่มมีบทบาทบนแพลตฟอร์ม third-party มากขึ้น

ตอนนี้ไอคอนแบบใหม่จะเริ่มออกอัพเดตให้ผู้ใช้ Windows Insider ในกลุ่ม Fast Ring ก่อน และแอปจะเริ่มต้นที่ Mail และ Calendar แล้วค่อย ๆ ทยอยอัพเดตให้แอปอื่นต่อไปในอนาคต

Tags:
Node Thumbnail

บล็อก Microsoft Design เผยภาพไอคอนชุดใหม่ของไมโครซอฟท์กว่า 100 ตัวที่จะใช้กับแอพในตระกูล Windows/Office ในเร็วๆ นี้ โดยเป็นส่วนหนึ่งของแนวทางออกแบบ Fluent Design System ที่เปิดตัวไปแล้ว

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

Tags:
Node Thumbnail

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

สัปดาห์นี้ไมโครซอฟท์เปิดตัว Fluent Design อย่างเป็นทางการ โดยนำมาใช้กับแอพมือถือของไมโครซอฟท์ทุกตัว ที่เริ่มใช้แล้วในตอนนี้คือ Outlook, OneDrive, Word, Excel, PowerPoint และประกาศว่าจะใช้กับ Teams, Yammer, Planner ในเร็วๆ นี้ด้วย

Pages