Tags:
Node Thumbnail

Chrome ประกาศอัพเดต UI ใหม่ในโอกาสฉลองครบรอบ 15 ปี ปรับมาใช้ดีไซน์แบบ Material You รองรับการเปลี่ยนธีมสีแยกตามโพรไฟล์ และปรับโหมด Light/Dark ตามค่าของระบบปฏิบัติการ

Tags:
Node Thumbnail

Google เริ่มทยอยอัพเดตดีไซน์ของวิดเจ็ตแอปตัวเองบนแอนดรอยด์ด้วย Material You แล้ว โดยล่าสุดเป็น Google News เวอร์ชัน 5.82

วิดเจ็ตเวอร์ชันใหม่ จะมีตัวเลือกขนาดแสดงผลเป็น 2 ขนาดคือเป็น Quick View ขนาด 2x2 ที่แสดงผลข่าวแค่ข่าวเดียว แบบ Carousal ขนาด 4x2 แสดงข่าวเดียวแบบมีภาพประกอบ พร้อมปุ่มเลื่อนข่าวที่แสดง และ List View ที่แสดงข่าว 7 รายการ สามารถเลื่อนได้ โดยหากผู้ใช้เลือกปรับขนาดของ Quick View ให้ใหญ่ขึ้น ตัววิดเจ็ตจะปรับการแสดงผลเป็น List View ให้อัตโนมัติ

ที่มา: 9to5Google

Tags:
Node Thumbnail

กูเกิลเปิดตัว Android 13 (Go edition) ระบบปฏิบัติการสำหรับมือถือสเปกต่ำ พร้อมประกาศว่ามีอุปกรณ์ใช้งาน Android Go จำนวน 250 ล้านเครื่องแล้ว (นับเป็น monthly active devices)

ของใหม่ใน Android 13 (Go edition) ได้แก่

Tags:
Node Thumbnail

ฟีเจอร์ใหม่ที่สำคัญของ Android 12 คือระบบธีม Material You ที่มีระบบสีไดนามิก Dynamic Color สามารถสกัดสีจากภาพพื้นหลังมาเป็นธีมสีได้

ล่าสุดกูเกิลเปิดซอร์สของอัลกอริทึม Dynamic Color เป็นไลบรารีให้ใช้กันในชื่อ Material Color Utilities (เบื้องต้นมีไลบรารีของภาษา Dart, Java, TypeScript แต่จะมี C/C++ และ Objective-C ตามมา) พร้อมอธิบายแนวคิดเบื้องหลัง ที่ถึงขั้นกูเกิลต้องประดิษฐ์ระบบค่าสีขึ้นมาใหม่เลยทีเดียว

Tags:
Node Thumbnail

Jetpack Compose คือเครื่องมือสร้าง UI สำหรับ Android ยุคใหม่ที่กูเกิลแนะนำให้ใช้งาน ในงานสัมมนา Android Dev Summit เมื่อคืนนี้ กูเกิลประกาศของใหม่ให้ Jetpack Compose หลายอย่างดังนี้

Tags:
Node Thumbnail

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

Tags:
Node Thumbnail

กูเกิลเปิดตัวระบบออกแบบที่ปรับปรุงจาก Material Design เป็นระบบที่ปรับตามผู้ใช้ได้ในชื่อ Material You ที่มีฟีเจอร์หลักคือสามารถปรับสีได้ตามผู้ใช้ โดยอาศัยการดึงชุดสี (palette) ออกจากภาพพื้นหลังที่ผู้ใช้ตั้งไว้

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

Material You เริ่มใช้ใน Android 12 ที่ปล่อยรุ่นพรีวิวให้นักพัฒนาทดสอบแล้ววันนี้

ที่มา - Material Blog

Tags:
Node Thumbnail

เชื่อว่าคนที่อยากมีบล็อกเขียนเรื่องราวของตัวเองน่าจะเคยได้ยินชื่อ Blogger ของกูเกิลผ่านหูกันบ้างแน่ ๆ แต่หลังจากแอพได้รับการอัพเดตไปเมื่อปี 2016 เป็นเวอร์ชั่น 2.1.3 ที่ผ่านมาแล้วโดนกระแส WordPress กับ Medium กลบก็ไม่มีอัพเดตอีกเลยจนกระทั่งวันที่ 14 ตุลาคม 2019 ที่ผ่านมา ทางกูเกิลได้อัพเดทแอพ Blogger เป็นเวอร์ชั่น 3.0.1 แล้ว

Tags:
Node Thumbnail

กูเกิลทดสอบหน้าตาของแอพ Google Play Store โฉมใหม่มาได้สักระยะ และตอนนี้ก็ปล่อยอัพเดตให้ผู้ใช้ทั่วโลกแล้ว

Google Play Store ดีไซน์ใหม่ถูกออกแบบตามแนวทาง Material Design เวอร์ชันล่าสุด เน้นการใช้สีขาวมากกว่าเดิม ส่วนแถบด้านล่างแยกเป็น 4 หมวดคือ Games, Apps, Movies & TV, Books ซึ่งกูเกิลระบุว่าตั้งใจแยกเกมและแอพออกจากกันให้ชัดเจน เพื่อให้ผู้ใช้ค้นหาเกมหรือแอพได้ตรงใจมากขึ้น

กูเกิลยังย้ำว่า Google Play Store เวอร์ชันใหม่ ใช้นโยบายไอคอนแบบใหม่ที่เป็นสี่เหลี่ยมมุมโค้ง และขอให้นักพัฒนารีบปรับไอคอนกันโดยเร็ว

Tags:
Node Thumbnail

Google ประกาศปรับดีไซน์ Google Docs, Sheets, Slides และ Sites บนเว็บให้เป็น Material Design แล้ว ตามผลิตภัณฑ์อื่น ๆ ของ G Suite ที่ทยอยปรับดีไซน์ไปก่อนหน้านี้

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

สำหรับรอบการปล่อย Material Design ของผลิตภัณฑ์ทั้งหมดนี้ ในรอบ Rapid จะเริ่มต้นตั้งแต่ 15 มกราคม ใช้เวลาราว 15 วัน ส่วน Full Rollout จะเริ่มวันที่ 11 กุมภาพันธ์ ใช้เวลาราว 1-3 วัน

Tags:
Node Thumbnail

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

  • โลโก้ขององค์กรใน G Suite ที่อยู่ตำแหน่งมุมซ้ายบนเดิมจะย้ายไปทางขวาบน ส่วนตำแหน่งเดิมจะใช้โลโก้ของ Google Drive แทน
  • สีพื้นหลังจะใช้สีขาวจากเดิมที่ใช้สีเทา
  • ไอคอนการตั้งค่าและศูนย์ความช่วยเหลือ (Help Center) จะย้ายไปอยู่ในแนวเดียวกับ search bar แทน
  • ปุ่ม New แบบใหม่ใช้ปุ่มสี่เหลี่ยมมน
  • เปลี่ยนฟอนต์ที่ใช้กับหัวข้อ
Tags:
Node Thumbnail

ก่อนหน้านี้มีข่าวหลุดของ Material Design 2 เวอร์ชันอัพเกรดของ Material Design ที่เปิดตัวในปี 2014

วันนี้กูเกิลเปิดตัวดีไซน์แบบใหม่อย่างเป็นทางการ ในชื่อว่า Material Theming

กูเกิลระบุว่า Material Design ได้รับการตอบรับจากนักพัฒนาเป็นอย่างดี แต่ก็มีเสียงวิจารณ์ว่าแอพที่ออกแบบตาม Material Design หน้าตาดูคล้ายกันไปหมด กูเกิลจึงพัฒนา Material Theming ขึ้นมาเพื่อแก้ปัญหานี้

Tags:
Node Thumbnail

ผลิตภัณฑ์หลายๆ ตัวของกูเกิลตอนนี้กำลังปรับส่วน UI ให้เป็นแบบ Material Design คราวนี้เป็นคิวของเว็บ Google Calendar บ้าง ซึ่งยังอยู่ในช่วงทดสอบเท่านั้น

เรื่องนี้มาจากผู้ใช้ reddit ท่านหนึ่ง ได้โพสต์ภาพหน้าตาเว็บ Google Calendar ของตัวเองที่กลายเป็นแบบ Material Design โดยเค้าได้อธิบายในความคิดเห็นว่า ส่วนฟีเจอร์และโครงสร้างของเว็บปรับเปลี่ยนไม่มาก แต่ UI ของเว็บจะเปลี่ยนเป็น Material Design ทั้งหมด ผู้ใช้คนอื่นๆ ใน reddit จึงเปิดเว็บดูบ้าง พบว่ายังไม่เปลี่ยนแปลง ฉะนั้น การเปลี่ยนหน้าตาของ Google Calendar ในตอนนี้ยังคงเป็นช่วงทดสอบแก่ผู้ใช้บางส่วนเท่านั้น

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

ที่มา : The Next Web

Tags:
Node Thumbnail

Chrome 59 เข้าสถานะ Stable มีของใหม่ดังนี้

ที่มา - Google Chrome Releases, 9to5google

Tags:
Node Thumbnail

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

Tags:
Node Thumbnail

Nicholas Jitkoff หัวหน้าทีมส่วน Material Design ได้ลาออกจาก Google และย้ายไปทำงานกับ Dropbox ในตำแหน่งรองประธานกรรมการส่วนออกแบบ

ก่อนที่ Jitkoff จะเข้ามาดูแลงาน Material Design เขาได้ทำงานในตำแหน่งหัวหน้าทีมฝ่าย UX ในผลิตภัณฑ์ Chrome มาก่อน จากนั้นก็มีส่วนร่วมใน Project Kenedy และช่วยสร้าง Material Design ขึ้นมาจนสำเร็จจนขึ้นมาเป็นหัวหน้าทีม เรียกได้ว่าเขาเองก็เป็นคนสำคัญคนหนึ่งของ Google ที่ช่วยดูแลและออกแบบงานดีไซน์ผลิตภัณฑ์ของ Google ก็ว่าได้

สำหรับ Dropbox เองได้พูดถึงการเข้ามาทำงานของ Jitkoff ในตำแหน่งรองประธานกรรมการส่วนออกแบบว่าจะเขาจะเข้ามาทำงานร่วมกับทีมวิศวกรเพื่อวิจัย ออกแบบและดูแลส่วน UX ให้กับผลิตภัณฑ์ของ Dropbox อีกด้วย

ที่มา : 9To5Google

Tags:
Node Thumbnail

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

Tags:
Node Thumbnail

เราเห็นข่าว กูเกิลกำลังปรับหน้าตาของ Chrome ให้เป็น Material Design กันมาสักระยะ ล่าสุดใน Chrome 50 กูเกิลเริ่มเปลี่ยนมาใช้ดีไซน์แบบใหม่นี้แล้ว แต่ยังจำกัดเฉพาะบน Chrome OS เท่านั้น

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

Tags:
Node Thumbnail

Google Play เปิดตัวมาได้ 4 ปีแล้ว ล่าสุด Google ปรับปรุงชุดไอคอน Google Play ทั้งหมด ไม่ว่าจะเป็นไอคอน Google Play เองและแอพภายใต้ทั้งหมด ได้แก่ Play Movies & TV, Play Music, Play Games, Play Books และ Play Newsstand

การออกแบบไอคอนชุดนี้เน้นสีที่สว่างสดใส เน้นความเป็น Material Design และไอคอนของแอพต่างๆ จะมีสามเหลี่ยมอยู่ข้างหลังของไอคอนเพื่อบอกว่าแอพเหล่านี้อยู่ภายใต้ Google Play นั่นเอง

Tags:
Node Thumbnail

กูเกิลยกเครื่องอินเทอร์เฟซของ AdWords แพลตฟอร์มโฆษณาตัวสำคัญของบริษัท จากของเดิมที่หน้าตารกๆ หน่อย เปลี่ยนมาเป็น Material Design โฉบเฉี่ยวทันสมัย

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

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

Tags:
Node Thumbnail

แอพแชทชื่อดังอย่าง Facebook Messenger ไม่มีอัพเดตเรื่องหน้าตามานาน ล่าสุด Facebook Messenger บน Android เผยโฉมดีไซน์ใหม่ตามแบบฉบับ Material Design โดย David Marcus หัวหน้าฝ่าย Messenger ได้โพสต์ข้อความและภาพของแอพนี้บน Facebook ส่วนตัวของเค้าถึงการเปลี่ยนแปลงครั้งนี้

Tags:
Node Thumbnail

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

Resizer จะดูดหน้าเว็บตาม URL ที่ระบุมาเรนเดอร์ให้เราดู แต่การเรนเดอร์ไม่ได้เป็นแค่ภาพ หน้าเว็บสามารถใช้งานจริงๆ แถมยังสามารถปรับขนาดความกว้าง (width) ของเว็บเพจเพื่อทดสอบกับหน้าจอหลายๆ ขนาดได้ด้วย

Resizer ถูกออกแบบมาใช้งานกับเว็บที่เป็น Material Design แต่ก็สามารถใช้กับเว็บไซต์ทั่วๆ ไปได้เช่นกัน

Tags:
Node Thumbnail

กูเกิลยังคงเดินหน้าแปลงโฉมแอพ และบริการของตัวเองให้ใช้แนวทางออกแบบใหม่อย่าง Material Design อย่างต่อเนื่อง ล่าสุดความคืบหน้าของฝั่ง Chrome เริ่มมีมาให้เห็นกันบ้างแล้ว

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

Tags:
Node Thumbnail

Nick Butcher พนักงานฝ่ายนักพัฒนาของกูเกิล สร้างแอพตัวอย่างชื่อ Plaid ขึ้นมาเป็นต้นแบบของแนวทางออกแบบ Material Design โดยเน้นไปที่แอนิเมชัน การวางตำแหน่งวัตถุ และการจัดการกับฟอนต์

ความสามารถของแอพนี้คือดึงข้อมูลงานออกแบบที่น่าสนใจจากเว็บไซต์อย่าง Dribble หรือ Product Hunt มาโชว์ แต่ที่สำคัญคือแอพนี้เปิดซอร์สโค้ดทั้งหมดบน GitHub ใครเป็นนักพัฒนาสาย Android ก็สามารถดาวน์โหลดแอพและซอร์สโค้ดมาดูเป็นตัวอย่างได้ (ตัวแอพต้องเข้าร่วมโครงการ Beta Test ก่อน แต่ซอร์สโค้ดดึงจาก GitHub ได้เลย)

Pages