Tags:
Node Thumbnail

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

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

Tags:
Node Thumbnail

กูเกิลเปิดตัวเว็บ google.com/design ใหม่เป็นศูนย์รวมสำหรับนักออกแบบ ที่จะรวมเอาบทความแนวคิดการออกแบบ และทรัพยากรสำหรับการออกแบบต่างๆ มาไว้ที่เดียวกัน

ก่อนหน้างาน Google I/O กูเกิลก็ปรับปรุง Material Design สำหรับหน้าจอขนาดใหญ่ หลังงานกูเกิลประกาศชุดไอคอนใหม่เปิดให้ใช้งานได้ฟรีโดยใช้สัญญาอนุญาตเป็น CC-BY และหน้าเว็บ Device Metrics ฐานข้อมูลหน้าจออุปกรณ์สำคัญจำนวนมากว่ามีความละเอียดเท่าใดตามหน่วย dp, px, และนิ้ว

ที่มา - +Google Design

Tags:
Node Thumbnail

Google ปล่อยอัพเดตหน้าตาใหม่ของ Google Play Music บนเวอร์ชันเว็บทั้งหมดแล้ว โดยนำ Material Design มาปรับใช้ซึ่งจะคล้ายคลึงกับหน้าตาบนแอพบน Android เช่น เก็บแถบเมนูไว้ด้านซ้าย ช่องค้นหาอยู่ด้านบน ส่วนคลังเพลงจะแสดงหน้าของศิลปินเป็นรูปวงกลม ปกอัลบั้มต่างๆ จะเป็นการ์ดแบบ Material Design และเมื่อเข้าไปดูภายในอัลบั้มจะเจอปกของศิลปินขนาดใหญ่ด้านบนของอัลบั้มนั้นๆ เป็นต้น สามารถรับชมตัวอย่างได้จากภาพท้ายข่าวครับ

Tags:
Node Thumbnail

Mailbox แอพอีเมลยอดนิยมอีกตัวหนึ่ง (ปัจจุบันเป็นของ Dropbox) ออกเวอร์ชัน 2.0.1 บนแพลตฟอร์ม Android มีของใหม่หลายอย่าง

  • ปรับหน้าตาเป็น Material Design เต็มรูปแบบ
  • รองรับการใช้งานบนแท็บเล็ตแล้ว
  • รองรับการเชื่อมต่อกับบัญชี Dropbox for Business
  • เพิ่ม badge แจ้งเตือนบนไอคอนแอพ (เฉพาะอุปกรณ์ซัมซุง)

ที่มา - Droid Life

Tags:
Node Thumbnail

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

Google Contacts รุ่นใหม่นี้ผนวกเอาสมุดที่อยู่กับเพื่อนใน Google+ Circle เข้าด้วยกัน ดึงข้อมูลจาก Google Profile/Gmail/Hangouts ของเพื่อนแต่ละคนให้อัตโนมัติ และมีฟีเจอร์ตรวจหาข้อมูลซ้ำ (find duplicates) ช่วยรวมที่อยู่ติดต่อของบุคคลเดียวกันให้อัตโนมัติ (ผมลองเล่นดูแล้วก็แม่นยำพอสมควร)

ใครอยากลองเล่นก่อน เข้าไปทดสอบที่ http://contacts.google.com/preview และอีกสักพักหนึ่งมันจะถูกผนวกเข้าเป็นส่วนหนึ่งของ Gmail ครับ

Tags:
Node Thumbnail

เป็นอันว่าทิศทางการออกแบบใหม่ของกูเกิลจะได้รับความสนใจกว่าสมัย Holo พอสมควร ล่าสุดขาใหญ่อย่าง Facebook ทดสอบอินเทอร์เฟซใหม่กับผู้ใช้บางส่วนแล้ว

อินเทอร์เฟซใหม่แบบ Material Design ของ Facebook บน Android มาตามไกด์ไลน์ของกูเกิลอย่างถูกต้อง ปรับปุ่มเมนูด้านล่างให้กลายเป็นปุ่มเดียวลอยเหนือทุกสรรพสิ่งที่ตำแหน่งมุมขวาล่างแทน และแถบด้านบนกลายเป็นช่องสำหรับค้นหาทั้งหมด

ภาพตัวอย่างเปรียบเทียบของใหม่กับของเก่าดูได้ท้ายข่าวครับ

ที่มา - The Next Web

ซ้ายใหม่ ขวาเก่า

Tags:
Node Thumbnail

อมยิ้ม เป็นแอพพลิเคชันสำหรับอ่าน Pantip.com บนโทรศัพท์มือถือระบบ Android ผลงานนักพัฒนาอิสระ (ผมเอง) โดยรับเอาแนวทางการออกแบบ Material Design จาก Google มาใช้ในการออกแบบ

นอกจากนี้ยังมีการคิดวิธีการใช้งานในรูปแบบใหม่ ซึ่งไม่เหมือนกับแอพพลิเคชันอ่าน Pantip อื่นๆ โดยผู้ใช้งานสามารถปรับแต่ง เลือกลำดับ และการแสดงห้องต่างๆ ได้ด้วยตนเอง

Tags:
Node Thumbnail

วันนี้ Google ออกอัพเดตแอพ Chrome บน iOS เวอร์ชัน 40.0.2214.61 โดยมีการเปลี่ยนแปลงที่แจ้งไว้ดังนี้

  • Material Design แบบเดียวกับ Chrome บน Android ที่ออกอัพเดตไปก่อนหน้านี้แล้ว
  • รองรับมือถือจอใหญ่และปรับปรุงให้เข้ากับ iOS 8
  • รองรับระบบ Handoff จาก Chrome บน iOS ไปยังเบราว์เซอร์หลักบน OS X
  • แก้บั๊กและปรับปรุงความเสถียร

ที่มา - Chrome Release Blog

Tags:
Node Thumbnail

สำหรับคนที่รอ Lollipop อยู่แต่อยากลองใช้อินเทอร์เฟซแบบ Material Design แล้ว ตอนนี้มีตัวเลือกให้ลองเล่นกันก่อน ด้วยการดาวน์โหลด Google Now Launcher มาใช้งานไปพลางๆ ด้วยอัพเดตล่าสุดที่เปลี่ยนไปเป็น Material Design แบบเดียวกับ Lollipop แล้ว

ในอัพเดตนี้ นอกจากเปลี่ยนไปเป็นอินเทอร์เฟซแบบ Material Design ที่ปรับสี drawer เป็นสีขาว และไอคอนขยับได้ในหน้า Google Now และสามารถเพิ่มบัญชี Google ได้จากไซด์บาร์ด้านซ้ายแล้ว อื่นๆ เรียกได้ว่าเหมือนเดิมเป๊ะ

ใครที่อยากได้อินเทอร์เฟซใหม่ก่อนอัพเดตจริงก็ไปดาวน์โหลดกันที่ Play Store เลยครับ ตัวแอพรองรับ Android ตั้งแต่ 4.1 เป็นต้นไป

Tags:
Node Thumbnail

กูเกิลเริ่มเปลี่ยนแอพบน iOS ให้เป็น Material Design โดยคราวนี้เป็นคิวของแอพหลัก Google for iOS (ที่เราเรียกกันว่า Google Search แต่จริงๆ มันชื่อแอพ Google เฉยๆ)

การเปลี่ยนแปลงของแอพ Google for iOS รอบนี้ถือว่าเปลี่ยนหน้าตาแอพทั้งหมด โดยกูเกิลใส่ปุ่ม 3 ปุ่มด้านล่างมาแบบเดียวกับระบบปฏิบัติการ Android แต่เปลี่ยนจากปุ่ม Home เป็นปุ่ม Google เพื่อเข้าหน้าจอค้นหาแทน นอกจากนี้มันยังมีปุ่ม Recents เอาไว้แสดงเว็บเพจที่เคยเปิดจากหน้าผลการค้นหาอีกด้วย

ฟีเจอร์อีกอย่างที่เพิ่มเข้ามาคือกูเกิลผนวกเอา Google Maps มาใส่ไว้ในแอพนี้ด้วย ผู้ใช้สามารถค้นหาสถานที่จากแอพ Google แล้วแสดงเป็นแผนที่โดยไม่ต้องเรียกแอพ Google Maps เลย

Tags:
Node Thumbnail

ในที่สุด Hangouts ก็ใกล้จะได้อัพเดตที่เดินตามแนวทาง Material Design มากขึ้นแล้ว เพราะด้วยความที่แต่เดิมตัวแอพ Hangouts ก็แทบจะอิงจากแนวทางออกแบบใหม่มาตั้งแต่ชุดแรกๆ จึงอาจทำให้อัพเดตตามหลังแอพอื่นเสียหน่อย และยังเปลี่ยนแปลงไม่มากอีกด้วย ตามภาพที่หลุดมาจากเว็บไซต์ Android Police เร็วๆ นี้

ความเปลี่ยนแปลงของ Hangouts ใหม่เริ่มต้นตั้งแต่ไอคอนแอพที่ปรับให้แบนยิ่งขึ้น บวกด้วยการใช้เงาในไอคอนตามแบบแอพโทรศัพท์บน Lollipop ส่วนด้านในนั้น โดยรวมแทบจะเหมือนเดิมทั้งหมด เปลี่ยนแปลงเพียงโทนสีของแถบด้านบนให้เป็นสีเขียวเข้มขึ้น (เหมือนกับไอคอน) ปรับแถบโปรไฟล์เป็นแบบใหม่ และขยับตำแหน่งของไอคอนเล็กๆ น้อยๆ

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

Tags:
Node Thumbnail

แนวทางการออกแบบ Material Design ของกูเกิล กลายเป็นแรงบันดาลใจให้มีคนทำลินุกซ์ที่ใช้หน้าตาแบบ Material แล้ว

โครงการ Quantum OS (เดิมชื่อ Quartz OS) เป็นการพัฒนาเดสก์ท็อปที่มีหน้าตาแนว Material Design โดยใช้เทคโนโลยีพื้นฐานของ Qt 5 และภาษา QML ทั้งหมด ทีมงานยังมีแผนจะสร้างชุดพัฒนา UI สำหรับสร้างแอพ Material Design ด้วย (ไม่ใช่แค่ระดับธีม แต่ทำที่ระดับ UI toolkit เลย โดยตัว toolkit จะสามารถทำงานข้ามแพลตฟอร์มได้ตาม Qt)

ตอนนี้โครงการยังอยู่ในระยะเริ่มต้น โดยทีมงานกำลังตัดสินใจว่าจะเลือกดิสโทรตัวใดเป็นฐานระหว่าง Arch Linux หรือ Ubuntu ซึ่งก็คงต้องใช้เวลาอีกสักพักหนึ่งกว่าจะเห็นผลลัพธ์เป็นรูปเป็นร่างครับ

Tags:
Node Thumbnail

กูเกิลอัพเดตแอพ Google Search โดยปรับโฉมหน้าเป็น Material Design พร้อมเพิ่มฟีเจอร์ใหม่อีกหลายอย่าง

Tags:
Node Thumbnail

Google Maps สำหรับ Android และ iOS เริ่มปรับเปลี่ยนมาใช้งานส่วนติดต่อผู้ใช้งานใหม่ตามแนวทาง Material Design เหมือนกับแอพตัวอื่นๆ ของ Google ที่เปลี่ยนมาก่อนหน้า โดยตัวแอพ Google Maps ในแบบ Material Design นั้นมาในโทนสีน้ำเงิน ผู้ใช้สามารถกดแผ่นข้อมูลสถานที่บริเวณด้านล่างของหน้าจอก็จะสามารถเข้าถึงข้อมูลรีวิวและรูปภาพของสถานที่นั้นได้ทันที

Tags:
Node Thumbnail

ในช่วงขวบเดือนที่ผ่านมา Google ได้ทยอยอัพเดตแอพของตัวเอง ให้มีหน้าตาเป็น Material Design เพื่อรองรับ Android 5.0 Lollipop ที่จะได้อัพเดตกันต่อไปในอนาคต ล่าสุดน่าจะเป็นคิวของ Gmail ที่น่าจะได้อัพเดตในเร็วๆ นี้ แถมพ่วงมาด้วยฟีเจอร์ใหม่ในการรองรับแอคเคาท์อีเมลของเจ้าอื่นด้วย

เว็บไซต์ Android Police รายงานว่าแอพ Gmail เวอร์ชัน 5.0 นี้นอกจากจะถูกปรับหน้าตาให้เป็น Material Design แล้ว ยังรองรับแอคเคาท์อีเมลของ Yahoo! และ Outlook อีกด้วย โดยสามารถสลับแอคเคาท์ได้โดยการปาดซ้าย-ขวา ที่บริเวณแถบแอคเคาท์อีเมลเท่านั้น (วิดีโอท้ายข่าว)

ทั้งนี้ยังไม่มีรายงานว่า Google จะปล่อยอัพเดตแอพ Gmail นี้เมื่อใด

Tags:
Node Thumbnail

เมื่อเดือนที่แล้วมีไฟล์หลุดอัพเดตใหม่ของ Play Store ปรับการออกแบบเป็น Material Design ยกแอพ วันนี้มีผู้ใช้ Android เริ่มรายงานว่ากูเกิลปล่อยอัพเดตตัวนี้แล้ว (เวอร์ชัน 5.0.31)

ของใหม่ในเวอร์ชันนี้คือการปรับหน้าตาเป็น Material Design ทั้งตัวรอรับ Android L ที่น่าจะเปิดตัวภายในเดือนนี้, ปรับพื้นที่ข้อมูลว่ามีอะไรใหม่ในแอพเวอร์ชันนั้นๆ (What's New) ขึ้นมาอยู่ด้านบนเกือบสุด และเปลี่ยนไอคอนของแอพเล็กน้อยเป็นถุงกระดาษเต็มรูปแบบ

คาดว่ากูเกิลจะค่อยๆ ปล่อยอัพเดตให้ผู้ใช้ทีละกลุ่มตามธรรมเนียม แต่ถ้าใครใจร้อนก็สามารถดาวน์โหลด APK จาก Android Police ได้ตามลิงก์ครับ

Tags:
Node Thumbnail

ปีนี้เราเห็นกูเกิลทยอยปรับแอพของตัวเองให้ใช้ Material Design อยู่เรื่อยๆ (เช่น Google+ หรือ Google Play) แอพตัวล่าสุดที่ถูกปรับปรุงคือแอพอ่านข่าว Google Play Newsstand (หรือ Google Current เดิม)

ในแง่ฟีเจอร์คงไม่ต่างจากเดิมมากนัก แต่ดีไซน์ใหม่ของ Google Play Newsstand จะแสดงรูปภาพขนาดใหญ่ขึ้น และแอนิเมชั่นที่ลื่นกว่าเดิม เรายังสามารถเลื่อนซ้ายขวาเพื่อสลับหัวข้อข่าว และติดตามเฉพาะประเด็นข่าวที่สนใจได้ด้วย

Tags:
Node Thumbnail

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

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

Tags:
Node Thumbnail

หลังจากที่กูเกิลได้ทดลองใช้ Material Design บน Chrome เวอร์ชัน Beta ในแอนดรอยด์ไปเมื่อปลายเดือนกรกฎาคม ล่าสุดเวอร์ชันเต็มกำลังจะมาแล้ว เมื่อกูเกิลประกาศว่าจะอัพเดต Chrome บนแอนดรอยด์เป็นเวอร์ชัน 37.0.2062.117 ในอีกไม่กี่วัน (a few days)

เวอร์ชันใหม่นี้การเปลี่ยนแปลงหลักๆ ก็คือปรับปรุงหน้าตาส่วนติดต่อผู้ใช้ให้เป็น Material Design และเมื่อผู้ใช้ล็อกอินเข้า Chrome โดยใช้บัญชีกูเกิล เบราว์เซอร์จะลงชื่อเข้าใช้บริการของกูเกิลให้อัตโนมัติ

อัพเดต อัพเดตเป็นเวอร์ชันใหม่ได้แล้ววันนี้ครับ

Tags:
Node Thumbnail

ช่วงนี้กูเกิลยังคงปฏิบัติการเปลี่ยนส่วนติดต่อผู้ใช้บริการในเครือให้เป็น Material Design อันเป็นปรัชญาการออกแบบใหม่ของบริษัท และล่าสุดก็ใกล้ถึงคิวของ Hangouts แอพแชทที่มีภาพหลุดในแบบของ Meterial Design ออกมาบ้างแล้ว

ภาพและข้อมูลชุดนี้ออกมาจากบล็อกภาษาเยอรมัน Florian Kiersch โดยอ้างถึง Hangout โฉมใหม่รุ่นทดสอบที่ใช้ชื่อว่า Ultra Violet (ไอคอนเหมือนกันแต่เป็นสีม่วง) ซึ่งนอกจากจะเปลี่ยนส่วนติดต่อผู้ใช้แล้ว ยังเพิ่มฟีเจอร์ใหม่คล้ายกับ Chatheads ของเฟซบุ๊กเข้ามาด้วย โดยภาพทั้งหมดมาจาก Hangouts เวอร์ชันเดสก์ท็อปผ่านส่วนเสริมของ Chrome

Tags:
Node Thumbnail

กูเกิลโชว์ Google Drive โฉมใหม่เมื่อเดือนที่แล้ว วันนี้ Google Drive เวอร์ชันเว็บจะเริ่มใช้ดีไซน์แบบใหม่ที่ปรับเป็น Material Design แล้ว

ในแง่การใช้งาน หน้าโฮมหรือหน้าแสดงรายการเอกสารของ Google Drive ที่เดิมทีแสดงรายการไฟล์ (list) แต่ของใหม่จะเปลี่ยนมาแสดงเป็นไอคอนแบบ grid view โดยพรีวิวเนื้อหาภายในไฟล์ให้ด้วย (สามารถเปลี่ยนกลับเป็นแบบ list ได้ แต่หน้าตาจะต่างไปจากของเดิม) ใครนึกภาพไม่ออกสามารถดูได้จากวิดีโอท้ายข่าวครับ

Tags:
Node Thumbnail

กูเกิลเริ่มค่อยๆ ปรับใช้แนวทางการออกแบบ UI ใหม่บนบริการของตัวเองมากขึ้นเรื่อยๆ ตามที่เคยบอกไว้ว่าจะนำการออกแบบนี้มาใช้กับทุกๆ แพลตฟอร์มและบริการของตน โดยการปล่อยอัพเดต Chrome Beta บนแอนดรอยด์ ปรับปรุงหน้าตาให้เป็น Material Design ตามหลัง Google Play แล้ว นอกจากนั้นยังจดจำบัญชีกูเกิลที่บันทึกอยู่ในเครื่อง ในกรณีที่มีมากกว่า 1 บัญชีให้อีกด้วย

การรองรับบัญชีกูเกิลที่เพิ่มขึ้นนี้ เมื่อ sign-in เข้า Chrome แอพจะบันทึกบัญชีอื่นๆ ที่ตั้งค่าไว้อยู่ในเครื่องให้ทันที ทำให้สามารถเลือกเข้าบัญชีอื่นได้ โดยไม่ต้องใส่รหัสใหม่

Tags:
Node Thumbnail

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

หน้าตาส่วนติดต่อผู้ใช้แบบใหม่ สามารถดูได้จากวิดีโอท้ายข่าวครับ

ที่มา - Droid Life

Pages