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

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

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

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

ผู้ใช้ Android โดยเฉพาะสาย Nexus คงคุ้นเคยกับภาพพื้นหลังแนวทาง Material Design ที่ใช้รูปทรงเรขาคณิต ภาพเหล่านี้ดูเผินๆ เหมือนเป็นภาพที่สร้างด้วยคอมพิวเตอร์ (CG) แต่แท้จริงแล้วมันเป็น "ภาพถ่าย" ของกระดาษสีซ้อนกันหลายชั้น ซึ่งอิงจากแนวคิดของ Material Design นั่นเอง

อิทธิพลของ Material Design ไม่ได้อยู่แค่แอพของกูเกิลเท่านั้น แต่ยังลามไปถึง "โฆษณา" ในระบบของ AdMob และ DoubleClick ด้วย

กูเกิลประกาศปรับฟอร์แมตของโฆษณาแอพแบบเต็มหน้าจอ (full-screen ads) ใหม่ โดยปรับหน้าตาโฆษณาให้สะอาดขึ้น ใช้ปุ่มติดตั้งเป็นวงกลมแบบเดียวกับ Material Design แถมแถบสีด้านล่างและสีของปุ่มยังปรับเปลี่ยนอัตโนมัติ จากภาพ cover ของแอพนั้นด้วย

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

Chrome และ Chromium เปลี่ยนไอคอนใหม่อีกรอบ ถ้าดูเผินๆ จะไม่ต่างจากเดิมมากนัก แต่ถ้านำไอคอนเก่าและใหม่มาวางเทียบกัน จะเห็นว่าของใหม่แบนลงกว่าเดิมอีก ลดการใช้แสงเงาที่ไม่จำเป็นลง และปรับเปลี่ยนมาใช้แนวทาง Material Design ของกูเกิลเอง

ไอคอนแบบใหม่ถูกใช้ใน Chrome for Android และ Chromium เรียบร้อยแล้ว เหลือรอใช้ใน Chrome เวอร์ชันพีซีต่อไป

ที่มา - OMG Chrome

กูเกิลออก Material Design Lite (MDL) ชุดไลบรารีสำหรับสร้างเว็บแบบ Material Design ได้อย่างง่ายดาย

MDL สร้างขึ้นด้วยเทคโนโลยี Web Components โดยพัฒนาต่อจาก Polymer ของกูเกิลเอง สามารถใช้งานกับเบราว์เซอร์ยุคใหม่ได้ทุกตัว ทำงานแบบ responsive ได้บนทุกขนาดหน้าจอ มันถูกออกแบบมาให้เรียกใช้แบบดาวน์โหลดผ่าน CDN ด้วยขนาดที่เล็กเพียง 27KB เมื่อบีบอัดแล้ว (แต่ใครจะเอาไฟล์มาโฮสต์เองก็ได้เช่นกัน)

ปีที่แล้ว กูเกิลเปิดตัว Material Design พร้อม Android 5.0 และในรอบปีที่ผ่านมา เราก็เห็นแอพ Android จำนวนไม่น้อยปรับโฉมตัวเองเป็น Material Design มากขึ้น

อย่างไรก็ตาม ระบบปฏิบัติการ Android ที่รองรับ Material Design เต็มรูปแบบต้องเป็น Android 5.0 ขึ้นไปเท่านั้น ถ้านักพัฒนาแอพอยากรันบนระบบปฏิบัติการรุ่นเก่าให้ราบรื่น ก็ต้องลงแรงแก้ปัญหากันเอง ซึ่งเป็นงานยากพอสมควร ในงาน I/O ปีนี้ กูเกิลจึงออกตัวช่วยเพื่อให้ Android รุ่นเก่าสามารถมี UI แบบ Material โดยนักพัฒนาไม่ต้องทำอะไรเพิ่ม กูเกิลเตรียมมาให้หมดแล้ว