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 ได้เลย)

Tags:
Node Thumbnail

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

กูเกิลจ้างศิลปินชาวสวีเดน Carl Kleiner มารับงานนี้ต่อเนื่องกันหลายปีแล้ว ในรอบของ Android 6.0 Marshmallow กูเกิลก็เผยกระบวนการทำงานของ Kleiner ให้เห็นว่าเบื้องหลังเกิดขึ้นได้อย่างไร โจทย์ของกูเกิลคือใช้สีตามโลโก้ของบริษัท บวกกับสีเทาอีกหนึ่งสี ส่วน Kleiner ยังใช้กระดาษตัดเป็นรูปเรขาคณิต ซ้อนกันหลายชั้น และเพิ่มวัสดุบางอย่างเพื่อสร้างลวดลาย (texture) ให้ดูมีมิติมากขึ้น

Tags:
Node Thumbnail

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

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

Tags:
Node Thumbnail

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

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

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

ที่มา - Inside AdWords

Tags:
Node Thumbnail

เคยมีภาพหลุดของ Google Hangouts 4.0 for Android มาได้สักพัก วันนี้กูเกิลปล่อยอัพเดตนี้มาแล้ว

การเปลี่ยนแปลงของ Hangouts 4.0 for Android คือเปลี่ยนหน้าตาแอพทั้งตัวเป็น Material Design, ออกแบบส่วนต่างๆ ของหน้าจอให้ดูเรียบง่ายกว่าเดิม แถมกูเกิลคุยว่าทำงานเร็วกว่าเวอร์ชันก่อนๆ ด้วย นอกจากนี้มันยังทำงานบนแพลตฟอร์ม Android Wear ได้ดีขึ้น รองรับการสั่งงานด้วยเสียงได้เต็มรูปแบบ

ที่มา - Google Official Blog

Tags:
Node Thumbnail

Chrome ทดสอบ UI แบบใหม่ของหน้ารายการไฟล์ที่ดาวน์โหลด โดยเปลี่ยนจากของเดิมที่เป็นรายชื่อไฟล์เรียงกันไปแบบธรรมดาๆ กลายเป็น Material Design ตามสมัยนิยมของกูเกิล

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

ตอนนี้หน้าดาวน์โหลดแบบใหม่ยังมีเฉพาะใน Chrome Dev โดยผูใ้ช้ต้องเปิดเองในหน้า chrome://flags ครับ

ที่มา - OMG Chrome

Tags:
Node Thumbnail

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

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

ที่มา - OMG Chrome

No Description

Tags:
Node Thumbnail

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

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

Tags:
Node Thumbnail

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

หน้าตาของแอพ Dropbox เดิมทีก็ค่อนข้างเรียบๆ ไม่มีอะไรหวือหวาอยู่แล้ว แต่การเปลี่ยนแปลงครั้งนี้ก็ช่วยให้หน้าตาของแอพดูไปในทางเดียวกันกับระบบปฏิบัติการ และแอพรุ่นใหม่ๆ บนแพลตฟอร์มแอนดรอยด์มากขึ้นครับ

ที่มา - Dropbox

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

Pages