กูเกิลทำหลุดเอง Material 3 Expressive หน้าตา UI แบบใหม่ของ Android 16

By mk Founder on Tag: Android 16, Android, Material Design, Google, Leaks, Design
Android 16

จากที่มีคนค้นพบ UI ใหม่ของ Android 16 ที่ปิดการทำงานไว้ ล่าสุดกูเกิลเองเป็นฝ่ายเผลอโพสต์เนื้อหาบนบล็อก Google Design ก่อนกำหนด (เอาลงในภายหลัง) แต่ก็ไม่รอด มีคนเซฟภาพและวิดีโอเก็บไว้ทัน

UI แบบใหม่ใช้ชื่อว่า Material 3 Expressive แนวคิดของมันคือ expressive design ผลักดันให้แอพแสดงตัวตนของตัวเองออกมามากกว่าที่เคย เพื่อแก้ปัญหาแอพในยุคสมัยนี้หน้าตาซ้ำๆ เหมือนกันไปหมด

Read more   8 comments  

หลุดภาพ UI แบบใหม่ของ Android 16 ใช้ภาพพื้นหลังเบลอเยอะกว่าเดิม

By mk Founder on Tag: Android 16, Android, Design, Leaks, User Interface
Android 16

Mishaal Rahman นักขุดค้นข้อมูล Android ชื่อดัง ระบุว่าใน Android 16 Beta 4 มี UI แบบใหม่ของ Android ที่ปิดการทำงานเอาไว้ และคาดว่ากูเกิลจะนำมาโชว์ในงาน The Android Show วันที่ 13 พฤษภาคม

คาดว่า UI แบบใหม่จะใช้ชื่อว่า Material 3 Expressive แม้ภาพรวมของการใช้งานยังเหมือนเดิม แต่รายละเอียดหลายจุดถูกปรับปรุงใหม่ ใช้ไอคอนขนาดใหญ่ขึ้น สีสันสดใสมากขึ้น มีการใช้เอฟเฟคต์เบลอภาพพื้นหลัง (frosted glass) เยอะกว่าเดิม

Read more   4 comments  

ทีมออกแบบ Pixel 9a อธิบายเหตุผลที่ตัดแถบกล้อง Camera Bar เป็นเพราะโมดูลกล้องยื่นน้อยลง

By mk Founder on Tag: Google Pixel 9, Mobile, Google, Design
Google Pixel 9

จุดเด่นที่น่าสนใจของ Google Pixel 9a รอบนี้คือไม่มีแถบกล้อง (Camera Bar) ด้านหลังแล้ว ถือเป็นการเปลี่ยนดีไซน์ครั้งใหญ่ของ Pixel ในรอบหลายปี (ดีไซน์แถบกล้องเริ่มใช้ใน Pixel 6 เมื่อปี 2021)

Read more   3 comments  

Samsung แต่งตั้ง Mauro Porcini อดีตผู้บริหาร PepsiCo เป็นหัวหน้าฝ่ายออกแบบผลิตภัณฑ์

By arjin Writer on Tag: Samsung, Design, Management
Samsung

ซัมซุงอิเล็กทรอนิกส์ประกาศแต่งตั้ง Mauro Porcini เป็นประธานและหัวหน้าฝ่ายออกแบบผลิตภัณฑ์ (Chief Design Officer) ดูแลการออกแบบสินค้าในฝ่าย DX หรือ Device eXperience ครอบคลุมทั้งสมาร์ทโฟน ทีวี และเครื่องใช้ไฟฟ้า ซึ่งซัมซุงบอกว่าเป็นการเสริมความแข็งแกร่งด้านการออกแบบให้ไลน์สินค้ากลุ่มนี้

Porcini เคยเป็นหัวหน้าทีมฝ่ายออกแบบที่ 3M และล่าสุดคือ PepsiCo เป็นชาวอิตาลี จบการศึกษาด้านการออกแบบอุตสาหกรรมในระดับปริญญาตรีและปริญญาโทจาก Politecnico di Milano ในเมืองมิลาน

Read more   1 comment  

[ลือ] ภาพจำลอง iOS 19 เปลี่ยนมาใช้ดีไซน์แบบ Glassy คล้ายกับ visionOS

By arjin Writer on Tag: Apple, Rumors, iOS 19, Design
Apple

Jon Prosser ยูทูบเบอร์เจ้าของช่อง fpt. ที่มักปล่อยภาพหลุดสินค้าใหม่อยู่เรื่อย ๆ ล่าสุดเขาเปิดเผยรายละเอียดเพิ่มเติมของ iOS 19 ระบบปฏิบัติสำหรับ iPhone ที่แอปเปิลจะเปิดตัวในงาน WWDC เดือนมิถุนายนนี้

ก่อนหน้านี้ Prosser เคยนำเสนอวิดีโอจำลองขึ้นมาโดยอ้างจาก iOS 19 รุ่นทดสอบที่เขาได้เห็น ซึ่งตอนนั้นไฮไลท์คือดีไซน์ที่อิงจาก visionOS ระบบปฏิบัติการของ Vision Pro และไอคอนหน้าโฮมที่เป็นวงกลม ข้อมูลเพิ่มเติมนี้ Prosser บอกว่า iOS 19 มีดีไซน์รูปแบบเรียกว่า Glassy หรือแนวกระจก ที่วัตถุต่าง ๆ จะลอยขึ้นมาแบบโปร่งแสงเป็นสามมิติ

Read more   1 comment  

[ลือ] iOS 19, macOS 16 จะยกเครื่องดีไซน์และโฟลว์การใช้งานแบบใหม่ ไอคอนเป็นรูปวงกลมแบบ visionOS

By arjin Writer on Tag: Apple, iOS 19, macOS, Rumors, Design
Apple

รายงานนี้มาจาก Mark Gurman แห่ง Bloomberg คนเดิม เขาบอกว่าแอปเปิลเตรียมยกเครื่องการออกแบบหน้าตาของ iOS 19, iPadOS 19 และ macOS 16 ที่จะออกมาให้อัปเดตในปีนี้ เพื่อให้มีรูปแบบที่สอดคล้องกันในทุกแพลตฟอร์มของแอปเปิล

Gurman บอกว่าการเปลี่ยนแปลงนี้ไม่ใช่แค่รูปแบบไอคอน แต่เปลี่ยนแปลงตั้งแต่เมนู การตั้งค่าระบบ หน้าต่างแสดงผล การควบคุม และโฟลว์การใช้งานแบบใหม่ ซึ่งบอกได้ว่าเป็นการปรับดีไซน์ใช้งานครั้งใหญ่ที่สุดนับตั้งแต่ iOS 7 และ macOS Big Sur

Read more   12 comments  

26 ปีผ่านไป ปุ่ม Mute ใน คีย์บอร์ด Mac เป็นรูปลำโพงมีเส้นขีดฆ่าแล้วใน MacBook Air M4

By arjin Writer on Tag: Apple, Design, UX, Keyboard, Macbook Air, iPad Air
Apple

มีการเปลี่ยนแปลงเล็ก ๆ แต่น่าจะลดความงงให้ผู้ใช้ Mac (หรือไม่งง?) โดย MacBook Air ชิป M4 รุ่นใหม่ที่เพิ่งเปิดตัวในสัปดาห์นี้ ปุ่มฟังก์ชันเปิด/ปิดเสียง (Mute) ตรง F10 ได้เปลี่ยนรูปไอคอนจากรูปลำโพงเฉย ๆ มาเป็นลำโพงที่มีเส้นขีดฆ่าแล้ว ซึ่งสัญลักษณ์นี้น่าจะทำให้เข้าใจทันทีว่าคือปุ่ม Mute ปิดเสียง

Read more   10 comments  

ไม่จบแค่รูปแนวตั้ง! Instagram ประกาศสิ่งที่จะเปลี่ยนแปลงเพิ่มเติมอีกหลายอย่างในหน้าโปรไฟล์ผู้ใช้งาน

By arjin Writer on Tag: Instagram, Design, UX
Instagram

Adam Mosseri หัวหน้าทีม Instagram ชี้แจงเพิ่มเติมในประเด็นการรื้อหน้าโปรไฟล์ผู้ใช้งาน เปลี่ยนมาแสดงรูปภาพเล็กตามแนว Grid เป็นรูปแนวตั้ง 4:5 แทนที่สี่เหลี่ยมจัตุรัส 1:1 แบบเดิมที่ใช้มาตั้งแต่วันแรก ส่งผลให้การแสดงรูปหน้าโปรไฟล์หลายคนผิดเพี้ยนไป ไม่สวยงามอย่างที่ตั้งใจไว้ตอนแรก

Read more   5 comments  

Instagram ปรับการแสดงรูปในหน้าโปรไฟล์ เป็นแนวตั้ง 4:5 แทนแบบเดิม 1:1

By arjin Writer on Tag: Instagram, Design, UX
Instagram

ตั้งแต่เมื่อวานนี้ ผู้ใช้งาน Instagram ทยอยพบว่าการแสดงรูปในหน้าโปรไฟล์ มีการตีเส้นรูปภาพย่อยหรือ Grid เป็นสี่เหลี่ยมผืนผ้าแนวตั้งอัตราส่วน 4:5 จากเดิมที่เป็นสี่เหลี่ยมจัตุรัส 1:1 ซึ่งคุ้นเคยกันมาตั้งแต่เริ่มต้น Instagram โดย Instagram เคยบอกก่อนหน้านี้ว่าได้เริ่มทดสอบกับผู้ใช้งานจำนวนหนึ่ง แต่ไม่ได้บอกว่าจะมีผลทั้งหมดหรือไม่และเมื่อใด

Read more   6 comments  

หัวหน้าทีมออกแบบ Microsoft Surface ย้ายไปเป็นหัวหน้าทีมออกแบบฮาร์ดแวร์ของ Amazon

By mk Founder on Tag: Microsoft Surface, Design, Hardware, Amazon, Microsoft
Microsoft Surface

The Verge รายงานข่าวว่า Ralf Groene หัวหน้าทีมออกแบบ Microsoft Surface ย้ายไปอยู่ทีมฮาร์ดแวร์ของ Amazon แล้ว ตามรอยของ Panos Panay หัวหน้าทีม Surface ที่ย้ายไป Amazon เมื่อปี 2023

Groene เป็นหนึ่งในทีมงานหลักที่สร้างผลิตภัณฑ์ตระกูล Surface ร่วมกับ Panay โดยเขาเป็นผู้ออกแบบ Surface รุ่นแรกสุด ซึ่งใช้ดีไซน์ขาตั้ง kickstand มาจนถึงทุกวันนี้

Groene ลาออกจากไมโครซอฟท์ในเดือนเมษายน 2024 และเพิ่งประกาศย้ายมารับตำแหน่งหัวหน้าทีมดีไซน์ของธุรกิจ Devices & Services ของ Amazon ในเดือนมกราคม 2025

Read more    

ผู้บริหาร Apple ตอบคำถามเรื่องปุ่ม Power ใต้เครื่อง Mac mini M4 "คนใช้ Mac ปกติก็ไม่ได้ปิดเปิดเครื่องกันบ่อยอยู่แล้ว"

By arjin Writer on Tag: Mac Mini, Apple, Design
Mac Mini

Fast Company ได้สัมภาษณ์ Kate Bergeron รองประธานฝ่ายวิศวกรรมฮาร์ดแวร์ของแอปเปิล เกี่ยวกับ Mac mini ชิป M4 ในหลายประเด็นน่าสนใจ

Read more   50 comments  

Mozilla เปิดตัวโลโก้ใหม่ฉลอง 25 ปี รีแบรนด์เพื่อย้ำภารกิจ Reclaim the Internet

By mk Founder on Tag: Mozilla, Logo, Design
Mozilla

หลังจากปล่อยให้มีโลโก้ใหม่ของ Mozilla โผล่บนหน้าเว็บมาหลายเดือน ในที่สุด Mozilla ก็เปิดตัวโลโก้ใหม่อย่างเป็นทางการสักที

โลโก้ใหม่ตรงกับที่เผยโฉมมา คือเป็นสัญลักษณ์ตัว M เอียงข้างเป็นรูปหัวไดโนเสาร์ (หรือบางคนมองว่าเป็นธงก็ได้) สไตล์คล้ายตัวอักษร ASCII แล้ววางคู่กับคำว่า Mozilla ที่ออกแบบใหม่ เลิกใช้สัญลักษณ์ :// ของ URL แล้ว

Read more   1 comment  

Mac mini ชิป M4 ย้ายปุ่ม Power ไปไว้ด้านล่างใต้เครื่อง แต่สอดนิ้วกดปุ่มได้

By arjin Writer on Tag: Mac Mini, Apple, Design
Mac Mini

Mac mini ใหม่ ชิป M4 ที่เพิ่งเปิดตัว มาพร้อมกับขนาดที่เล็กลงมากเมื่อเทียบกับรุ่นก่อนหน้า และผลจากขนาดที่เล็กลงนี้เลยทำให้ปุ่มเปิดปิด (Power) ต้องหาที่อยู่ใหม่ด้วย และคำตอบก็คือด้านล่างใต้เครื่อง

ใน Mac mini รุ่นก่อนหน้านี้ ซึ่งมีพื้นที่รอบเครื่องมากพอ ปุ่มเปิดปิดจะอยู่ที่ด้านหลังของเครื่อง ติดกับพอร์ตเชื่อมต่อต่าง ๆ

Read more   30 comments  

Magic Mouse รุ่น USB-C ตำแหน่งพอร์ตชาร์จไฟยังอยู่ด้านล่างเหมือนเดิม

By arjin Writer on Tag: Magic Mouse, Apple, Accessories, Mouse, Design
Magic Mouse

มีประเด็นเล็ก ๆ จากการประกาศอัปเดตอุปกรณ์เสริมพร้อมการเปิดตัว iMac ชิป M4 ซึ่งนอกจากจะเปลี่ยนจากพอร์ต Lightning มาเป็น USB-C แล้ว หลายคนยังลุ้นว่า Magic Mouse จะเปลี่ยนตำแหน่งรูของพอร์ตชาร์จไฟ ที่เดิมอยู่ด้านล่างทำให้ตอนเสียบสายชาร์จต้องพลิกเมาส์ ว่าแอปเปิลจะเปลี่ยนการออกแบบนี้หรือไม่

คำตอบคือ ไม่

Read more   20 comments  

PayPal ปรับโลโก้ใหม่ ตัวหนังสือตั้งตรง ไม่เอียงแล้ว เปลี่ยนจากสีน้ำเงินมาเป็นสีดำล้วน

By mk Founder on Tag: PayPal, Logo, Design
PayPal

PayPal ปรับดีไซน์โลโก้ใหม่ของตัวเอง จากตัวอักษร PayPal เขียนเอียงๆ เปลี่ยนมาตั้งตรง เปลี่ยนสีจากน้ำเงิน-ฟ้า มาเป็นสีดำล้วน และตัดไอคอนตัว PP ซ้อนกันที่เราคุ้นเคยออกไปจากโลโก้ (แต่ตัวไอคอน PP ยังใช้เป็นไอคอนของแอพอยู่เช่นเดิม แค่แยกจากตัวโลโก้ของบริษัท)

โลโก้ใหม่ของ PayPal ออกแบบโดยบริษัทดีไซน์ชื่อดัง Pentagram ซึ่งให้เหตุผลของการเลือกสีดำว่าต้องการสร้างความแตกต่างจากบริการ fintech ตัวอื่นๆ ที่มักนิยมใช้สีฟ้า และสามารถนำโลโก้สีดำไปใช้ได้ในหลากหลายโอกาสมากกว่า

Read more   19 comments  

Google Maps ปรับดีไซน์หมุดสถานที่ใหม่ อ้วนกลมกว่าเดิม ปลายหมุดไม่แหลมมาก

By mk Founder on Tag: Google Maps, Google, Design
Google Maps

Google Maps เริ่มใช้ดีไซน์หมุด (pin) สถานที่แบบใหม่ อ้วนกลมกว่าเดิม ไม่เป็นทรงปลายแหลมยาวแบบในอดีต และใช้ดีไซน์มีขอบขาวล้อมรอบไอคอนสถานที่ด้วย

การเปลี่ยนแปลงนี้ยังมีผลเฉพาะหมุดของสถานที่ที่เรายังไม่ได้กดเลือกเท่านั้น หากกดเลือกสถานที่นั้นแล้วยังเห็นหมุดแดงแหลมที่เป็นเอกลักษณ์และเป็นไอคอนของ Google Maps เช่นเดิม

ช่วงหลังเราเห็น Google Maps เริ่มปรับดีไซน์แผนที่ใหม่หลายจุด ปีที่แล้วเปลี่ยนสีถนนจากเหลืองเป็นเทา และปีนี้แอพบนมือถือก็ปรับ UI ไปอีกบางส่วนด้วย

Read more   4 comments  

Google บอกบรรจุภัณฑ์ Pixel, Fitbit, Nest รุ่นใหม่ ปลอดจากพลาสติก 100% แล้ว เร็วกว่าเป้าหมาย 1 ปี

By arjin Writer on Tag: Google, Design, Environment, Google Pixel, Nest, Fitbit
Google

กูเกิลประกาศว่าบรรจุภัณฑ์สินค้าฮาร์ดแวร์ของบริษัทได้แก่ Pixel, Fitbit และ Nest รุ่นใหม่ทั้งหมดปลอดจากชิ้นส่วนพลาสติกแล้ว (100% Plastic Free) ซึ่งเป็นความสำเร็จที่เร็วกว่าเป้าหมาย โดยกูเกิลเคยประกาศไว้ในปี 2020 ว่าบรรจุภัณฑ์สินค้าฮาร์ดแวร์ทั้งหมดจะปลอดพลาสติกในปี 2025

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

Read more    

Figma ชี้แจงสาเหตุที่ฟีเจอร์ช่วยออกแบบด้วย AI ทำแอปออกมาหน้าตาเหมือน Weather ใน iPhone

By arjin Writer on Tag: Figma, Design
Figma

ก่อนหน้านี้ Figma ได้ปิดฟีเจอร์ใหม่ Make Design ที่ช่วยการออกแบบเพียงใส่ Prompt สิ่งที่ต้องการ หลังจากมีคนรายงานว่าเมื่อให้ Make Design ออกแบบแอปรายงานสภาพอากาศ แล้วผลลัพธ์ที่ได้ทุกครั้ง คล้ายกับแอป Weather ใน iPhone

Noah Levin รองประธานฝ่ายออกแบบของ Figma ได้โพสต์เนื้อหาอธิบายเพิ่มเติมถึงสาเหตุของสิ่งที่เกิดขึ้น โดยเริ่มต้นจากอธิบายว่าโมเดล AI ที่ Make Design เรียกใช้งานนั้น ก็เป็นโมเดลที่มีในท้องตลาดอยู่แล้วเช่น GPT-4o ของ OpenAI หรือ Titan ของ Amazon เพื่อช่วยในการวาดรูปภาพหรือเขียนรายละเอียด

Read more    

Duolingo ซื้อกิจการสตูดิโออนิเมชัน Hobbes มาเสริมทีมงานภาพเคลื่อนไหวและคาแรกเตอร์

By arjin Writer on Tag: Duolingo, Acquisition, Design
Duolingo

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

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

Read more   1 comment  

นักออกแบบที่ Meta เผยโลโก้ Threads ที่ออกแบบไว้เป็นตัวเลือก แต่ไม่ได้นำไปใช้จริง

By arjin Writer on Tag: Threads, Design, Logo
Threads

เป็นข่าวเล็ก ๆ ต่อเนื่องจากที่ Threads บริการโซเชียลเน้นตัวหนังสือของ Meta ที่ออกมาหวังแย่งส่วนแบ่งผู้ใช้งานจาก X หรือ Twitter เดิม มีอายุครบ 1 ปี โดยมีจำนวนผู้ใช้งานแบบ MAUs มากกว่า 150 ล้านบัญชี

โดย Jez Burrows นักออกแบบที่ Meta ซึ่งดูแล Instagram และ Threads ด้วย ได้โพสต์โลโก้ของ Threads ที่เขาบอกว่าออกแบบไว้มากกว่า 40 รูปแบบ แต่ในที่สุดก็เลือกโลโก้ที่เห็นอยู่ปัจจุบัน

Read more   5 comments  
Subscribe to Design
Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Doom
public://topics-images/doom_logo.png
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Threads
public://topics-images/threads-app-logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Fortnite
public://topics-images/fortnitelogo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
SCB
public://topics-images/9crhwyxv_400x400.jpg
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
Tinder
public://topics-images/hwizi8ny_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
Gemini
public://topics-images/google_gemini_logo.svg__0.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
NVIDIA
public://topics-images/srvczsfq_400x400.jpg
ServiceNow
public://topics-images/ytnrfphe_400x400.png
PS5
public://topics-images/playstation_5_logo_and_wordmark.svg_.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png