By mk Founder on Tag: Open Source, GNOME, Design, User Interface
Open Source

โครงการ GNOME เริ่มเตรียมยกเครื่อง UI ของโปรแกรมตั้งค่า GNOME Settings แบบใหม่หมด เปลี่ยนจากอินเทอร์เฟซแบบไอคอน (เหมือนกับ Control Panel ของวินโดวส์ หรือ Settings ของ OS X) มาเป็นอินเทอร์เฟซแบบ 2-pane ที่มีแถบนำทางด้านซ้ายมือ (แบบเดียวกับ iOS หรือ Android บนแท็บเล็ต) แทน

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

By lew Founder on Tag: IBM, Design, ThinkPad
IBM

Richard Sapper ผู้ออกแบบ ThinkPad 700C โน้ตบุ๊ก ThinkPad ตัวแรกที่วางขายในปี 1992 เสียชีวิตเมื่อช่วงปีใหม่ที่ผ่านมาด้วยวัย 83 ปี

เขาเป็นนักออกแบบอุตสาหกรรมที่มีผลงานตั้งแต่สินค้าเทคโนโลยี, เฟอร์นิเจอร์ ฯลฯ นอกจาก ThinkPad 700C แล้วเขายังร่วมออกแบบ ThinkPad 701 หรือ ThinkPad Butterfly อันโด่งดังจากขนาดที่เล็กด้วยการย่อคีย์บอร์ดลง

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

Kristen Beck หัวหน้าทีมออกแบบ Chromecast ของกูเกิล ให้สัมภาษณ์กับ Business Insider ถึงแนวทางการออกแบบ Chromecast 2 ว่าเปลี่ยนจาก Chromecast รุ่นแรกที่เป็นแท่ง (dongle) มาเป็นทรงกลมแบน เพื่อสร้างความแตกต่างให้ผลิตภัณฑ์ เพราะตอนนี้มีผลิตภัณฑ์ที่ใช้แนวทางเดียวกันออกสู่ตลาดเยอะมาก

By lew Founder on Tag: Apple, Design, Accessories
Apple

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

แบตเตอรี่ราคา 99 ดอลลาร์หรือ 4,300 บาทในไทย สามารถใช้งานอินเทอร์เน็ตต่อเนื่องได้ 18 ชั่วโมงบนเครือข่าย LTE เล่นวิดีโอต่อเนื่อง 20 ชั่วโมง สั่งได้แล้ววันนี้

ที่มา - Apple Store

By Blltz Writer on Tag: Design, Autodesk, Forge
Design

ในงาน Autodesk University ปีนี้ Autodesk ผู้พัฒนาโปรแกรมเขียนแบบชื่อดัง AutoCAD ประกาศเปิดตัวแพลตฟอร์ม Forge พร้อมโครงการสนับสนุนการพัฒนาเกี่ยวกับงานเขียนแบบที่เชื่อมต่อกับกลุ่มเมฆ

ในการเปิดตัวแพลตฟอร์ม Forge นี้จะแบ่งเป็นสามส่วนใหญ่ๆ อย่างแรกคือแพลตฟอร์มรวมชุดเครื่องมือสำหรับเขียนแบบแทบทั้งหมดบนกลุ่มเมฆ (PaaS), โครงการนักพัฒนาเพื่อเชิญชวนให้นักพัฒนามาใช้แพลตฟอร์ม ที่รวมการฝึกฝนทั้งออนไลน์ และงานสัมมนาในช่วงกลางปีหน้า ปิดท้ายด้วยเงินทุนสนับสนุนกว่า 100 ล้านเหรียญ เพื่อสร้าง ecosystem สำหรับการพัฒนาผลิตภัณฑ์

By mk Founder on Tag: Samsung, Font, Design
Samsung

เว็บไซต์ Samsung Tomorrow ของซัมซุง ออกมาเผยเบื้องหลังการสร้างฟอนต์สำหรับการใช้บนหน้าจอ ที่ผ่านมา มือถือซัมซุงมีฟอนต์แถมมาให้ 4 ตัวคือ Choco Cooky, Cool Jazz, Gothic Bold, Rosemary แต่บริษัทเพิ่งสร้างฟอนต์ใหม่ Samsung Sans ขึ้นมาเป็นฟอนต์มาตรฐานของอุปกรณ์พกพาของตัวเอง

หน้าที่การสร้างฟอนต์เป็นของ JiEun Kim ตำแหน่ง Senior Designer of UX Innovation เธอเล่าว่าทุกครั้งเมื่อซัมซุงมีผลิตภัณฑ์ใหม่ เธอต้องทดสอบฟอนต์บนหน้าจอของอุปกรณ์นั้นเสมอ ซึ่งอุปกรณ์แต่ละประเภทแตกต่างกันไป เช่น หน้าจอของนาฬิกา Samsung Gear ย่อมแตกต่างจากหน้าจอของโทรศัพท์มือถือ

By mk Founder on Tag: Apple, Usability, Design, iOS
Apple

ในแวดวงผู้สนใจวิชาการออกแบบและ usability คงไม่มีใครไม่รู้จัก Don Norman ผู้เขียนหนังสือคลาสสิค The Design of Everyday Things และ Bruce Tognazzini หรือ "Tog" ผู้เขียนหนังสือ Tog on Interface

By Lamicrosz Contributor on Tag: Google, Design, User Interface, Windows 10
Google

Matias Duarte รองประธานของกูเกิลด้านการออกแบบ (Google's vice president of design) ทวีตข้อความลงใน Twitter ว่า Windows 10 จริงๆ แล้วน่าจะเรียกว่า "Windows 10 years ago" มากกว่า และเสริมว่าการออกแบบของ Windows 10 เหมือนแค่เอาของจาก Windows XP มาทำให้บางลง

แต่หลังจากที่เรื่องเริ่มเป็นที่พูดถึงในวงกว้าง Duarte จึงได้ทวีตเพิ่มในภายหลังว่า จริงๆ แล้วเขาชอบการออกแบบของ Windows 8 ที่เปลี่ยนวิธีคิดในช่วงนั้นและฟีเจอร์การทำงานของ Windows 10 ที่เพิ่มขึ้นมา เขาก็ไม่ได้ใช้

By mk Founder on Tag: Google, Design, Android, Material Design, Marshmallow
Google

ผู้ใช้ Android โดยเฉพาะสาย Nexus คงคุ้นเคยกับภาพพื้นหลังแนวทาง Material Design ที่ใช้รูปทรงเรขาคณิต ภาพเหล่านี้ดูเผินๆ เหมือนเป็นภาพที่สร้างด้วยคอมพิวเตอร์ (CG) แต่แท้จริงแล้วมันเป็น "ภาพถ่าย" ของกระดาษสีซ้อนกันหลายชั้น ซึ่งอิงจากแนวคิดของ Material Design นั่นเอง

By Job_The_Gamer Writer on Tag: Development, Web Application, Design, Microsoft, Microsoft Office
Development

ไมโครซอฟท์ออก Office UI Fabric เฟรมเวิร์คพัฒนาเว็บแอพฝั่ง front-end (แบบเดียวกันกับ Bootstrap) ให้นักพัฒนาเว็บสามารถนำไปใช้สร้างเว็บแอพเพื่อให้ได้ดีไซน์แบบเดียวกันกับ Microsoft Office อย่างรวดเร็ว

เช่นเดียวกันกับเฟรมเวิร์คยอดนิยมตัวอื่น Office UI Fabric ถูกออกแบบมาให้ทำงานได้ดีกับอุปกรณ์พกพาและรองรับการปรับขนาดตามหน้าจอแบบ responsive โดยได้รวมชุดของ CSS ที่ช่วยกำหนดรูปแบบฟอนต์, สี,ไอคอน, อนิเมชัน ให้ได้สไตล์ที่ดูเหมือนกับ Office และใช้การวางเลย์เอาต์แบบ responsive grid อีกทั้งยังรวมคอมโพเนนต์สำเร็จรูปไว้ให้ใช้งานเรียบร้อย

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

สัปดาห์ที่แล้วไม่ได้มีแต่กูเกิลที่เปลี่ยนโลโก้ แต่ยังมี Verizon โอเปอเรเตอร์รายใหญ่ของสหรัฐที่เปลี่ยนโลโก้ใหม่ด้วยเช่นกัน

โลโก้เดิมของ Verizon ใช้มาตั้งแต่ปี 2000 โดยเป็นรูปเครื่องหมายถูกอันใหญ่บนคำว่า Verizon ที่ลากหางตัว Z ยาว ส่วนโลโก้ของใหม่เรียบง่ายกว่าเดิม แต่ยังคงเครื่องหมายถูกที่เป็นสัญลักษณ์ของบริษัทไปแล้วเอาไว้ ในภาพรวมแล้วยังใช้โทนสีดำ-แดงเหมือนของเดิม

By mk Founder on Tag: Google, Design, SVG, Logo
Google

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

คำตอบหนึ่งที่เป็นไปได้คือไฟล์โลโก้ของกูเกิลเป็นไฟล์ SVG ที่สร้างแบบเวกเตอร์ ซึ่งโลโก้แบบเก่าใช้ฟอนต์แบบ serif ที่มีเส้นโค้งเยอะ การวาดโลโก้ต้องใช้เส้นโค้ง bezier curve จำนวนมาก ส่งผลให้ไฟล์มีขนาดใหญ่ตามไปด้วย

By mk Founder on Tag: Google, Design, Android, Udacity
Google

กูเกิลเคยเปิดคอร์สสอนพัฒนาแอพ Android ฟรีบนเว็บไซต์ Udacity มาแล้ว คราวนี้กูเกิลขยับจากการสอนเขียนโค้ด มาเป็นสอนนักพัฒนาว่าควรดีไซน์แอพ Android อย่างไร โดยอิงอยู่บนแนวทาง Material Design เป็นหลัก

คอร์สนี้มีชื่อว่า Android Design for Developers ใช้เวลาเรียนประมาณ 6 ชั่วโมงต่อสัปดาห์ เป็นเวลานาน 4 สัปดาห์ ผู้เรียนควรมีประสบการณ์เขียนแอพ Android มาก่อน และมีพื้นฐานการใช้ Git สำหรับเรียกดูซอร์สโค้ดตัวอย่างด้วย คอร์สเรียนฟรีไม่เสียเงิน แต่ถ้าอยากได้ใบรับรองจาก Udacity ก็เสียเงินเพิ่มอีก 200 ดอลลาร์

By magnamonkun on Tag: Google, Design, Material Design
Google

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

By bluemoon Writer on Tag: Google, Design, Logo
Google

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

การเปลี่ยนโลโก้ครั้งนี้เป็นการเปลี่ยนโลโก้ของกูเกิลครั้งที่ 6 แต่เปลี่ยนรูปโลโก้อย่างเห็นได้ชัดเป็นครั้งที่ 3

ดูโลโก้ใหม่ได้ท้ายเบรก

ที่มา - The Verge

By xenatt Contributor on Tag: Design, App.th, Linux
Design

โครงการ Xenlism สำหรับลินุกซ์เป็นโครงการที่เกิดจากแนวคิดง่ายๆ คือ "อยากได้ต้องทำเอง"

By ตะโร่งโต้ง Writer on Tag: Apple, Patent, Samsung, Lawsuits, Design
Apple

เชื่อว่าหลายคนยังจำกันได้กับมหากาพย์คดีสิทธิบัตรระหว่าง Apple และ Samsung ที่จะกลายเป็นหน้าหนึ่งของประวัติศาสตร์วงการไอทีกับคำตัดสินมูลค่าเงินชดเชยที่ Apple ผู้ชนะคดีจะได้รับจากการที่ Samsung ละเมิดสิทธิบัตรเป็นมูลค่าสูงกว่า 1 พันล้านดอลลาร์ ตอนนี้ตัวเลขเงินชดเชยอาจหายไปวูบเดียวกว่า 500 ล้านดอลลาร์ หลังสิทธิบัตรสำคัญฉบับหนึ่งของ Apple ที่เกี่ยวพันคดีนี้เพิ่งถูกพิจารณาใหม่ว่าเป็นโมฆะ

By mk Founder on Tag: Apple, Design, Apple Store
Apple

แอปเปิลปรับโฉมหน้าเว็บ Apple.com ครั้งใหญ่ในรอบหลายปี การเปลี่ยนแปลงที่สำคัญคือเปลี่ยนมาใช้ไอคอนผลิตภัณฑ์แบบ monochrome แทนรูปผลิตภัณฑ์แบบของเดิม และยกเลิกโดเมนเนม store.apple.com ที่เดิมแยกจาก www.apple.com โดยรวมเอาหน้าซื้อสินค้ามาเป็นส่วนหนึ่งของเว็บหลัก

หน้าเพจของผลิตภัณฑ์แต่ละตัวจะมีปุ่ม Buy เพิ่มเข้ามา กดแล้วจะเข้าหน้าซื้อสินค้าทันที (โดเมนจะเป็น http://www.apple.com/shop แทน store.apple.com) เมื่อเลือกสีและสเปกที่ต้องการแล้ว จะมีแถบยืนยันการสั่งซื้อขึ้นมาที่ขอบล่างของหน้าจอ

By SainTKK on Tag: Design, Home Appliance, Dyson
Design

ผู้อ่าน Blognone น่าจะพอรู้จักกับ Dyson แบรนด์เครื่องใช้ไฟฟ้าชั้นนำจากอังกฤษ ล่าสุดทางทีม Blognone ได้รับเชิญไปฟังแนวคิดและการออกแบบผลิตภัณฑ์จากวิศวกรของ Dyson ในงาน Dyson Design Talk จึงนำมาเล่าสู่กันฟังครับ

เครื่องดูดฝุ่นรุ่นแรกของ Dyson รุ่น DC01 ถูกคิดค้นและพัฒนาโดย James Dyson จากสาเหตุที่เครื่องดูดฝุ่นรุ่นที่ดีที่สุดในท้องตลาดที่เขาซื้อมา มีประสิทธิภาพแย่ลงเมื่อฝุ่นในถุงเก็บใกล้เต็ม ชื่อรุ่น DC ย่อมาจาก Dual Cyclone ที่ได้รับแรงบันดาลใจจากกรวยดักฝุ่นของโรงงานอุตสาหกรรม สามารถอ่านประวัติแบรนด์เพิ่มเติมจากรีวิวพัดลมไร้พัด Dyson Cool AM08

By bluemoon Writer on Tag: Social Network, Design, Facebook
Social Network

Caitlin Winner ได้ทำการสังเกตว่าไอคอนเพื่อนใน Facebook แบบเดิมที่มีผู้ชายอยู่หน้าผู้หญิงนั้น ไอคอนผู้หญิงไหล่ไม่เท่ากัน จึงได้ทำการปรับเปลี่ยนไอคอนให้ไหล่เสมอกัน รวมถึงปรับขนาดไอคอนผู้หญิงให้เท่าเทียมกับผู้ชายด้วย

ในส่วนไอคอนของกรุ๊ปนั้นก็มีการปรับเปลี่ยนให้ผู้หญิงออกมาอยู่ข้างหน้า แล้วผู้ชายยืนข้างหลังสองไอคอน (ไอคอนมีขนาดเท่ากัน)

ก็ถือว่าเป็นความเปลี่ยนแปลงเล็กๆ น้อยๆ เหมือนข่าวลูกโลกเปลี่ยนซีก แต่ก็เป็นอะไรที่น่าสนใจดี

Subscribe to Design