By mk Founder on Tag: Ubuntu, Linux, Design
Ubuntu

หลังจาก Ubuntu เปลี่ยนกลับมาใช้ GNOME ในเวอร์ชัน 17.10 แล้ว ในเวอร์ชันหน้า 18.04 ก็จะมีชุดไอคอนแบบใหม่ด้วย

ไอคอนใหม่ของ Ubuntu 18.04 คือชุดไอคอน Suru ที่สร้างโดย Sam Hewitt เจ้าของผลงานชุดไอคอน Paper และ Moka มาก่อน เขาระบุว่าได้รับการติดต่อจากทีม Ubuntu Desktop ให้นำ Suru มาเป็นไอคอนดีฟอลต์ตัวใหม่ของ Ubuntu นั่นเอง

ตอนนี้ไอคอน Suru ยังไม่สมบูรณ์ 100% โดย Hewitt ระบุว่าจะรีบเร่งวาดให้ทันกำหนดออกในเดือนเมษายน

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

กูเกิลโชว์ดีไซน์แผนที่แบบใหม่ของ Google Maps ที่ฉีกแนวไปจากของเดิมมาก เพราะเปลี่ยนธีมสีและไอคอนของสถานที่บนแผนที่ใหม่ทั้งหมด

ธีมสีแบบใหม่จะใช้สีโทนอ่อนลง (ใดๆ ในโลกล้วนสีพาสเทล) และใช้การแยกหมวดสถานที่ตามสี เช่น ร้านอาหารใช้สีส้ม การคมนาคมใช้สีฟ้า โรงพยาบาลใช้สีแดง เป็นต้น

การเปลี่ยนแปลงนี้จะมีผลเฉพาะตัวแผนที่เท่านั้น ส่วน UI และการควบคุม-สั่งงานแอพยังหน้าตาเหมือนเดิม กูเกิลจะเริ่มทยอยเปลี่ยนมาใช้ธีมสีแบบใหม่ใน Google Maps และบริการอื่นๆ ที่ฝัง Google Maps ในอีกไม่กี่สัปดาห์ข้างหน้า

By mk Founder on Tag: Windows 10, Microsoft, E-mail, Design
Windows 10

ไมโครซอฟท์ออกอัพเดตของแอพ Mail and Calendar ที่เป็นแอพอีเมลหลักของ Windows 10 ให้เปลี่ยนมาใช้แนวทางดีไซน์แบบใหม่ Fluent Design ที่เน้นพื้นหลังโปร่งแสงและแอนิเมชัน

หน้าตาโดยรวมของแอพยังเหมือนเดิม แค่เปลี่ยนสีของแถบ sidebar ด้านซ้ายมือเป็นแถบโปร่งแสง และเปลี่ยนภาพพื้นหลังดีฟอลต์มาเป็นภาพวิวภูเขา (เปลี่ยนเองได้)

แผนการของไมโครซอฟท์คือทยอยอัพเดตแอพให้ใช้ดีไซน์ Fluent แบบใหม่อย่างช้าๆ โดยแอพที่เปลี่ยนไปแล้วใน Fall Creators Update คือ Calculator, Edge และจะมีแอพ Settings ที่เริ่มเปลี่ยนใน Redstone 4

By mk Founder on Tag: Visual Studio, Microsoft, Design
Visual Studio

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

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

By vvkungx Contributor on Tag: Adobe, Adobe MAX, Design
Adobe

เซสชั่น MAX Sneaks ในงาน Adobe MAX หลายครั้งที่ผ่านมา ถือเป็นอีกช่วงที่ผู้เข้าร่วมงานต่างให้ความสนใจเป็นจำนวนมาก เพราะจะได้เห็นโปรเจคเจ๋งๆ ที่นักพัฒนาของ Adobe จะมาเปิดเผยให้ผู้เข้าร่วมงานได้รับชมกัน อาจจะเปิดให้ใช้จริงหรือไม่ก็ได้ ซึ่งปีนี้ก็เป็นอีกครั้งที่แต่ละโปรเจคมีความน่าสนใจและชวนตื่นเต้น โดยเปิดตัวทั้งหมด 11 โปรเจคด้วยกัน และความสนุกอีกอย่างของเซสชั่นนี้คือการสร้างธีมสนุกๆ ระหว่างพูดคุยขึ้นมา ปีนี้เป็นการนำเสนอด้วยธีมเกม 8bit และเชิญ Kumail Nanjiani นักแสดงจากซีรีย์ Silicon Valley มาร่วมพูดคุยและสร้างเสียงหัวเราะในงาน ไปดูกันว่ามีอะไรที่น่าสนใจบ้าง

By vvkungx Contributor on Tag: Adobe, Coca-Cola, Graphic, Olympic, Design
Adobe

ที่งาน Adobe MAX 2017 มีการเปิดตัวแคมเปญที่ร่วมมือกับ Coca-Cola ในชื่อ Coke x Adobe x You ชวนดีไซเนอร์ออกแบบกราฟิกที่สื่อถึงงานกีฬาโตเกียวโอลิมปิก 2020 โดยต้องใช้องค์ประกอบไม่ว่าจะเป็นโลโก้, ริบบิ้นและสีของแบรนด์โค้กเป็นส่วนหนึ่งของการออกแบบงาน

By vvkungx Contributor on Tag: Adobe, Design
Adobe

ปีที่แล้ว Adobe ได้เปิดตัวเครื่องมือที่ช่วยออกแบบโมเดล 3 มิติชื่อ Project Felix ออกมา ตอนนี้เปลี่ยนชื่อใหม่เป็น Dimension CC และพร้อมให้ใช้งานแล้ว

Adobe Dimension CC เป็นเครื่องมือที่ช่วยให้นักออกแบบนำภาพ 2 มิติมาใช้งานกับภาพ 3 มิติได้อย่างลงตัว เหมาะกับงานออกแบบแพคเกจผลิตภัณฑ์และสร้างภาพ 3 มิติสำหรับโฆษณา ผู้ใช้ไม่จำเป็นต้องเรียนรู้การออกแบบภาพ 3 มิติเองทั้งหมดเพราะเมื่อนำภาพหรือโลโก้ที่ออกไปวางลงบนวัสดุเช่นกล่องหรือขวด ก็จะประมวลผลทั้งเรื่องแสงและความสูงต่ำต่างๆ ออกมาให้อัตโนมัติ ซึ่งการทำงานแบ่งเป็น 2 ส่วนคือส่วนออกแบบ จัดวางวัตถุ ใส่ข้อความและเลือกวัสดุที่ต้องการ และอีกส่วนคือส่วนการเรนเดอร์ภาพเพื่อนำไปใช้กับ Photoshop และ Illustrator ต่อไป

Adobe Dimension เปิดให้ใช้งานแล้ว ทั้งบน Creative Cloud และแอพบน iOS, Android

ที่มา : TechCrunch

By mk Founder on Tag: Windows 10, Microsoft, Design
Windows 10

ใกล้วันออก Windows 10 Fall Creators Update เข้ามาทุกที ไมโครซอฟท์ก็ร่วมโปรโมทด้วยการออกวิดีโอใหม่ โชว์หน้าตาของ Fluent Design System แนวทางการออกแบบส่วนติดต่อผู้ใช้แบบใหม่ของบริษัท

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

อย่างไรก็ตาม แผนการปรับใช้ Fluent Design ของไมโครซอฟท์ยังค่อยๆ ทำไปทีละส่วน และยังมีอีกหลายส่วนในตัว OS ที่ยังใช้ดีไซน์แบบเดิมอยู่

By sunnywalker Writer on Tag: Microsoft Surface, Google Home, Design, Trend
Microsoft Surface

อุปกรณ์ไอทีใหม่ๆ มีแนวโน้มออกแบบด้วยการใช้ผ้ามากขึ้น ตัวอย่างคือ Surface Pro laptop ปูพื้นแป้นพิมพ์ด้วยผ้า Alcantara เนื้อนิ่มคล้ายกำมะหยี่ เป็นวัสดุเดียวกับที่ใช้ในรถยนต์และกระเป๋าหรู ต่อมา Google เปิดตัว Google Home Mini และ Max ที่มาพร้อมกับผ้าบุห่อรอบตัว ทางบริษัทบอกว่าเป็นผ้าไนลอนและโพลีเอสเตอร์

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

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

Dropbox ประกาศเปลี่ยนโลโก้และแนวทางดีไซน์ครั้งใหญ่ของบริษัท ตัวโลโก้ยังเป็นรูปกล่องคล้ายของเดิม แต่เปลี่ยนมุมของกล่องให้สมมาตรมากขึ้น และดูเป็นสัญลักษณ์มากกว่าเป็นภาพเหมือนของกล่อง แนวคิดของโลโก้ใหม่คือเปลี่ยนจากกล่องเป็น "พื้นที่เปิด" ที่แสดงถึงแพลตฟอร์มที่เปิิดกว้าง (we’ve evolved it from a literal box, to a collection of surfaces to show that Dropbox is an open platform, and a place for creation)

By mk Founder on Tag: Xperia, Sony, Mobile, Design
Xperia

Kenichiro Hibi ผู้บริหารของ Sony India ให้สัมภาษณ์กับสื่ออินเดียในงานเปิดตัว Xperia XZ1 ที่อินเดีย ถึงแนวทางการดีไซน์ "omnibalance" ของมือถือ Xperia ที่ใช้ติดต่อกันมาหลายปี ว่าถึงเวลาต้องเปลี่ยนแปลงแล้ว

Hibi พูดถึง omnibalance (รูปทรงของ Xperia ในปัจจุบันที่เน้นความสมมาตร) ว่าเริ่มใช้มาตั้งแต่เริ่มซีรีส์ Xperia X แต่ตอนนี้ Sony กำลังวางแผนออกมือถือยุคใหม่ ที่เปลี่ยนดีไซน์ไปจากเดิมทั้งหมด

เขาไม่ได้บอกว่าดีไซน์แบบใหม่ของ Xperia เป็นอย่างไร แต่ก็น่าจะเน้นเรื่องหน้าจอใหญ่เกือบเต็มกรอบ เหมือนกับคู่แข่งรายอื่นๆ ด้วย

By mk Founder on Tag: Visual Studio, Microsoft, Design
Visual Studio

Visual Studio Code เป็น code editor ที่ได้รับความนิยมมากขึ้นเรื่อยๆ ล่าสุดไมโครซอฟท์เตรียมปรับโลโก้ของ VS Code ให้ต่างจาก Visual Studio IDE รุ่นปกติแล้ว

ไอคอนใหม่ของ VS Code ถูกออกแบบให้เข้าชุดกับไอคอนแบบใหม่ของแบรนด์ Visual Studio ที่มีเส้นเข้ามุมเพิ่มเข้ามาฝั่งขวาล่าง (คล้ายกับไอคอนของ Office) แต่เปลี่ยนจากสัญลักษณ์ ∞ (infinity) แบบครบลูป มาตัดออกไปหนึ่งข้างเพื่อแสดงถึงความเปิดกว้าง (openness) และแสดงให้เห็นว่า VS Code เป็นซับเซ็ตของ Visual Studio IDE ตัวเต็ม

By vvkungx Contributor on Tag: Twitter, Design
Twitter

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

นอกจากนี้แอพ Twitter บนมือถือก็อัพเดตฟีเจอร์เพิ่มเติมได้แก่ อัพเดตตัวเลขในแต่ละทวีตทันทีเมื่อมีผู้ตอบทวีต, Retweet หรือกด Like ส่วน Twitter บน iOS ก็ได้เพิ่มเมนูด้านข้างเมื่อแตะรูปโปรไฟล์เหมือนกับ Twitter บน Android และเมื่อเปิดลิงก์ต่างๆ ผ่านแอพก็จะใช้ Safari In-app browser เป็นตัวแสดงเว็บแล้ว

Twitter หวังว่าการเปลี่ยนดีไซน์ในครั้งนี้จะทำให้แบรนด์ดูสดใหม่, สว่างสดใส, รวดเร็วและใช้งานง่ายขึ้น หากใครมีคำติชมใดๆ ก็สามารถติดต่อได้ทาง https://support.twitter.com/articles/20172023

ที่มา : Twitter Blog

Italy

Nutella ประจำประเทศอิตาลี ใช้อัลกอริทึมออกแบบลวดลายบนบรรจุภัณฑ์ มีหลายแบบ ทำออกมา 7 ล้านกระปุกลายไม่ซ้ำกันเลย ปรากฏว่าขายหมดเกลี้ยงภายในเดือนแรก

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

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

By vvkungx Contributor on Tag: Android Oreo, Emoji, Google, Design
Android Oreo

นอกจาก Android O จะเปิดตัวฟีเจอร์ใหม่ๆ ให้ใช้งานกันแล้ว Google ยังจับอีโมจิของตัวเองมาปรับเปลี่ยนและออกแบบใหม่ยกชุด พร้อมให้ใช้งานแล้วใน Android O

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

By nismod Writer on Tag: Windows 10, Design, Microsoft
Windows 10

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

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

By vvkungx Contributor on Tag: Chrome, Google, Browser, Design
Chrome

เรื่องนี้อาจจะเป็นเรื่องกวนใจของผู้ใช้เจ้าระเบียบสักหน่อย เพราะหากใครสังเกตดีๆ จะพบว่าในหน้าแท็บใหม่บน Google Chrome บริเวณหน้าต่างแสดงตัวอย่างเว็บที่เข้าชมล่าสุด ส่วนด้านขวาจะไม่ตรงกับกล่องค้นหา แต่ทางซ้ายกลับตรงกับกล่องค้นหา ทำให้เรื่องนี้ขัดใจผู้ใช้บางส่วนไม่น้อย

เว็บไซต์ The Next Web ได้ทำการทดสอบและแก้ไขเรื่องนี้ดู พบว่า class ใน CSS คือ box-sizing: border-box ทำให้เกิดข้อผิดพลาดนี้ขึ้น และได้แจ้งให้ทางทีมของ Chrome รับทราบถึงปัญหา ล่าสุดทีมงานก็ได้แก้ไขปัญหานี้เรียบร้อยแล้ว ซึ่งผู้ใช้เพียงแค่ล้างแคชบน Chrome และรีสตาร์ทใหม่อีกครั้ง ก็จะไม่เกิดปัญหานี้แล้ว ดูตัวอย่างภาพปัญหาก่อนและแก้ไขได้ท้ายข่าว

ที่มา : The Next Web

By mk Founder on Tag: Windows 10, Design, Microsoft
Windows 10

เราเห็นข่าวกันมาสักพักแล้วว่า ไมโครซอฟท์จะใช้แนวทางการออกแบบใหม่สำหรับ Windows 10 รุ่นถัดไป (Redstone 3) โดยใช้โค้ดเนมว่า Project Neon เน้นการใช้พื้นหลังโปร่งแสงและการไล่สี gradient มากขึ้น ต่างจากแนวทางแบบ Metro/Modern ในปัจจุบันที่ใช้สีเรียบๆ ไม่เน้นแสงเงามากนัก

ล่าสุดไมโครซอฟท์อัพเดตแอพหลายตัวของ Windows 10 Insider ตัวล่าสุดให้มาใช้แนวทางออกแบบใหม่แล้ว ได้แก่ Calculator, Windows Camera, Voice Recorder, Paint 3D, Photos, People

คาดว่าไมโครซอฟท์น่าจะพูดถึง Project Neon อย่างละเอียดในงาน Build 2017 สัปดาห์หน้าครับ

By arjin Writer on Tag: Twitter, Design
Twitter

Twitter ประกาศเปลี่ยนรูป avatar เริ่มต้นของผู้ใช้งาน จากเดิมที่เป็นรูปไข่หลากสี มาเป็นรูปร่างใบหน้าคนแทน

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

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

ทีมออกแบบเผยว่า รูปหัวคนที่เลือกใช้มีการปรับสัดส่วนหลายรูปแบบ เพื่อให้ได้รูปเดียวที่สามารถใช้กับทุกเพศโดยไม่ต้องแบ่งแยกออกมา

ที่มา: Twitter

By mk Founder on Tag: LinkedIn, Design, Usability
LinkedIn

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

ของใหม่ในเว็บโฉมใหม่คือหน้าตาใช้ง่ายขึ้น แยกแท็บ-ไอคอนเป็นหมวดหมู่ที่เมนูด้านบนทั้งหมด 7 แท็บ (Home, Messaging, Jobs, Notifications, Me, My Network, Search) รูปแบบจะคล้ายกับแอพมากกว่าเว็บ สลับหน้าจอได้ง่าย ทำงานรวดเร็วขึ้น ไม่จำเป็นต้องโหลดเพจทั้งหน้า

Subscribe to Design