Design

กูเกิลออก Material Design Lite ไลบรารีสำหรับสร้างเว็บไซต์แนว Material

By mk

on 7 July 2015 - 08:43 Tag: Google, Development, Design, Web Components, Material Design

Google

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

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

ไมโครซอฟท์เผยภาพพื้นหลังดีฟอลต์ของ Windows 10

By mk

on 25 June 2015 - 23:02 Tag: Design, Windows 10, Microsoft

Design

ไมโครซอฟท์เผยวิดีโอเบื้องหลังการถ่ายทำภาพพื้นหลัง (Desktop Background) แบบดีฟอลต์ของ Windows 10 โดยเป็นไอคอนหน้าต่าง Windows ที่มีแสงส่องออกมาจากด้านหลัง

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

แน่นอนว่าภาพนี้จะกลายเป็นภาพที่พบได้บ่อยมากที่สุดอีกภาพหนึ่งของวงการไอที (อารมณ์เดียวกับภาพเนินเขาของ Windows XP หรือภาพโลโก้ของ Windows 7) และไมโครซอฟท์ก็มีวิสัยทัศน์ว่าจะมีอุปกรณ์ที่ใช้ Windows 10 มากถึง 1 พันล้านชิ้นในอีกไม่กี่ปีข้างหน้า

แอปเปิลกลับมาไล่ตามกูเกิล เมื่อ AI สำคัญกว่า UI

By SainTKK on 22 June 2015 - 17:14 Tag: Google, Apple, Development, Search Engine, Design, User Interface, Artificial Intelligence

Google

สตีฟ จ็อบส์ เคยกล่าวว่า “การออกแบบคือสิ่งที่แสดงว่าสิ่งนั้นทำงานอย่างไร” และแอปเปิลได้เปรียบคู่แข่งในเรื่องการออกแบบ UI มาโดยตลอด แต่เมื่อเวลาผ่านไปอะไรก็เปลี่ยนแปลง

แอปเปิลไม่ได้ให้ความสนใจกับการเปลี่ยนแปลงของอุตสาหกรรมมากเท่าที่ควรตลอดหลายปีที่ผ่านมา แม้ว่าการออกแบบอุตสาหกรรม (Industrial Design; Product Design; Experience/Service Design) ของแอปเปิลยังดีที่สุด แต่เมื่อกูเกิลเปลี่ยนการออกแบบเป็น Material Design กูเกิลก็สามารถทำ UI ออกมาได้สูสีหรืออาจจะดีกว่าแอปเปิลแล้ว

เก่าขนาด Android 2.1 ก็ใช้แอพ Material Design ได้ด้วยไลบรารีจากกูเกิล

By mk

on 30 May 2015 - 14:34 Tag: Google, Development, Design, Android, Google I/O, Material Design

Google

ปีที่แล้ว กูเกิลเปิดตัว Material Design พร้อม Android 5.0 และในรอบปีที่ผ่านมา เราก็เห็นแอพ Android จำนวนไม่น้อยปรับโฉมตัวเองเป็น Material Design มากขึ้น

อย่างไรก็ตาม ระบบปฏิบัติการ Android ที่รองรับ Material Design เต็มรูปแบบต้องเป็น Android 5.0 ขึ้นไปเท่านั้น ถ้านักพัฒนาแอพอยากรันบนระบบปฏิบัติการรุ่นเก่าให้ราบรื่น ก็ต้องลงแรงแก้ปัญหากันเอง ซึ่งเป็นงานยากพอสมควร ในงาน I/O ปีนี้ กูเกิลจึงออกตัวช่วยเพื่อให้ Android รุ่นเก่าสามารถมี UI แบบ Material โดยนักพัฒนาไม่ต้องทำอะไรเพิ่ม กูเกิลเตรียมมาให้หมดแล้ว

กูเกิลเปิดเว็บ Google Design ใหม่รวมข้อมูลการออกแบบ, ชุดไอคอนสำหรับ Material, ฐานข้อมูลหน้าจออุปกรณ์

By lew

on 29 May 2015 - 12:08 Tag: Google, Design, Google I/O, Material Design

Google

กูเกิลเปิดตัวเว็บ google.com/design ใหม่เป็นศูนย์รวมสำหรับนักออกแบบ ที่จะรวมเอาบทความแนวคิดการออกแบบ และทรัพยากรสำหรับการออกแบบต่างๆ มาไว้ที่เดียวกัน

ก่อนหน้างาน Google I/O กูเกิลก็ปรับปรุง Material Design สำหรับหน้าจอขนาดใหญ่ หลังงานกูเกิลประกาศชุดไอคอนใหม่เปิดให้ใช้งานได้ฟรีโดยใช้สัญญาอนุญาตเป็น CC-BY และหน้าเว็บ Device Metrics ฐานข้อมูลหน้าจออุปกรณ์สำคัญจำนวนมากว่ามีความละเอียดเท่าใดตามหน่วย dp, px, และนิ้ว

ที่มา - +Google Design

Jonathan Ive เลื่อนตำแหน่งเป็น Chief Design Officer ดูแลงานด้านออกแบบทั้งหมด

By mk

on 26 May 2015 - 07:38 Tag: Apple, Design, Jonathan Ive

Apple

Jonathan Ive ได้รับการเลื่อนตำแหน่งจากเดิม Senior Vice President of Design มาเป็น Chief Design Officer (ซึ่งเป็นตำแหน่งใหม่ที่เพิ่งตั้งขึ้นด้วย) ดูแลงานออกแบบทุกอย่างทั้งฮาร์ดแวร์และซอฟต์แวร์

Ive จะมีลูกมือสองคนคือ Richard Howarth (VP of Industrial Design) ดูแลงานออกแบบฮาร์ดแวร์ กับ Alan Dye (VP of User Interface Design) ดูแลงานออกแบบซอฟต์แวร์

ผลงานของ Howarth คือเขาร่วมออกแบบ iPhone มาตั้งแต่รุ่นแรกสุด ส่วน Dye ก็รับบทบาทสำคัญในการออกแบบ iOS 7 และ Apple Watch

ชุดทหาร Stormtrooper ใน Star Wars ภาคใหม่ ได้รับแรงบันดาลใจมาจากแอปเปิล

By mk

on 21 May 2015 - 15:35 Tag: Apple, Star Wars, Design

Apple

Michael Kaplan นักออกแบบเครื่องแต่งกาย (costume designer) ของภาพยนตร์ Star Wars: The Force Awakens ให้สัมภาษณ์กับนิตยสาร Vanity Fair ถึงเบื้องหลังการออกแบบชุดต่างๆ ในภาพยนตร์ตอนล่าสุดนี้

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

อดีตทีมออกแบบ Windows Phone เผยปัญหาของ Metro, รับไมโครซอฟท์แพ้สงครามมือถือ

By mk

on 21 April 2015 - 15:54 Tag: Design, Windows Phone, Metro, Microsoft, Mobile

Design

มีอดีตทีมงานออกแบบ UI ของ Office for Windows Phone คนหนึ่งชื่อ jragon (ปัจจุบันลาออกจากไมโครซอฟท์แล้ว) ไปตั้งกระทู้ใน Reddit และแสดงความเห็นเกี่ยวกับแนวทางการออกแบบแอพ Metro ว่ามันไม่เวิร์คอย่างที่คิด จนไมโครซอฟท์ต้องปรับเปลี่ยนแนวทางการออกแบบแอพบน Windows 10 for mobile ให้คล้ายกับ Android/iOS มากขึ้น

ประเด็นที่น่าสนใจมีดังนี้ เริ่มจาก__ปัญหาของ Metro__

Facebook เปิดใช้อาคารหลังใหม่ ออกแบบโดย Frank Gehry

By mk

on 31 March 2015 - 16:13 Tag: Design, Facebook

Design

Facebook เปิดใช้อาคารสำนักงานหลังใหม่ "MPK20" ที่ออกแบบโดยสถาปนิกระดับโลก Frank Gehry (เคยมาเมืองไทย พูดให้งานของ TCDC) อาคารหลังนี้มีพื้นที่ใช้สอย 430,000 ตารางฟุต และมี "ห้องสำนักงาน" ที่ใหญ่ที่สุดในโลก เนื่องจาก Facebook ต้องการให้ทีมวิศวกรสื่อสารกันเป็นทีมมากที่สุด ทีมงานทุกคนจึงนั่งในห้องเดียวกัน (แต่ก็ยังมีห้องประชุมย่อยแทรกตัวอยู่เป็นจำนวนมาก)
พื้นที่ดาดฟ้าอาคารยังเป็นสวนสำหรับเดินเล่น ตัวอาคารเรียบง่ายไม่มีอะไรหวือหวา โดย Mark Zuckerberg บอกว่าอยากให้อาคารนี้ดู "ไม่เสร็จ" (a work in progress) เพื่อให้พนักงานรู้สึกว่าภารกิจเชื่อมต่อคนทั้งโลกเข้าด้วยกันยังต้องเดินหน้าต่อไป

ซัมซุงถอดเอฟเฟคต์หยดน้ำ และเสียงแจ้งเตือนผิวปาก ออกจาก Galaxy S6

By mk

on 18 March 2015 - 18:20 Tag: Samsung, Design, Galaxy S III, Galaxy S6

Samsung

ซัมซุงปรับเปลี่ยน UI มือถือตัวเองครั้งใหญ่ในปี 2012 เมื่อครั้ง Galaxy S III ที่มาพร้อมกับ Nature UX ที่มีเอฟเฟคต์จิ้มจอแล้วเป็นหยดน้ำกระเพื่อม (ripple) และเสียงแจ้งเตือนเป็นเสียงผิวปาก (whistle) ที่บางคนฟังไปนานๆ อาจรู้สึกรำคาญอยู่บ้าง

ตลอด 3 ปีที่ผ่านมา ซัมซุงยังคงเอฟเฟคต์ทั้งสองมาโดยตลอด แต่พอมาถึงยุคของ Galaxy S6 ที่คิดใหม่ทำใหม่ครั้งใหญ่ ทั้งเจ้า ripple และ whistle ถูกถอดออกไปเรียบร้อยแล้วครับ (แถมไม่สามารถเปลี่ยนคืนได้ด้วย เรียกว่าถอนออกไปเลย)

ใครนึกหน้าตาน้ำกระเพื่อมหรือเสียง whistle ไม่ออก ดูได้จากคลิปท้ายข่าวครับ

ซัมซุงเผยกระบวนการผลิต Galaxy S6 ทั้งดัดกระจกโค้ง-ทำกรอบโลหะ

By mk

on 6 March 2015 - 22:43 Tag: Samsung, Design, Galaxy S6, Mobile

Samsung

หลังเปิดตัว Galaxy S6 เป็นที่เรียบร้อย ซัมซุงก็เผยรายละเอียดของการออกแบบผ่านบล็อก Samsung Tomorrow ดังนี้

ย้อนรอยงานออกแบบ Samsung Galaxy S - เพราะนี่คือที่สุดแห่งสมาร์ทโฟนจากซัมซุง

By advertorial on 27 February 2015 - 22:41 Tag: Samsung, Design, Advertorial, Samsung Galaxy

Samsung

คนที่ติดตามข่าวสารวงการมือถือก็น่าจะพอทราบกันมาบ้างว่า Samsung Galaxy S คือสมาร์ทโฟนในกลุ่ม High-end ช่วงต้นปีที่ได้รับความนิยมอย่างสูงทั่วโลก ด้วยการการันตียอดขายกว่าหลายล้านเครื่องภายในเวลาไม่กี่สัปดาห์หลังจากวางจำหน่าย

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

[Ask Blognone] ขอเชิญร่วมวิจารณ์แนวทางการออกแบบ เว็บไซต์ธนาคารกสิกรไทยโฉมใหม่

By mk

on 19 February 2015 - 16:44 Tag: Ask Blognone, Design, Kasikorn Bank

Ask Blognone

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

กติกาเล็กน้อย

กรุณาใส่ URL ของหน้าที่วิจารณ์ พร้อมภาพประกอบ จะให้ดีควร highlight จุดที่วิจารณ์ด้วย จะได้เข้าใจตรงกัน
การวิจารณ์ขอให้เป็นไปในทางสร้างสรรค์ นำเสนอ "แนวทางที่ควรจะเป็น" มีข้อมูลทางเทคนิคประกอบชัดเจน เพื่อให้ทางธนาคารนำไปปรับปรุงต่อได้ง่าย

อดีตหัวหน้าทีมดีไซน์ซัมซุงเผย ทำไมผลิตภัณฑ์ซัมซุงดีไซน์ออกมาห่วย

By mk

on 18 February 2015 - 21:00 Tag: Samsung, Design

Samsung

Fast Company มีบทความตั้งคำถามว่าทำไมผลงานการดีไซน์ผลิตภัณฑ์ของซัมซุงถึงออกมาแย่ (ต้นฉบับใช้คำว่า "stink") โดยสัมภาษณ์ Kevin Lee ผู้บริหารที่เคยมีตำแหน่ง head of product strategy and user experience design ของ Samsung Design America (ปัจจุบันเขาอยู่กับ Visa)

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

Facebook ดึงทีมออกแบบ Teehan+Lax มาออกแบบเว็บและแอพ

By ตะโร่งโต้ง

on 18 January 2015 - 02:50 Tag: Design, Facebook

Design

Facebook ดึงตัวทีมออกแบบ Teehan+Lax ซึ่งเคยสร้างผลงานการออกแบบหน้าตาของแอพและเว็บให้บริการอย่าง Medium และ Readability มาแล้ว

อ้างอิงจากแถลงการณ์บนหน้าเว็บของ Teehan+Lax ระบุว่าทีมงานทั้งหมดจะย้ายจาก Toronto ไปทำงานกับ Facebook ใน San Francisco อย่างไรก็ตามนี่ไม่ใช่การเข้าซื้อบริษัทโดยสมบูรณ์เนื่องจาก Facebook ดึงเอาแต่บุคลากรไปทำงานด้วย ทว่าไม่ได้ทำการซื้อสินทรัพย์ของ Teehan+Lax

ซัมซุงดึงอดีตซีอีโอบริษัทเก่าของ Jonathan Ive มาเป็นหัวหน้าฝ่ายออกแบบคนใหม่

By mk

on 17 January 2015 - 10:20 Tag: Samsung, Design, Jonathan Ive

Samsung

ซัมซุงจ้าง Lee Don-tae นักออกแบบชาวเกาหลีมาเป็นหัวหน้าฝ่ายออกแบบ (Global Design Chief) ของหน่วยงาน Design Management Center ที่ขึ้นตรงกับซีอีโอ โดยหน้าที่ของเขาคือดูภาพรวมของการออกแบบทั้งหมดของซัมซุง แต่ไม่ได้ทำงานออกแบบผลิตภัณฑ์เป็นรายตัว

Lee เคยผ่านงานเป็นซีอีโอร่วมของบริษัทออกแบบระดับโลก Tangerine ซึ่งเป็นบริษัทที่ Jonathan Ive ร่วมก่อตั้ง และรับงานออกแบบให้แอปเปิลอยู่พักหนึ่งก่อน Ive โดนดึงตัวไปอยู่กับแอปเปิล

ASUS จัดประกวดออกแบบกราฟิกหน้าปัด ZenWatch ผู้ชนะรับ ZenWatch ไปเลย

By ตะโร่งโต้ง

on 12 January 2015 - 12:13 Tag: ASUS, Design, Contest

ASUS

ASUS จัดการประกวด "Face the Future" เปิดให้นักออกแบบและแฟนๆ สามารถส่งผลงานการออกแบบหน้าปัดนาฬิกา ZenWatch โดยมีรางวัลตอบแทนเป็น ZenWatch จำนวน 6 รางวัล

ผู้ที่จะส่งผลงานสามารถดาวน์โหลดไฟล์แม่แบบมาใช้ได้ จากนั้นเมื่อผลงานแล้วเสร็จ จะต้องอัพโหลดไฟล์ภาพ JPG หรือ PNG ขนาด 320*320 พิกเซล ขนาดไฟล์ไม่เกิน 2MB สู่เว็บของ ASUS

ภาพดีไซน์สินค้าใหม่ที่จะแฝงในหนัง 007 หลุดมาในเมลที่ Sony Pictures ถูกแฮคด้วย

By ตะโร่งโต้ง

on 19 December 2014 - 14:57 Tag: Hacking, Design, Sony Pictures, Leak, Hardware, Hardware, Hardware, Hardware

Hacking

เราได้ยินข่าวหลุดข่าวลือเกี่ยวกับ Xperia Z4, Xperia Z4 Tablet Ultra และสมาร์ทโฟนพร้อมแท็บเล็ตตัวอื่นในตระกูลเดียวกัน มาพักหนึ่งแล้ว แต่อีเมลของ Sony Pictures ที่ถูกแฮคไปโดย GOP ยังมีข้อมูลงานออกแบบอื่นๆ ของสินค้าเหล่านี้พร้อมรูปภาพเผยออกมาอีก รวมทั้งเรื่องข้อตกลงเกี่ยวกับค่าใช้จ่ายสำหรับการนำเสนอสินค้าเหล่านี้ผ่านทางภาพยนตร์ James Bond: Spectre

ชุมชนนักวาด DeviantArt เปลี่ยนโลโก้ใหม่ ปรับโฉมเว็บ ออกแอพมือถือ

By mk

on 10 December 2014 - 08:28 Tag: Design, Mobile App

Design

DeviantArt ชุมชนคนรักการวาดภาพที่เปิดมาตั้งแต่ปี 2000 ประกาศรีแบรนด์ตัวเองใหม่หมด ตั้งแต่เปลี่ยนโลโก้เป็นเครื่องหมาย / (slash) สีเขียว (ของเดิมเป็นตัวอักษร dA ตามชื่อย่อเว็บ) รวมถึงการปรับหน้าเว็บใหม่หมดให้เข้าชุดกับโลโก้ใหม่ และออกแอพบน iOS/Android

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

ผู้ผลิตนาฬิกาหรูเริ่มไล่ล่าคนทำไฟล์หน้าปัดนาฬิกาอัจฉริยะที่ลอกเลียนการออกแบบ

By ตะโร่งโต้ง

เว็บไซต์ TorrentFreak รายงานว่าแบรนด์ดังนาฬิกาหรูหลายรายเตรียมดำเนินการทางกฎหมายกับงานละเมิดลิขสิทธิ์รูปแบบใหม่ นั่นคือผู้ออกแบบส่วนติดต่อผู้ใช้งานสำหรับนาฬิกาอัจฉริยะที่ลอกเลียนงานออกแบบนาฬิกาของตน

Subscribe to Design