Design

เปิดตัว Start Menu ดีไซน์ใหม่ ไม่มีพื้นหลังใน Tiles เปลี่ยนเป็นสีโปร่งใส ปรับตามธีม

By mk

on 2 July 2020 - 07:51 Tag: Windows 10, Microsoft, Design, Operating System

Windows 10

ไมโครซอฟท์ออก Windows 10 Insider Preview Build 20161 ในรุ่นทดสอบ Dev Channel มีการเปลี่ยนแปลงสำคัญคือ Start Menu โฉมใหม่ที่เคยโชว์มาก่อนหน้านี้

Start Menu แบบใหม่ปรับมาใช้แนวทางดีไซน์ Fluent Design ยุคใหม่ และตัดสีพื้นหลังของช่อง Tiles ออกไป เปลี่ยนเป็นสีเกือบโปร่งใส (partially transparent) ที่ปรับตามธีม dark/light แทน

หากผู้ใช้งานต้องการสีสันสดใสขึ้น สามารถเปิดตัวเลือก accent color on the following surfaces ให้ Start Menu เปลี่ยนโทนสีตามสีของธีมได้ด้วยเช่นกัน (สีชมพูตามภาพ)

ไมโครซอฟท์ขยาย Fluent UI มายัง React Native, เตรียมออกปลั๊กอินให้ดีไซเนอร์บน Figma

By mk

on 17 May 2020 - 21:17 Tag: Microsoft, Design, React, Figma

Microsoft

ไมโครซอฟท์เปิดตัว Fluent Design ตั้งแต่ปี 2017 และเริ่มนำมาใช้งานในแอพของตัวเองมากขึ้นเรื่อยๆ โดยเฉพาะในรอบปีที่ผ่านมา

ไมโครซอฟท์-กูเกิล ร่วมออกแบบหน้าตาฟอร์มบนเว็บใหม่ ใช้ได้ทั้ง Edge และ Chrome

By mk

on 4 April 2020 - 16:19 Tag: Chromium, Browser, Design, Microsoft Edge, Chrome, Google, Microsoft

Chromium

โครงการ Chromium ประกาศปรับดีไซน์ของ "ฟอร์ม" บนหน้าเว็บ (ปุ่ม ตัวเลือก แถบเลื่อน ฯลฯ) ที่เดิมสไตล์ต่างกันคนละทิศทาง ให้ดูเป็นไปในแนวทางเดียวกันมากขึ้น

โครงการนี้เป็นความร่วมมือระหว่างทีม Google Chrome และ Microsoft Edge มาช่วยกันออกแบบ โดยตั้งใจให้ดีไซน์ใหม่เป็นสากลมากขึ้น ใช้ได้กับทุกระบบปฏิบัติการ มีความแบนราบ (flat) ตามสมัยนิยม ลดการไล่สี (gradient) จากโลกยุคก่อนลงมา

ไมโครซอฟท์ทดสอบโลโก้ใหม่ Bing โค้งมนกว่าเดิม ตามแนวทาง Fluent Design

By mk

on 2 April 2020 - 13:43 Tag: Bing, Microsoft, Logo, Design

Bing

มีผู้ใช้ Bing บางรายในสหรัฐ ค้นพบว่าไมโครซอฟท์เริ่มทดสอบโลโก้ใหม่ของ Bing ที่ปรับใหม่ตามแนวทาง Fluent Design ให้โค้งมน เล่นแสงเงามากขึ้น คล้ายกับโลโก้ใหม่ของ Microsoft Office มากขึ้น

ไมโครซอฟท์ยังไม่ประกาศเรื่องการเปลี่ยนแปลงของโลโก้ Bing อย่างเป็นทางการ

ที่มา - Thurrott

ไมโครซอฟท์โชว์ Start Menu ดีไซน์ใหม่เข้าชุดไอคอนใหม่ ไม่มีสีพื้นหลังใน Tiles อีกแล้ว

By mk

on 4 March 2020 - 10:02 Tag: Windows 10, Microsoft, Design

Windows 10

ทีมออกแบบของไมโครซอฟท์โชว์ภาพดีไซน์ Start Menu เวอร์ชันใหม่ ที่ไม่มีสีพื้นหลังแบบสมัย Windows 8 อีกแล้ว

ไมโครซอฟท์แชร์เรื่องนี้ในสตรีม Windows Insiders บน Mixer โดยบอกว่าหลังจากเริ่มอัพเดตไอคอนใหม่ของ Windows 10 ก็ได้เวลาหาแนวทางใหม่ๆ สำหรับ Start Menu ให้เข้าชุดกัน

Microsoft เผยโฉมไอคอนใหม่บน Windows 10 เน้นสีและเงามากขึ้นตาม Fluent Design

By nutmos

on 21 February 2020 - 06:31 Tag: Windows 10, Microsoft, Design

Windows 10

Microsoft เปิดตัวไอคอนดีไซน์ใหม่ของ Windows 10 อย่างเป็นทางการทั้งระบบ โดยแนวคิดของการดีไซน์ใหม่นี้จะฉีกแนวออกไปจากเดิมที่เป็น flat design

สำหรับแนวคิดของ Microsoft ในการออกแบบไอคอนใหม่ครั้งนี้คือจะเน้นสีและ context ของไอคอนมากขึ้นตามสไตล์ของ Fluent Design Language ลักษณะเดียวกับฝั่ง Office ที่ทยอยเปลี่ยนไอคอนไปแล้ว และต้องการให้ไอคอนโดดเด่นมากขึ้น เพราะปัจจุบันแอปของ Microsoft เริ่มมีบทบาทบนแพลตฟอร์ม third-party มากขึ้น

ไมโครซอฟท์เผยไอคอนตามแนวทาง Fluent Design กว่า 100 แบบ เตรียมใช้ในเร็วๆ นี้

By mk

on 14 December 2019 - 22:46 Tag: Microsoft, Design

Microsoft

บล็อก Microsoft Design เผยภาพไอคอนชุดใหม่ของไมโครซอฟท์กว่า 100 ตัวที่จะใช้กับแอพในตระกูล Windows/Office ในเร็วๆ นี้ โดยเป็นส่วนหนึ่งของแนวทางออกแบบ Fluent Design System ที่เปิดตัวไปแล้ว

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

ไมโครซอฟท์เปิดตัวระบบดีไซน์ Fluent บน Android/iOS, เปิดให้นักพัฒนาอื่นใช้งานด้วย

By mk

on 9 December 2019 - 15:49 Tag: Microsoft, Design, Mobile App, Development

Microsoft

ไมโครซอฟท์เปิดตัวระบบการดีไซน์ของตัวเองชื่อ Fluent Design System มาตั้งแต่ปี 2017 โดยเน้นใช้งานบน Windows 10 เป็นหลัก แต่หลังไมโครซอฟท์ถอนตัวจากตลาดมือถือ หันมาเน้นทำแอพอย่างเดียว ก็ประกาศว่าจะขยาย Fluent มายังอุปกรณ์พกพาด้วย

สัปดาห์นี้ไมโครซอฟท์เปิดตัว Fluent Design อย่างเป็นทางการ โดยนำมาใช้กับแอพมือถือของไมโครซอฟท์ทุกตัว ที่เริ่มใช้แล้วในตอนนี้คือ Outlook, OneDrive, Word, Excel, PowerPoint และประกาศว่าจะใช้กับ Teams, Yammer, Planner ในเร็วๆ นี้ด้วย

Facebook เปิดตัวโลโก้ใหม่ของบริษัท แยกแบรนด์ของบริษัทให้แตกต่างจากแอพ

By mk

on 4 November 2019 - 23:38 Tag: Facebook, Logo, Design

Facebook

Facebook ประกาศเปิดตัวโลโก้ใหม่ของบริษัท เพื่อแยกแบรนด์ของบริษัท Facebook Inc. ออกจากแบรนด์ของแอพ/ผลิตภัณฑ์โซเชียล โดยดีไซน์ใหม่เป็นการเขียนคำว่า FACEBOOK ด้วยตัวพิมพ์ใหญ่ทั้งหมด แทนคำว่า facebook ที่เราคุ้นเคยมาตลอด

ตัวโลโก้ Facebook อันเดิมยังคงอยู่ แต่จะใช้กับแอพโซเชียล Facebook เท่านั้น ส่วนโลโก้ใหม่ที่เป็นแบรนด์ของบริษัท จะปรากฏตัวในบริการอื่นๆ ในสังกัดทั้งหมด ได้แก่ Messenger, Instagram, WhatsApp, Oculus, Workplace, Portal, Calibra ที่จะเพิ่มคำว่า "From Facebook" พร้อมโลโก้ใหม่เข้ามาด้วย

Google Maps ปรับการแสดงหมุดแลนด์มาร์กที่มีชื่อเสียง เป็นรูปไอคอนเฉพาะสถานที่นั้น ๆ

By arjin

on 2 November 2019 - 20:16 Tag: Google Maps, Design

Google Maps

Google Maps ปรับการแสดงไอคอนสถานที่สำคัญ (แลนด์มาร์ก) ของแต่ละเมือง จากเดิมเป็นหมุดสีต่าง ๆ พร้อมไอคอนเพื่อบอกหมวดหมู่สถานที่นั้น มาเป็นไอคอนที่แสดงลักษณะโดยเฉพาะมากขึ้น เช่นหอนาฬิกา Big Ben ที่ลอนดอน ก็เป็นไอคอนรูปที่เป็นลักษณะเฉพาะของ Big Ben เลย

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

ไอคอนสถานที่สำคัญของเมืองตอนนี้เริ่มแสดงผลแล้วใน Google Maps เวอร์ชันสมาร์ทโฟน

ไม่บอกคงไม่สังเกต Twitch ปรับแบรนด์ใหม่ เปลี่ยนโลโก้เล็กน้อย ใช้สีม่วงสว่างกว่าเดิม

By mk

on 27 September 2019 - 10:05 Tag: Twitch, Logo, Design

Twitch

Twitch ประกาศเปลี่ยนโลโก้จากเดิมเล็กน้อย โดยโครงสร้างหลักๆ ของโลโก้ยังคงเดิม (ไม่บอกอาจไม่รู้ว่าเปลี่ยน) แต่ปรับช่องว่างระหว่างตัวอักษรใหม่ให้ชิดกันกว่าเดิม ปรับมุมเฉียงของตัว w ให้ไปในทิศเดียวกับตัว t และ c (ของเดิมหันคนละข้าง)

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

ซัมซุงเปิดตัวตู้เย็น BESPOKE ดีไซน์คล้ายตู้เสื้อผ้า ผู้ใช้ปรับแต่งสีและวัสดุเองได้

By sunnywalker

on 2 September 2019 - 14:26 Tag: Samsung, Design, IFA

Samsung

เครื่องใช้ไฟฟ้าใช้งานได้ดีนั้นไม่เพียงพออีกต่อไป แต่ต้องดีไซน์สวยเข้ากับการออกแบบภายในห้องครัว ล่าสุดในงาน IFA ที่เบอร์ลิน ซัมซุงเปิดตัวตู้เย็นใหม่ในซีรีส์ BESPOKE มาพร้อมสีสันสดใส ที่ผู้ใช้งานสามารถเลือกปรับแต่งได้ จากรูปภาพดูภายนอกไม่เหมือนตู้เย็น แต่เหมือนตู้เสื้อผ้าดีไซน์สวยมากกว่า

ซัมซุงระบุว่า กลุ่มผลิตภัณฑ์ตู้เย็นในซีรีส์ BESPOKE จะมีแยกย่อยออกเป็น 8 แบบ ตั้งแต่ 1-4 ประตู ผู้ใช้เลือกได้ว่าจะให้ออกแบบในลักษณะไหน นอกจากนี้ยังสามารถเลือกวัสดุตรงแผงควบคุมด้านหน้าได้เอง มี 3 วัสดุให้เลือกคือ โลหะ Cotta ซึ่งประกอบด้วยสี Charcoal, White และ Mint วัสดุที่ 2 คือ Satin Glass มาพร้อมสี Gray, Navy, Coral และ Yellow วัสดุที่ 3 คือ Glam glass มีความแวววาว มาพร้อมสีขาวและชมพู

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

By mk

on 22 August 2019 - 08:40 Tag: Google Play, Material Design, Design, Google, Mobile App, Android

Google Play

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

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

Jony Ive ยื่นจดเครื่องหมายการค้า LoveFrom Jony บริษัทดีไซน์ของตัวเอง

By nismod

on 26 July 2019 - 14:53 Tag: Jonathan Ive, Design

Jonathan Ive

ต่อเนื่องจากปลายเดือนที่แล้ว Jonathan Ive หัวหน้าฝ่ายดีไซน์แอปเปิลประกาศลาออกไปตั้งบริษัทดีไซน์อิสระของตัวเองในชื่อ LoveFrom

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

โฉมใหม่ Twitter.com เวอร์ชันเว็บ ปรับหน้าตาใหม่ ล็อกอินหลายบัญชีพร้อมกันได้แล้ว

By mk

on 16 July 2019 - 06:30 Tag: Twitter, Design, Web Application

Twitter

Twitter.com เวอร์ชันเว็บ เริ่มทดสอบอินเทอร์เฟซแบบใหม่มาตั้งแต่ต้นปี หลังจากเก็บความเห็นของผู้ใช้มาปรับปรุงเป็นเวลาครึ่งปี วันนี้ Twitter เริ่มทยอยเปิดใช้งานจริงแล้ว (ถ้ายังไม่เปลี่ยนเป็นตัวใหม่ สามารถกดลองใช้เวอร์ชันใหม่เองได้)

หน้าตาของ Twitter.com เวอร์ชันใหม่ล่าสุด แตกต่างจากเวอร์ชันที่ทดสอบเมื่อต้นปีอยู่บ้าง โดยยังใช้อินเทอร์เฟซแบบ 3 คอลัมน์เหมือนเดิม (รุ่นทดสอบเป็น 2 คอลัมน์) โดยย้ายปุ่มเมนูด้านบนมาไว้ที่คอลัมน์ด้านซ้ายมือ และนำฟีเจอร์ที่เคยแอบๆ ไว้อย่าง Bookmarks, Lists, Profiles เข้ามารวมอยู่ในเมนูเดียวกันด้วย

[Bloomberg] Jonathan Ive ลดบทบาทงานใน Apple มาหลายปีแล้ว, สินค้าตัวสุดท้ายที่ร่วมออกแบบคือ Apple Watch

By arjin

on 29 June 2019 - 07:03 Tag: Jonathan Ive, Apple, Design, Apple Watch

Jonathan Ive

มีประเด็นน่าสนใจหลายอย่างหลังการประกาศลาออกของ Jonathan Ive หัวหน้าฝ่ายออกแบบของแอปเปิล โดยรายงานของ Mark Gurman แห่งสำนักข่าว Bloomberg บอกว่า การลาออกของ Ive นั้น ไม่ได้เกิดขึ้นกะทันหัน แต่มีการวางแผนเพื่อรองรับเรื่องนี้กันนานหลายปีแล้ว

Jonathan Ive ประกาศลาออกจากแอปเปิล ไปตั้งบริษัทออกแบบของตัวเอง LoveFrom

By mk

on 28 June 2019 - 06:42 Tag: Jonathan Ive, Apple, Design

Jonathan Ive

Jonathan Ive หัวหน้าฝ่ายออกแบบของแอปเปิล ประกาศจะลาออกจากบริษัทในปีนี้ โดยเขาจะไปตั้งบริษัทออกแบบใหม่ชื่อ LoveFrom และยังทำงานให้แอปเปิลต่อไป แต่เปลี่ยนสถานะมาเป็นลูกค้าของบริษัทแทน

Tim Cook ออกแถลงการณ์ในเรื่องนี้ว่า Ive ถือเป็นบุคคลสำคัญในโลกของการออกแบบ และเป็นผู้มีบทบาทสำคัญในการพลิกฟื้นแอปเปิลขึ้นมาอีกครั้ง เขามีผลงานมากมายตั้งแต่การออกแบบ iMac มาจนถึง iPhone และสำนักงานใหญ่แห่งใหม่ Apple Park

Windows Terminal ได้ไอคอนใหม่ ใช้ดีไซน์เดียวกับไอคอนใหม่ของ Office

By mk

on 19 June 2019 - 09:17 Tag: Windows Terminal, Microsoft, Windows 10, Design

Windows Terminal

ไมโครซอฟท์เพิ่งประกาศยกเครื่อง Windows Terminal ครั้งใหญ่ไปเมื่อเดือนที่แล้ว เพิ่มฟีเจอร์ใหม่ๆ อย่างระบบธีมและส่วนขยาย, รองรับการเปิดหลายแท็บ รองรับ Unicode

ล่าสุดทีมงานไมโครซอฟท์ยังโพสต์ภาพไอคอนใหม่ของ Windows Terminal ให้ดูกัน โดยเป็นไอคอนที่ใช้แนวทางออกแบบ Fluent Design ลักษณะเดียวกับไอคอนใหม่ของ Microsoft Office ที่เริ่มใช้ให้เห็นกันแล้ว

ไทยรัฐออนไลน์ ประกาศรีแบรนด์ใหม่ เปลี่ยนโลโก้ใหม่ ปรับโฉมหน้าเว็บ

By mk

on 18 June 2019 - 11:18 Tag: News, Thailand, Design

News

ถือเป็นอีกหนึ่งความเคลื่อนไหวของวงการสื่อบ้านเรา เมื่อหนังสือพิมพ์ยักษ์ใหญ่ "ไทยรัฐ" ประกาศรีแบรนด์เว็บไซต์ "ไทยรัฐออนไลน์" (www.thairath.co.th) ใหม่ และเปลี่ยนโลโก้ใหม่เป็นตัว T ที่แตกต่างจากโลโก้เดิมของไทยรัฐฉบับหนังสือพิมพ์

หน้าเว็บของไทยรัฐออนไลน์ ยังปรับโฉมใหม่บางส่วนให้ดูสะอาดขึ้นกว่าเดิมด้วย ส่วนตัวโลโก้ใหม่ก็เริ่มใช้กับช่องทางโซเชียลต่างๆ แล้ว เช่น Twitter @Thairath_News และ Facebook

Mozilla เปิดตัวโลโก้ใหม่ของผลิตภัณฑ์ในกลุ่ม Firefox พร้อมยกระดับ Firefox เป็นแบรนด์ที่ไม่ใช่แค่เบราว์เซอร์

By nutmos

on 12 June 2019 - 22:32 Tag: Firefox, Mozilla, Design

Firefox

หลังจากที่ Mozilla โชว์ไอคอนแบรนด์ Firefox รวมถึงผลิตภัณฑ์ในเครือทั้งชุด เพื่อรอเสียงตอบรับจากผู้ใช้ ผ่านมาแล้วเกือบปี วันนี้ Mozilla ได้เปิดตัวโลโก้ฉบับปรับปรุงใหม่ของแบรนด์ Firefox อย่างเป็นทางการ พร้อมกับการปรับให้ Firefox เป็นแบรนด์หลัก (parent brand) ที่สื่อถึงผลิตภัณฑ์ในกลุ่มทั้งหมด ส่วนเบราว์เซอร์จะใช้ชื่อว่า Firefox Browser

การอัพเดตครั้งนี้ไม่ใช่แค่ไอคอน แต่ Mozilla ได้เปิดตัวระบบดีไซน์ของ Firefox ทั้งสี, รูปทรง, ตัวอักษร เพื่อให้การออกแบบภายในแบรนด์เป็นไปในทิศทางเดียวกัน

Subscribe to Design