คลังเก็บป้ายกำกับ: design

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

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

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

No Description

No Description

ของใหม่อีกอย่างใน Reborn 3 คือธีมสีดำ (dark theme) ตามสมัยนิยม

No Description

No Description

ฟีเจอร์จับภาพหน้าจอ (Snapshot) และตั้งค่า (EasySetup) ถูกย้ายมาอยู่บนแถบเครื่องมือ ด้านขวาติดกับปุ่ม Downloads เพื่อให้เข้าถึงได้ง่ายขึ้น เนื่องจากเป็นฟีเจอร์ที่ใช้บ่อยนั่นเอง

No Description

แฟนๆ Opera สามารถทดสอบ Reborn 3 ได้ผ่าน developer version ส่วนโปรแกรมเวอร์ชันสมบูรณ์จะออกในเดือนมีนาคม

ที่มา – Opera

Topics: 

from:https://www.blognone.com/node/108158

โฆษณา

วนกลับมาที่เดิม เมนูคลิกขวาของ 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) กลับมามีเงาอีกแล้ว!

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

การเปลี่ยนแปลงด้าน UI อีกอย่างที่น่าจะได้เห็นกันในเร็วๆ นี้คือ ชุดไอคอนใหม่ของ Windows 10 หลังจากที่เราเห็นบางส่วนในวิดีโอเปิดตัวชุดไอคอนใหม่ของ Office

ที่มา – Microsoft

No Description

from:https://www.blognone.com/node/107115

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

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

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

เว็บไซต์ต้นทางยังมีภาพต้นแบบอีกจำนวนมาก ใครสนใจงานด้านดีไซน์ลองเข้าไปดูเป็นตัวอย่างกันได้ครับ

No Description

No Description

https://player.vimeo.com/video/303586146https://player.vimeo.com/video/303587237

ที่มา – Tendril via OnMSFT

from:https://www.blognone.com/node/106974

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

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

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

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

ที่มา – Jon Friedman, Thurrott

No Description

No Description

Topics: 

from:https://www.blognone.com/node/106750

ถ้าอยากให้ธุรกิจเติบโต ทำไมต้องให้คุณค่ากับ Design

90% พบว่าคนจำด้วยภาพมากกว่าตัวอักษร เเละข้อมูลจาก Wharton School of Business พบว่า การนำเสนอสินค้าและบริการให้เห็นภาพจะช่วยโน้มน้าวลูกค้าได้สูงถึง 67% นี่คือเหตุผลว่าทำไม Design ถึงสำคัญ 

1. บอกถึง Personal Branding

ถ้าวันนี้ Nike เอาโลโก้เครื่องหมายถูกออก คนก็ไม่รู้ว่านี่คือรองเท้า Nike เพราะว่าโลโก้คือ DNA ของเเบรนด์ คือ Branding ที่สะท้อนตัวเเบรนด์ออกมาหมด

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

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

ฉะนั้นต่อให้ไม่มีใครบอกว่าเราคือใครเป็นตัวอักษรก็ต้องจำจากภาพให้ได้ เพราะยิ่งจำได้ก็ยิ่งทำให้กลุ่ม Target ของเราจำเราได้ง่ายขึ้น พอไปเจอโลโก้เราที่ไหนก็รู้ว่าเรามาที่นี่นะ อุดหนุนเราได้ที่นี่เลย

2. Design อยู่ทุกจังหวะการใช้งานลูกค้า

ดีไซน์ไม่ใช่เเค่ภาพสวยเเต่ต้องทำให้กลุ่ม Target ใช้งานได้ง่ายด้วย ในที่นี้หมายถึงการออกเเบบผลิตภัณฑ์อย่าง iPhone ก็จะมีขอบเหลี่ยมขอบเว้า ซึ่งส่งผลต่อการใช้งานหมด

เพราะถ้าสี่เหลี่ยมจะจับถนัดมือกว่าเเต่ก็เจ็บง่าย เเต่ถ้ามนก็เสี่ยงลื่นตก ฉะนั้นการออกเเบบเเต่ละครั้งผ่านการคิดมาเพื่อให้กลุ่ม Taget ใช้งานได้ง่ายเเละสร้างประสบการณ์พิเศษที่สุด

หรือถ้าพูดถึงเรื่องเว็บไซต์ก็คงเป็น UX/UI ที่ทั้งภาพสวยเเละฟังก์ชั่นการใช้งานที่ครอบคลุม ลองนึกดูนะคะ ถ้าเราเข้าเเอพพลิเคชั่นเเล้วมันไม่ตอบสนองต่อการใช้งาน

ทุกอย่างดูยาก อยากจะเข้าฟังก์ชั่นอะไรก็หาไม่เจอ ครั้งหน้าเราก็คงไม่เข้าอีก ทำให้เราสูญเสียลูกค้าที่กำลังจะเลือกใช้บริการเรา ฉะนั้นการดีไซน์จึงเหมือนอยู่ในทุกจังหวะการใช้งานจริงๆ

3. สร้าง Brand Awareness

เพราะคนส่วนใหญ่มักจะจดจำจากภาพได้ดี ทำให้ภาพที่สื่อออกมาต้องมี Message เกี่ยวกับแบรนด์ได้เป็นอย่างดี เเต่จะใช้ภาพเล่าเรื่องเเทนอย่างไรนั้น ลองดูตัวอย่างจากร้านอาหารหรือสังเกตเเบรนด์อาหารส่วนใหญ่ว่าทำไมถึงต้องถ่ายภาพให้ดูน่ารับประทาน

เพราะภาพคือจุดเเรกที่ทำให้เราหยุดมอง เเละถ้าสนใจจริงๆ ถึงค่อยดูรายละเอียด ยิ่งถ้าใครทำคอนเทนต์บน Facebook จะต้องต่อสู้กับเสี้ยววินาทีที่คนเลื่อนฟีต

ให้หยุดเพื่อสนใจ Ads เราให้ได้ หลายเเบรนด์จึง Ads บน Facebook เเบบ 3D เพื่อให้พุ่งเข้าตาจนหยุดดู Ads มากขึ้น เเละช่วยเพิ่มการรับรู้ที่มีคุณภาพที่ส่งผลถึงการซื้อสินค้า

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

 

 
Source: thumbsup

from:https://thumbsup.in.th/2018/11/design-for-business/

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

ไมโครซอฟท์ออก 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 ด้วย

ไมโครซอทฟ์บอกว่าธีม Light ยังไม่สมบูรณ์ 100% และกำลังทยอยปรับปรุงหลายๆ จุดให้เหมาะกับธีมสีอ่อนมากขึ้น เช่น ไอคอน OneDrive ในแถบ system tray เป็นต้น

No Description

หน้าจอ Print แบบใหม่ ก็รองรับ Light Theme และปรับ UI อีกเล็กน้อย เช่น เพิ่มไอคอน เพิ่มคำอธิบายในบางจุด เป็นสัญญาณว่าไมโครซอฟท์เตรียมจะนำมาใช้แทนหน้าจอ Print แบบเก่าในไม่ช้า

No Description

ของใหม่อีกอย่างในเวอร์ชันนี้คือปรับปรุงแอพจับภาพหน้าจอตัวใหม่ Snip & Sketch เพิ่มฟีเจอร์จับภาพเฉพาะหน้าต่าง (window snip) และหน่วงเวลา (delay snip) ให้ทัดเทียมกับ Snipping Tool ตัวเก่าด้วย

No Description

ที่มา – Microsoft

from:https://www.blognone.com/node/106438