Design

HP เปิดตัวโน้ตบุ๊ก Envy 17 Wood Series แหวกแนวด้วยวัสดุจากไม้แท้ๆ

By mk

on 30 May 2019 - 21:18 Tag: HP, Notebook, Envy, Design

HP เปิดตัวโน้ตบุ๊กที่น่าสนใจในงาน Computex คือ HP Envy 17 Wood Series ที่ใช้วัสดุบริเวณที่รองมือทำจากไม้แท้ๆ

HP Envy 17 ตัวนี้เป็นตัวเดียวกับรุ่นของปี 2019 ที่เริ่มวางขายในเดือนเมษายน 2019 แล้วอัพเกรดซีพียูเป็น Intel Core 10th Gen หรือ Ryzen Mobile 2nd Gen และปรับวัสดุบริเวณที่รองมือและทัชแพดเป็นไม้ มีให้เลือก 3 คู่สีคือ

ดำ Nightfall Black คู่กับไม้วอลนัท (Natural Walnut)
ขาว Ceramic White คู่กับไม้เบิร์ชสีขาว (White Birch)
เงิน Natural Silver คู่กับไม้เบิร์ชสีอ่อน (Pale Birch)

ไมโครซอฟท์ยอมแก้ดีไซน์ไอคอนใหม่ VS Code หลังโดนวิจารณ์ว่าคล้าย Excel

By mk

on 26 May 2019 - 16:11 Tag: Visual Studio Code, Microsoft, Excel, Design

Visual Studio Code

Visual Studio Code เคยมีปัญหาเรื่องไอคอนมาแล้วรอบหนึ่งในปี 2017 ที่เปลี่ยนไอคอนจากสีฟ้าเป็นสีส้ม แต่โดนผู้ใช้ประท้วงจนไมโครซอฟท์ต้องเปลี่ยนกลับเป็นเหมือนเดิม

แต่เมื่อลูกพี่ใหญ่ Visual Studio 2019 เปลี่ยนดีไซน์ไอคอนของตัวเองให้โค้งมนขึ้น กลับมาใช้แสงเงามากขึ้นตาม Fluent ดีไซน์ยุคใหม่ของไมโครซอฟท์ (เหมือนกับไอคอนชุดใหม่ของ Microsoft Office) ก็ทำให้ Visual Studio Code ต้องเปลี่ยนไอคอนตามไปด้วย

เก็บตกงาน Build 2019 ไมโครซอฟท์ขยายการใช้ Fluent Design System ไปยังแพลตฟอร์มอื่นนอกเหนือจาก Windows

By Job_The_Gamer

on 26 May 2019 - 13:09 Tag: Microsoft, Design, Development, Windows 10, Web Application, Android, iOS

Microsoft

ในงาน Build 2019 เมื่อต้นเดือนพฤษภาคม ไมโครซอฟท์ได้ประกาศขยายการใช้งาน Fluent Design System แนวทางการดีไซน์ส่วนติดต่อผู้ใช้ของบริษัท ที่แต่เดิมได้รับการออกแบบมาเพื่อใช้กับ Windows 10 โดยเฉพาะ ให้ครอบคลุมการพัฒนาแอพบนแพลตฟอร์มอื่นๆ ไม่ว่าจะเป็น เว็บ, Android และ iOS

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

Apple ออกเคส iPhone และสาย Apple Watch สีสันสดใสชุดใหม่ ต้อนรับฤดูใบไม้ผลิ

By arjin

on 21 March 2019 - 13:45 Tag: Apple, Design, Apple Watch, iPhone XS

Apple

นอกจากอัพเดต AirPods รุ่นใหม่แล้ว เมื่อวานนี้แอปเปิลก็มีอัพเดตอุปกรณ์เสริมนั่นคือ เคส iPhone และสาย Apple Watch โดยเพิ่มตัวเลือกสีใหม่เข้ามาต้อนรับฤดูใบไม้ผลิในต่างประเทศ

โดยสาย Apple Watch มีการเพิ่มสีใหม่ ได้แก่สีสเปียร์มิ้นต์ สีเดฟต์บลู และสีส้มมะละกอ สำหรับสาย Sport ส่วนสาย Sport Loop มี 4 สีคือ สีสเปียร์มิ้นต์, สีส้มมะละกอ, สีฟ้าเซอรูเลียน และสีไลแลค ส่วนสาย Nike Sport ก็มีอย่างละ 3 สีใหม่ทั้งแบบ Sport และ Sport Loop เช่นกัน

Google Play ประกาศนโยบายไอคอนแอพแบบใหม่ ต้องเป็นสี่เหลี่ยมมุมโค้งเท่านั้น

By mk

on 18 March 2019 - 21:37 Tag: Google Play, Android, icon, Design, Development

Google Play

ปัญหาเล็กๆ น้อยๆ แต่กวนใจของ Android คือไอคอนของแอพที่ไม่เป็นมาตรฐานเดียวกัน บางแอพเป็นสี่เหลี่ยม บางแอพเป็นวงกลม บางแอพเป็นสัญลักษณ์ตามรูปร่างของแบรนด์ บางแอพมีพื้นหลังซ้อนให้อีกชั้น ฯลฯ

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

Slack เปลี่ยนไอคอนมาใช้พื้นหลังสีขาวแทนสีม่วงเดิม เนื่องจากผู้ใช้บอกว่าหาแอปไม่เจอในหน้าโฮม

By arjin

on 27 February 2019 - 15:44 Tag: Slack, Design

Slack

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

Opera Desktop เปิดตัวดีไซน์ใหม่ เน้นความมินิมัล เพิ่ม Dark Theme

By mk

on 15 February 2019 - 15:49 Tag: Opera, Browser, Design

Opera

Opera Desktop เปิดตัวดีไซน์โฉมใหม่ (อีกแล้ว) ในชื่อโค้ดเนมว่า R3 หรือ Reborn 3 โดยจะเริ่มใช้จริงใน Opera 59 (เวอร์ชันล่าสุดตอนนี้คือ 58)

แนวคิดทางการออกแบบของ Reborn 3 คือเว็บเบราว์เซอร์จะเป็นเหมือน "กรอบรูป" (frame) ที่ไม่แย่งความสนใจจากเนื้อหา แนวทางการออกแบบจะดูมินิมัลกว่าของเดิม ลดเส้นแบ่งเส้นคั่นต่างๆ ที่ไม่จำเป็นออกไป

Slack ประกาศรีแบรนด์เปลี่ยนโลโก้ใหม่

By nismod

on 17 January 2019 - 08:53 Tag: Slack, Design, Logo

Slack

Slack แอปสื่อสารภายในองค์กรประกาศรีแบรนด์ใหม่จากเดิมที่เป็นเครื่องหมาย # (pound sign / hashtag) มาเป็นสัญลักษณ์ที่ทรงคล้ายๆ เครื่องหมายบวกแทน (มีคอมเม้นท์เมืองนอกบอกนึกถึงสวัสดิกะด้วยซ้ำ)

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

วนกลับมาที่เดิม เมนูคลิกขวาของ Windows 10 กลับมีเงาอีกครั้ง

By mk

on 20 December 2018 - 09:28 Tag: Windows 10, Design, Microsoft

Windows 10

ไมโครซอฟท์เคยใช้แนวทางออกแบบที่เน้นแสงเงาหนักๆ ในยุค Aero Glass ที่เริ่มใช้กับ Windows Vista (ออกปี 2006) ก่อนฉีกแนวมาสู่ยุคแบนราบไร้แสงเงาตอน Metro ยุค Windows 8 (ปี 2012)

วัฏจักรวนรอบกลับมาสู่ยุคแสงเงาอีกครั้งเมื่อไมโครซอฟท์นำเสนอแนวทางออกแบบ Fluent Design ในปี 2017 และเริ่มนำเข้ามาใส่ใน Windows 10 ทีละส่วน ล่าสุดใน Windows 10 Insider Preview Build 18305 (19H1) เมนูคลิกขวา (context menu) กลับมามีเงาอีกแล้ว!

วิดีโอเพิ่มเติม แสดงชุดไอคอนใหม่ของ Microsoft Office ที่กลับมาเน้นแสงและเงา

By mk

on 13 December 2018 - 10:04 Tag: Microsoft Office, Design, Microsoft

Microsoft Office

เราเห็นข่าว Microsoft รีดีไซน์ไอคอน Office ใหม่ในรอบ 5 ปี เน้นแสงเงาและมิติมากขึ้น กันไปแล้ว ล่าสุดมีวิดีโอจากสตูดิโอออกแบบ Tendril ที่ไมโครซอฟท์จ้างให้ทำวิดีโอเพื่อโชว์ในงาน Ignite Conference ให้เห็นการใช้งานชุดไอคอนใหม่เหล่านี้

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

ไมโครซอฟท์บอกจะนำไอคอนใหม่ของ Office ไปใช้กับซอฟต์แวร์ตัวอื่นๆ ด้วย

By mk

on 2 December 2018 - 08:47 Tag: Microsoft, Design

Microsoft

จากข่าว Microsoft รีดีไซน์ไอคอน Office ใหม่ ย่อมมีคำถามตามมาว่า ไอคอนชุดนี้จะนำไปใช้กับซอฟต์แวร์ตัวอื่นๆ ของไมโครซอฟท์ด้วยหรือไม่ เพราะในคลิปนำเสนอก็มีไอคอนใหม่ของโปรแกรมใน Windows หลายตัว เช่น Photos, Mail, Calculator

เรื่องนี้ Jon Friedman หัวหน้าทีมออกแบบของ Office ตอบคำถามของแฟนๆ ใน Medium ว่าเราจะได้เห็นไอคอนชุดนี้ถูกนำไปใช้กับผลิตภัณฑ์ต่างๆ ของไมโครซอฟท์อย่างแน่นอน

Microsoft รีดีไซน์ไอคอน Office ใหม่ในรอบ 5 ปี เน้นแสงเงาและมิติมากขึ้น

By nutmos

on 30 November 2018 - 06:32 Tag: Microsoft Office, Microsoft, Design

Microsoft Office

Microsoft ได้รีดีไซน์ไอคอนของ Office ใหม่ในรอบ 5 ปี โดยไอคอนใหม่นี้จะเน้นแสงเงาและมิติมากขึ้นกว่าไอคอนรุ่นก่อนหน้านี้

Microsoft ระบุว่า ไอคอนของ Office ปัจจุบันใช้มาตั้งแต่ปี 2013 ซึ่งช่วงที่ผ่านมานี้ Office เปลี่ยนไปมาก ทั้งเร็วขึ้น, เชื่อมต่อได้มากขึ้น, มี AI เข้ามาช่วยทำงาน และอื่น ๆ อีกมาก Microsoft จึงออกแบบไอคอนใหม่เพื่อให้ตอบกับยุคสมัยปัจจุบัน

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

ขาวจังเลย Windows 10 ออกแบบ Light Theme ใหม่ ขาวแม้กระทั่ง Task Bar

By mk

on 15 November 2018 - 09:11 Tag: Windows 10, Design, Microsoft, Operating System

Windows 10

ไมโครซอฟท์ออก Windows 10 Insider Preview Build 18282 ที่มีกำหนดออกช่วงเดือนมีนาคมปีหน้า (19H1) ของใหม่ในรุ่นนี้คือ Light Theme ที่ออกแบบใหม่

Windows 10 มี Light Theme มานานแล้ว แต่มีข้อจำกัดหลายๆ อย่างที่ไม่ได้ใช้สีโทนอ่อนทั้งหมด ที่เห็นได้ชัดเจนคือ Task Bar ที่ยังเป็นสีดำอยู่เสมอ

Light Theme เวอร์ชันใหม่ถูกปรับปรุงให้ใช้สีโทนขาวทุกส่วน ตั้งแต่ Task Bar, Start Menu, Action Center, Touch Keyboard เรียกได้ว่าส่วนที่เคยเป็นสีโทนเข้ม ถูกแปลงเป็นสีโทนขาวใสสไตล์ Acrylic ทั้งหมด นอกจากนี้ไมโครซอฟท์ยังทำภาพพื้นหลังแบบใหม่ที่เป็นหน้าต่างมีแสงส่องแบบเดิม แต่เป็นเวอร์ชัน Light ด้วย

Mailchimp บริษัทอีเมลการตลาด รีแบรนด์และเปลี่ยนโลโก้ใหม่ แต่ลิงยังอยู่เหมือนเดิม

By mk

on 27 September 2018 - 21:31 Tag: Mailchimp, Logo, Design

Mailchimp

Mailchimp บริษัทการตลาดผ่านอีเมลชื่อดัง ประกาศรีแบรนด์ตัวเองใหม่ เปลี่ยนโลโก้ใหม่ แต่ "ลิง" ที่เป็นมาสค็อตของบริษัทยังอยู่เหมือนเดิม

ประเด็นสำคัญที่เปลี่ยนคือการเขียนชื่อบริษัทจากเดิม MailChimp (C ตัวใหญ่) เปลี่ยนมาเป็น Mailchimp (c เล็ก) และเปลี่ยนมาใช้โทนสีเหลืองเป็นสีหลักของบริษัท

Mailchimp ให้เหตุผลว่าตอนก่อตั้งบริษัทในปี 2001 ใช้สัญลักษณ์ลิงชิมแปนซี (Chimp) เป็นตัวแทนของการทำหน้าที่ส่งอีเมลไปยังผู้ใช้งาน แต่ปัจจุบัน บริษัทมีบริการอื่นๆ นอกจากอีเมลด้วย จึงต้องการลดความสำคัญของตัว C ลง นอกจากนี้ยังถือโอกาสปรับแบรนด์ย่อยต่างๆ ของบริการให้ไปในทิศทางเดียวกันด้วย

ถอยสุดซอย ไมโครซอฟท์ปรับหน้าตา Skype กลับเป็นแบบเดิม ถอดฟีเจอร์ Highlights ออก

By mk

on 1 September 2018 - 07:30 Tag: Skype, Microsoft, Design

Skype

หลังจาก Skype อัพเดตจนเปลี่ยนแปลงหน้าตาไปจากเดิมมาก หันมาใช้ UI สีสันสดใสฟรุ้งฟริ้ง และยัดเยียดฟีเจอร์ที่ไม่มีใครต้องการอย่าง Highlights หรือเทียบได้กับ Stories เข้ามา ผลคือโดนถล่มยับจากผู้ใช้เดิม

ล่าสุดไมโครซอฟท์ประกาศถอยสุดซอย ปรับปรุงหน้าตาของ Skype กลับมาใช้โทนสีขาวเรียบๆ แบบของเดิม และกลับมาโฟกัสที่ฟีเจอร์พื้นฐานอย่างการโทรศัพท์และการส่งข้อความ

และแล้วก็มีวันนี้ File Explorer ของ Windows 10 รองรับ Dark Theme แล้ว

By mk

on 9 August 2018 - 15:32 Tag: File Explorer, Windows 10, Microsoft, Design

File Explorer

ในยุคที่ธีมสีมืด (Dark Theme) กำลังได้รับความนิยม ระบบปฏิบัติการอย่าง Windows 10 รองรับธีมสีมืดมาตั้งแต่ Anniversary Update ในปี 2016 แต่ก็ยังมีแอพพลิเคชันบางตัวที่ไม่มีธีมสีเข้มติดมาด้วย โดยเฉพาะ File Explorer ซึ่งเป็นแอพที่ถูกเรียกใช้บ่อยเป็นอันดับต้นๆ

เวลาผ่านมานานถึง 2 ปี ในที่สุดไมโครซอฟท์ก็ออก Dark Theme ให้กับ File Explorer โดยมันจะเป็นส่วนหนึ่งของอัพเดต Redstone 5 (RS5) ช่วงปลายปีนี้

ผู้ที่สนใจทดสอบสามารถลองได้กับ Windows Insider Build 17733 ตัวใหม่ล่าสุดที่เปิดให้อัพเดตแล้ว

ชมผลงานเด็ก 7 ขวบที่ชนะประกวด Google Doodle เป็นรูปวาดไดโนเสาร์

By sunnywalker

on 21 June 2018 - 12:53 Tag: Google, Design

Google

Google จัดงานประกวด Doodle 4 Google ให้เด็กๆ ส่งภาพ ไอเดียสำหรับ Google Doodle หรือการเปลี่ยนโลโก้ของ Google ในโอกาสสำคัญต่างๆ โดยโจทย์การแข่งขันคือ "สิ่งที่สร้างแรงบันดาลใจ"

ผู้ชนะคือ Sarah Gomez-Lane หนูน้อย 7 ขวบจากเวอร์จิเนีย วาดไดโนเสาร์ต่อกันเป็นคำว่า Google โดยแรงบันดาลใจของเธอคือเธออยากเป็นนักบรรพชีวินวิทยา หรือนักศึกษาซากดึกดำบรรพ์ และแน่นอนว่าผลงานของเธอจะขึ้นโฮมเพจในหน้าค้นหาของ Google ด้วย

ไมโครซอฟท์ปรับดีไซน์ Office ครั้งใหญ่ กลับสู่สามัญ ลดขนาด Ribbon เหลือแถวเดียว

By mk

on 13 June 2018 - 22:16 Tag: Microsoft Office, Microsoft, Design, User Interface

Microsoft Office

ไมโครซอฟท์ประกาศปรับเปลี่ยนดีไซน์ UI ของ Microsoft Office ครั้งใหญ่ในรอบหลายปี การเปลี่ยนแปลงสำคัญเกิดขึ้นที่แถบเครื่องมือ Ribbon ที่ใช้มาตั้งแต่ Office 2007 โดยจะลดขนาดของ Ribbon ลงเพื่อเพิ่มพื้นที่แสดงผลบนหน้าจอ

Ribbon แบบใหม่เรียกว่า Simplified Ribbon จะมีพื้นที่เหลือแค่แถวเดียวเหมือนกับทูลบาร์ทั่วไป (จากเดิม 3 แถว) การเปลี่ยนแปลงจะเริ่มกับ Word, Excel, PowerPoint เวอร์ชันเว็บก่อนในวันนี้ (ผู้ใช้บางกลุ่มเริ่มได้ใช้แล้ว) จากนั้นจะตามมายัง Outlook for Windows ในเดือนกรกฎาคม

กูเกิลเปิดตัว Material Theming ภาคต่อของ Material Design แต่ยืดหยุ่นกว่าเดิม

By mk

on 9 May 2018 - 04:07 Tag: Material Design, Google, Design

Material Design

ก่อนหน้านี้มีข่าวหลุดของ Material Design 2 เวอร์ชันอัพเกรดของ Material Design ที่เปิดตัวในปี 2014

วันนี้กูเกิลเปิดตัวดีไซน์แบบใหม่อย่างเป็นทางการ ในชื่อว่า Material Theming

กูเกิลระบุว่า Material Design ได้รับการตอบรับจากนักพัฒนาเป็นอย่างดี แต่ก็มีเสียงวิจารณ์ว่าแอพที่ออกแบบตาม Material Design หน้าตาดูคล้ายกันไปหมด กูเกิลจึงพัฒนา Material Theming ขึ้นมาเพื่อแก้ปัญหานี้

IBM สร้างฟอนต์ใหม่ IBM Plex สะท้อนแบรนด์ของบริษัท เปิดเป็นโอเพนซอร์สด้วย

By mk

on 19 November 2017 - 12:14 Tag: IBM, Font, Design, Open Source

IBM

IBM เปิดตัวฟอนต์ใหม่ที่จะใข้เป็นฟอนต์อย่างเป็นทางการของบริษัท แทนที่ฟอนต์ Helvetica Neue ที่ใช้มานานหลายสิบปี

Todd Simmons ผู้บริหารฝ่ายดีไซน์ของ IBM ระบุว่าต้องการสร้างการจดจำ ว่าถ้าหากปิดโลโก้ IBM แล้วดูแต่ฟอนต์ในเอกสาร เราจะยังแยกได้ไหมว่าเป็นเอกสารของ IBM ในเมื่อ Helvetica เป็นฟอนต์ที่ใช้กันทั่วไปในสารพัดแบรนด์

ฟอนต์ IBM Plex ถูกออกแบบโดยบริษัท Bold Monday จากเนเธอร์แลนด์ ภายใต้แนวคิดสะท้อนถึงรากเหง้าของบริษัท แต่ก็ต้องการแสดงให้เห็นการก้าวไปยังอนาคต ฟอนต์มีทั้งส่วนที่เป็นเส้นแข็ง แสดงถึงวิศวกรรม และเส้นโค้งที่สะท้อนความเป็นมนุษย์ (half man, half machine)

Subscribe to Design