Design

Wikipedia ปรับหน้าเว็บครั้งแรกในรอบ 12 ปี โลโก้เล็กลง อ่านง่ายขึ้น บรรทัดไม่ยาวเท่าเดิม

By mk

on 19 January 2023 - 10:16 Tag: Wikipedia, Design

Wikipedia

Wikipedia ปรับดีไซน์หน้าเว็บเวอร์ชันเดสก์ท็อปเป็นครั้งแรกในรอบ 12 ปี (ปรับครั้งสุดท้ายปี 2011) การเปลี่ยนแปลงที่เห็นได้ชัดเจนคือหน้าตาสะอาดขึ้น ไอคอนลูกโลกมีขนาดเล็กลง แถบ sidebar ข้างซ้ายกินพื้นที่มากกว่าเดิม ตัวเนื้อหาบทความขยับมาอยู่ตรงกลางหน้าจอมากขึ้น

เหตุผลที่แถบด้านซ้ายมือขยายใหญ่ขึ้น เพราะมันกลายเป็บแถบ navigate แสดงโครงสร้างของเนื้อหาส่วนต่างๆ ในบทความแทน (ของเดิมอยู่รวมกับหน้าบทความ) ส่วนรายการบทความเดียวกันในภาษาอื่นๆ ที่เคยอยู่ในแถบ sidebar กลายมาเป็นเมนูแบบ drop-down ที่มุมขวาบนของบทความแทน

ปัญหา Apple ตอนนี้ - ยังหาคนมาแทน Jony Ive ไม่ได้ - ทางเลือกที่มีก็ยังไม่ดีมากนัก

By arjin

on 9 November 2022 - 07:56 Tag: Apple, Design, Management, Jonathan Ive

Apple

มีรายงานล่าสุดจาก Mark Gurman แห่ง Bloomberg พูดถึงปัญหาการหาหัวหน้าฝ่ายออกแบบผลิตภัณฑ์คนใหม่ของแอปเปิล เพื่อมาแทนที่ Jonathan Ive นักออกแบบที่มีประวัติยาวนานกับบริษัท ซึ่งลาออกไปตั้งแต่ปี 2019 ซึ่งข้อมูลเผยว่าทีมงานเดิมที่ทำงานกับ Ive ก็ทยอยลาออกจากแอปเปิลด้วย หลายคนไปทำงานที่บริษัทอื่น แต่อีกหลายคนก็ย้ายไปอยู่ที่ LoveFrom บริษัทการออกแบบของ Ive

[ไม่ยืนยัน] กระทรวงยุติธรรมสหรัฐฯ เตรียมสอบสวนดีล Adobe ซื้อ Figma ส่อผูกขาดหรือไม่

By Augustine

on 3 November 2022 - 19:31 Tag: Adobe, Figma, Acquisition, Design, Department of Justice, DoJ

Adobe

แหล่งข่าวของ POLITICO และเอกสารระบุว่า กระทรวงยุติธรรมสหรัฐฯ (Department of Justice - DOJ) กำลังเตรียมสอบสวนเชิงลึกกรณีที่ Adobe ซื้อ Figma ด้วยมูลค่า 20,000 ล้านเหรียญสหรัฐฯ ว่าเป็นการผูกขาดการค้าของฝั่งบริษัทพัฒนาซอฟต์แวร์ออกแบบหรือไม่

กูเกิลเปลี่ยนไอคอนแอพ Phone, Messages, Contacts เป็นสีน้ำเงินทั้งชุด

By mk

on 31 October 2022 - 08:43 Tag: Google Messages, Google, Android, Design, Mobile App

Google Messages

กูเกิลอัพเดตไอคอนของแอพกลุ่มโทรศัพท์ของตัวเอง ได้แก่ Phone, Messages, Contacts เป็นไอคอนแบบใหม่สีน้ำเงิน-ฟ้า เล่นสไตล์ภาพสีซ้อนเหลื่อมกัน ลักษณะคล้ายกับไอคอนชุดใหม่ของแอพกลุ่ม Google Workspace ที่เปลี่ยนไปแล้วตั้งแต่ปี 2020

ตอนนี้หน้าตาไอคอนใหม่แสดงบน Google Play Store แล้ว ส่วนไอคอนแอพบนมือถือยังเปลี่ยนเฉพาะผู้ใช้งานกลุ่ม Beta และน่าจะทยอยเปลี่ยนในวงกว้างอีกไม่นาน

Twitter ปรับดีไซน์ไอคอนในหน้าเว็บ-แอพใหม่ ใช้เส้นหนาขึ้น รูปทรงมีสไตล์มากขึ้น

By mk

on 22 October 2022 - 15:41 Tag: Twitter, Design

Twitter

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

บัญชี @TwitterDesign อธิบายเรื่องนี้ว่า เริ่มกระบวนการออกแบบ Twitter ดีไซน์ใหม่มาตั้งแต่กลางปี 2021 แต่จะทยอยเปลี่ยนดีไซน์ทีละส่วน ซึ่งรอบนี้เปลี่ยนไอคอนใหม่ให้เส้นหนาขึ้น มีสไตล์ชัดเจนขึ้น

Evans Hankey หัวหน้าฝ่ายดีไซน์ฮาร์ดแวร์แอปเปิล (ผู้สืบทอด Jony Ive) ลาออกแล้ว

By mk

on 22 October 2022 - 07:05 Tag: Apple, Design, Hardware

Apple

Evans Hankey ผู้บริหารฝ่ายดีไซน์ฮาร์ดแวร์ (VP of Industrial Design) ของแอปเปิล ที่สืบทอดตำแหน่งของ Jonathan Ive ในปี 2019 ลาออกจากบริษัทหลังทำงานในตำแหน่งนี้มาได้ 3 ปี

แอปเปิลประกาศข่าวนี้เป็นการภายในแล้ว แต่ยังไม่ได้แต่งตั้งใครขึ้นมาแทนในตอนนี้

ผู้สืบทอดของ Ive ยังมีอีกคนคือ Alan Dye (VP of Human Interface Design) ที่เน้นเรื่องซอฟต์แวร์ และยังทำงานกับบริษัทต่อไปตามปกติ

ที่มา - Bloomberg

รวมมิตรวาทะ Google พูดถึง Apple เรื่องนวัตกรรม จากงานเปิดตัว Pixel 7

By arjin

on 8 October 2022 - 12:34 Tag: Google Pixel 7, Google, Design, Apple

Google Pixel 7

ในงาน Made by Google '22 ที่กูเกิลเปิดตัว Pixel 7 และ Pixel Watch ผลิตภัณฑ์ใหม่ล่าสุด มีประเด็นน่าสนใจหลายอย่างในคีย์โน้ต ที่ผู้บริหารของกูเกิลพูดถึงคู่แข่งรายหนึ่ง ซึ่งก็หนีไม่พ้นแอปเปิล ในแง่ถ้าว่ากันที่นวัตกรรม จริง ๆ กูเกิลทำนำหน้าไปมากกว่าแล้ว

Karisa Langlo แห่ง CNET รวบรวมช่วงตอนต่าง ๆ จากในงานมาไว้ดังนี้

Realme จัดประกวดออกแบบ "Island ในฝัน" เพื่อนำมาเป็นไอเดียพัฒนา UI ในอนาคต

By arjin

on 21 September 2022 - 06:28 Tag: Realme, Design, UI

Realme

ดูเหมือนว่าคุณสมบัติ Dynamic Island ที่เล่นกับการแสดงข้อมูล บริเวณพื้นที่รอยบากกล้องหน้าของ iPhone 14 Pro จะเป็นที่สนใจโดยเฉพาะจากผู้ผลิตสมาร์ทโฟนค่าย Android ล่าสุด Realme เลยประกาศจัดการประกวดเสียเลย

Adobe เข้าซื้อกิจการ Figma มูลค่าดีล 7.4 แสนล้านบาท

By arjin

on 15 September 2022 - 19:54 Tag: Figma, Adobe, Acquisition, Design

Figma

Adobe ประกาศซื้อกิจการ Figma เครื่องมือสำหรับออกแบบ UI/UX ชื่อดัง มูลค่าดีลราว 20,000 ล้านดอลลาร์ โดยจ่ายเป็นเงินสดและหุ้นของ Adobe อย่างละครึ่ง

Shantanu Narayen ซีอีโอ Adobe กล่าวว่าทั้ง Adobe และ Figma ต่างมีเป้าหมายพัฒนาเครื่องมือสำหรับโลกดิจิทัลในยุคถัดไป ทั้งงานออกแบบ งานสร้างสรรค์ ตลอดจนงานสำหรับนักพัฒนา การรวมกิจการเข้าด้วยกัน จะช่วยเสริมการเติบโตทั้งด้านนวัตกรรมและฐานผู้ใช้งาน

ผู้กำกับ Super Smash Bros. ควักเงินเปิดช่อง YouTube เล่าเรื่องแชร์ความรู้การพัฒนาเกม

By ตะโร่งโต้ง

on 24 August 2022 - 21:24 Tag: YouTube, Games, Developer, Design

YouTube

Masahiro Sakurai ผู้กำกับเกมดัง "Super Smash Bros." เปิดช่อง YouTube ส่วนตัวในชื่อ "Masahiro Sakurai on Creating Games" เพื่อแชร์เรื่องราววงการเกมและแนะนำให้ความรู้เรื่องการพัฒนาเกม

ผู้กำกับวัย 52 ปีรายนี้เป็นที่รู้จักกันดีจากผลงานเกมตระกูล "Super Smash Bros." และ "Kirby" ด้วยการคร่ำหวอดในวงการมานาน 30 ปีนับตั้งแต่ "Kirby's Dream Land" ผลงานเกมแรกที่เจ้าตัวรับหน้าที่เป็นทั้งผู้กำกับและผู้ออกแบบเกมออกมาเมื่อปี 1992 และทำงานพัฒนาเกมมาจนถึงปัจจุบันร่วม 14 เกม นั่นย่อมการันตีได้ถึงประสบการณ์อันโชกโชน

Microsoft ประกาศโอเพนซอร์ส Emoji 3D บน Figma, GitHub ให้ผู้สร้างสรรค์นำไปต่อยอดได้

By arjin

on 11 August 2022 - 07:03 Tag: Microsoft, Design, Emoji, Open Source

Microsoft

ไมโครซอฟท์ประกาศโอเพนซอร์ส อีโมจิ 3D ซึ่งมีทั้งหมด 1,538 รายการ โดยครีเอเตอร์สามารถนำไปผสมหรือสร้างสรรค์ต่อยอดได้

รายละเอียดงานทั้งหมดสามารถดาวน์โหลดได้ที่ Figma หรือที่ GitHub

สีเหลือง Cyberpunk 2077 ได้แรงบันดาลใจในการออกแบบจากโค้กขวดแก้ว

By tangsiri

on 28 May 2022 - 12:39 Tag: Cyberpunk 2077, Design

Cyberpunk 2077

Michał Janiszewski หัวหน้าฝ่ายทัศนศิลป์ของเกม Cyberpunk 2077 เปิดเผยภายในงานสัมมนาเกี่ยวกับเกม Digital Dragons ว่า ที่มาของการใช้สีเหลืองเป็นสีธีมของเกม Cyberpunk 2077 ทางทีมงานได้แรงบันดาลใจมากจากรูปลักษณ์ และการออกแบบของ โค้กขวดแก้ว

อาจจะงง ๆ ว่าโค้กขวดแก้ว กับสีเหลือง Cyberpunk 2077 มันเกี่ยวอะไรกัน แต่หัวหน้าฝ่ายทัศนศิลป์ของเกมนี้อธิบายไว้อย่างน่าสนใจว่า โค้กขวดแก้วมีเอกลักษณ์เป็นของตัวเอง ถึงจะไม่แปะยี่ห้อ หรือใส่สีใด ๆ เวลาคนมองเห็นก็จะรู้ว่ามันคือขวดของโค้ก ซึ่งทีมศิลป์ของ Cyberpunk 2077 อยากให้เรื่องนี้เกิดขึ้นกับตัวเกมบ้าง

กูเกิลเผยวิทยาศาสตร์ของสี เบื้องหลังระบบธีม Material You, สร้างระบบสีใหม่ HCT ขึ้นมาใช้

By mk

on 20 February 2022 - 16:49 Tag: Material Design, Google, Design, Android 12, Open Source

Material Design

ฟีเจอร์ใหม่ที่สำคัญของ Android 12 คือระบบธีม Material You ที่มีระบบสีไดนามิก Dynamic Color สามารถสกัดสีจากภาพพื้นหลังมาเป็นธีมสีได้

ล่าสุดกูเกิลเปิดซอร์สของอัลกอริทึม Dynamic Color เป็นไลบรารีให้ใช้กันในชื่อ Material Color Utilities (เบื้องต้นมีไลบรารีของภาษา Dart, Java, TypeScript แต่จะมี C/C++ และ Objective-C ตามมา) พร้อมอธิบายแนวคิดเบื้องหลัง ที่ถึงขั้นกูเกิลต้องประดิษฐ์ระบบค่าสีขึ้นมาใหม่เลยทีเดียว

Chrome ปรับดีไซน์ไอคอนครั้งแรกในรอบ 8 ปี เอาเงา Gradient ออก ใช้สีสดขึ้น

By mk

on 6 February 2022 - 08:54 Tag: Chrome, Design, Google, Browser

Chrome

Elvin Hu ทีมออกแบบของ Chrome โพสต์อัพเดตผ่านทวิตเตอร์ ว่ากูเกิลปรับดีไซน์ของไอคอน Chrome ใหม่ครั้งแรกในรอบ 8 ปี โดยดูเผินๆ แล้วอาจไม่เห็นความแตกต่าง สิ่งที่เปลี่ยนแปลงคือเอาเงาสีเข้มออก เปลี่ยนเป็นสีแบบ flat แทน ปรับสีให้สดขึ้นเหมือนไอคอนอื่นของกูเกิล และปรับสัดส่วนภาพเล็กน้อย

Gmail เปลี่ยนมาใช้ปุ่ม Compose ขนาดใหญ่แบบเดิม สำหรับเวอร์ชันบนเว็บ

By arjin

on 30 October 2021 - 20:05 Tag: Gmail, Google Workspace, Design

Gmail

กูเกิลประกาศปรับรายละเอียดของ Gmail เวอร์ชันบนเว็บ โดยปุ่มเขียนอีเมลหรือ Compose ซึ่งเดิมปรับเป็นไอคอนรูปปากกาขนาดเล็กเมื่อต้นปี จะกลับมาใช้ปุ่มที่มีคำว่า Compose ประกอบอยู่ด้วยแบบเดิม

โดยกูเกิลให้เหตุผลว่าได้รับฟังข้อเสนอแนะจากผู้ใช้งาน ว่าการเพิ่มคำว่า Compose เข้ามาด้วย ทำให้เข้าใจในการใช้งานง่ายกว่า

การเปลี่ยนแปลงนี้จะเริ่มทยอยมีผลตั้งแต่ 3 พฤศจิกายนเป็นต้นไป มีผลกับผู้ใช้ Google Workspace และบัญชี Google ส่วนบุคคลทุกคน

ที่มา: 9to5Google

ภาษา Kotlin ปรับโลโก้ใหม่ เปลี่ยนมาใช้สี Gradient ไล่เฉด, เปิดตัวมาสค็อตเป็นหุ่นยนต์

By mk

on 24 October 2021 - 19:19 Tag: Kotlin, Logo, Design, JetBrains, Programming

Kotlin

เมื่อประมาณ 3 เดือนที่แล้ว JetBrains เปิดตัวโลโก้ใหม่ของ Kotlin ที่ยังเป็นตัว K แบบของเดิม แต่เปลี่ยนจากสีส้ม-น้ำเงิน มาเป็นการไล่สีม่วง-น้ำเงินแทน พร้อมปรับรูปแบบฟอนต์ (typeface) มาใช้ฟอนต์ JetBrains Sans ให้เข้าชุดกับผลิตภัณฑ์อื่นๆ ของบริษัท
JetBrains ให้เหตุผลว่าคู่สีเดิมดูล้าสมัย และการใช้แถบสี (stripe) ก็ดูไม่เป็นเอกลักษณ์ จึงตัดสินใจเปลี่ยนสีให้เหมือน Facebook Messengerให้ดูสว่างและสดใสขึ้น กลายเป็นการไล่สี (gradient) แบบที่เห็น

Windows 11 เดินหน้าพัฒนาต่อ โชว์ภาพอีโมจิชุดใหม่ แต่ดันไม่ใช่อีโมจิ 3D ที่เคยสัญญาไว้

By mk

on 16 October 2021 - 10:02 Tag: Windows 11, Emoji, Microsoft, Design

Windows 11

หลังเสร็จภารกิจออก Windows 11 ตัวจริง (GA) ไมโครซอฟท์ก็เดินหน้าพัฒนา Windows 11 ต่อภายใต้โครงการ Windows Insider และออก Preview Build 22478 ถือเป็นรุ่นพรีวิวตัวแรกของ Windows 11 เวอร์ชันถัดไป (ตอนนี้เปลี่ยนมาอัพเดตปีละครั้งแล้ว รอบหน้าเจอกันตุลาคม 2022)

ของใหม่ใน Build 22478 คืออีโมจิแบบใหม่ที่ปรับดีไซน์ตามแนวทาง Fluent Design ของ Windows 11 ซึ่งดูเผินๆ ก็น่ารัก สดใสสวยงามดี (อีโมจิชุดนี้จะเปิดให้กลุ่ม Insider ใช้งานก่อน แล้วจะปล่อยให้คนใช้ Windows 11 GA ผ่านอัพเดตรายเดือนในภายหลัง)

Bandai Namco เปิดตัวโลโก้ใหม่ เปลี่ยนมาใช้สีม่วงบานเย็นแทนสีส้ม

By mk

on 1 October 2021 - 21:46 Tag: Bandai Namco, Logo, Design

Bandai Namco

Bandai Namco ประกาศเปลี่ยนโลโก้ใหม่ จากของเดิมที่เป็นสีส้มและเขียนชื่อ Bandai Namco อยู่คนละบรรทัด มาใช้โลโก้ใหม่ที่เขียนอยู่บนบรรทัดเดียวกัน และใช้กรอบสีชมพูแทน โลโก้ใหม่จะถูกใช้ในเดือนเมษายน 2022

การเปลี่ยนโลโก้ครั้งนี้มาพร้อมสโลแกนใหม่ของบริษัท "Fun for All into the Future" ที่เกิดจากการสำรวจความเห็นพนักงาน ลูกค้า และพาร์ทเนอร์ทั่วโลก มานิยามเป้าหมายของบริษัทว่าต้องการสร้างความสนุกและแรงบันดาลใจให้คนทั้งโลก

Cloudflare Dash เปิดตัว Dark Mode ให้แอดมินทำงานในความมืดได้อย่างสบายตา

By mk

on 30 September 2021 - 11:05 Tag: Cloudflare, Design

Cloudflare

กระแสความนิยมของ Dark Mode ไม่ได้จำกัดแต่ระบบปฏิบัติการ แอพมือถือ-เดสก์ท็อปเท่านั้น ล่าสุด Cloudflare ออก Dark Mode สำหรับหน้าเว็บจัดการ Cloudflare Dashboard ให้แอดมินสามารถทำงานได้สบายตาแม้ในยามค่ำคืน

ผู้ใช้งานสามารถตั้งค่าจาก Settings ใน Cloudflare Dashboard โดยเลือกธีม Light, Dark หรืออิงจากค่าของระบบ

Cloudflare ยังเผยเบื้องหลังการออกแบบ Dark Mode โดยกำนดตั้งแต่คู่สี ฟอนต์ และระบบการออกแบบ ใครสนใจสายดีไซน์ UX/UI ตามอ่านได้จากที่มา

ที่มา - Cloudflare

Apple ประกาศ กล่อง iPhone 13 จะไม่มีพลาสติกห่อภายนอก เพื่อลดปริมาณขยะพลาสติก

By arjin

on 18 September 2021 - 17:56 Tag: Apple, iPhone 13, iPhone 13 Pro, Environment, Design

Apple

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

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

Subscribe to Design