ไมโครซอฟท์เผยโฉมแนวทางดีไซน์ใหม่ในชื่อ Fluent Design System มาในอัพเดตใหญ่ต่อไป

By nismod

on 11 May 2017 - 23:57 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 ด้วย

FLuent

องค์ประกอบหลักของ Fluent Design System มีอยู่ 5 อย่างได้แก่ Light, Depth, Motion, Material และ Scale

Fluent

Light

Depth

Motion

Material

Scale

Fluent Design System รองรับการใช้งานกับปากกา (Microsoft Inks) ด้วย และจะมาในอัพเดตใหญ่ของ Windows 10 ในชื่อ Fall Creator Update ปลายปีนี้

Hiring! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's

CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.

Token X

Blockchain, ICO, Tokenization, Digital Assets, and Financial Service

Carmen Software

Hotel Financial Solutions

Next Innovation (Thailand) Co., Ltd.

We are web design with consulting & engineering services driven the future stronger and flexibility.

United Information Highway Co., Ltd.

UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business

KKP Dime

KKP Dime บริษัทในเครือเกียรตินาคินภัทร

Kiatnakin Phatra Financial Group

Financial Service

Fastwork Technologies

Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน

Thoughtworks Thailand

Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน

Iron Software

Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.

CLEVERSE

Cleverse is a Venture Builder. Our team builds several tech companies.

Nipa Cloud

#1 OpenStack cloud provider in Thailand with our own data center and software platform.

CDG GROUP

Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years

Bangmod Enterprise

The leader in Cloud Server and Hosting in Thailand.

CIMB THAI Bank

MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank

Bangkok Bank

Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking

Gofive

“We create world-class software experience”

KBTG - KASIKORN Business-Technology Group

KBTG - "The Technology Company for Digital Business Innovation"

Siam Commercial Bank Public Company Limited

"Let's start a brighter career future together"

Icon Framework co.,Ltd.

Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก

REFINITIV

The Financial and Risk business of Thomson Reuters is now Refinitiv

H LAB

Re-engineering healthcare systems through intelligent platforms and system design.

LTMH TECH

LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย

Seven Peaks

We Drive Digital Transformation

Wisesight (Thailand) Co., Ltd.

The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure

MOLOG Tech

We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.

Data Wow Co.,Ltd

We enable our clients to realize increased productivity by solving their most complex issues by Data

LINE Company Thailand

LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call

LINE MAN Wongnai

Join our journey to becoming No.1 food platform in Thailand

เห็น Web concept

itpcc Fri, 05/12/2017 - 00:04

เห็น Web concept แล้วดูตื่นตาตื่นใจดีครับ

ทำไมเข้าไปดูแล้วหน้าเพจมันดูเ

CrazyPower Fri, 05/12/2017 - 00:24

หน้าเพจมันดูเพี้ยนๆ

สวยดีแฮะ

ichbinfenris Fri, 05/12/2017 - 00:06

สวยดีแฮะ สงสัยเว็บเราจะมีการเปลี่ยนหน้าตาครั้งใหญ่ ^_^

รีบเข็นมาไวๆเบื่อของเก่าละ XD

Hadakung Fri, 05/12/2017 - 00:07

รีบเข็นมาไวๆเบื่อของเก่าละ XD

มันคือการเอา Material Design

iDan Fri, 05/12/2017 - 00:21

มันคือการเอา Material Design กับ iOS UI มาใส่ในเครื่องปั่นแล้วออกมาเป็น Fluent Design System

แต่ประเด็นคือ มันสามารถเพิ่ม UX ได้มากขนาดไหน? อันนี้อีกเรื่อง แต่คิดว่าไมโครซอฟท์น่าจะเตรียมตัวมาดี หลังจากที่ Modern UI โดนถล่มเละ

Material Design ฮ่าๆ

checkmate95 Fri, 05/12/2017 - 00:24

Material Design ฉบับ Microsoft ดูช่วงนี้ Microsoft ชอบเอาของคนอื่นมายำๆกันนะ ฮ่าๆ

ความจริงแล้ว Material Design

Peelz Sat, 05/13/2017 - 06:39

ความจริงแล้ว Material Design อยู่คนละหลักการกับ Flat Design ครับ (อาจจะคล้ายๆกันบ้าง แต่ไม่ใช่การเลียนแบบ)
ละก็ MS เองที่นำ Flat Design มาใช้กับผลิตภัณฑ์ของตัวเองเป็นจ้าวแรก (ละก็ตามด้วย Apple)

หากผิดพลาดตรงไหนต้องขออภัยด้วยครับ

ปัญหาเดียวของ Microsoft คือ

LazarusSP1 Fri, 05/12/2017 - 00:24

ปัญหาเดียวของ Microsoft คือ มาช้า และอัพเดทไม่ทันชาวช่าวชาวช่องเขา รวมไปถึงชอบแพของเก่า นักพัฒนาเลยขี้เกียจมาไล่ตามของที่ไม่ต่อเนื่อง

ออกแบบมาแล้ว กรุณาออก

mr_tawan Fri, 05/12/2017 - 01:56

ออกแบบมาแล้ว กรุณาออก component มารับด้วยนะครับ ... ขี้เกียจเขียนเองน่ะครับ

เริ่มหาตัวเองเจอแล้วสินะ

thanyadol Fri, 05/12/2017 - 08:04

เริ่มหาตัวเองเจอแล้วสินะ

มันไม่ได้ใหม่เลยนะอย่าง light

S38593 Fri, 05/12/2017 - 09:07

มันไม่ได้ใหม่เลยนะอย่าง light คือเอา Aero Glass มาปรับปรุงให้เป็นโทนมืดขึ้นขยายให้มันเป็นทังโปรแกรมถ้าใครใช้ Windows Vista มาคงเอียนไปแล้วฮ่าๆ Depth ก็ให้ความรู้สึกเหมือน Windows Media Center ช่วงนึง มี Motion ที่ใหม่หน่อยแต่จริงๆแล้วก็ขยายมากจาก Metro "Live Tile"

ก็สวนดีนะ แต่มันดูปนๆ เขาของ

breambeem Fri, 05/12/2017 - 13:35

ก็สวยดีนะ แต่มันดูปนๆ เอาของ 2 เจ้ามายำรวมกันนิ

ซะที ;)

lingjaidee Fri, 05/12/2017 - 14:14

ซะที ;)

DevChange ไปอีกขั้น...ArtTech

delta Fri, 05/12/2017 - 14:15

DevChange ไปอีกขั้น...ArtTech มีทั้งใหม่และผสมผสานกัน..ขออย่างเดียว คือ ไม่ต้องcopyAll..แค่นี้Ok

ส่วนตัวชอบนะ

Pinery Fri, 05/12/2017 - 16:39

ส่วนตัวชอบนะ เหมือนเอาข้อดีของ 2 เจ้ามายำรวมกัน อย่างนี้แหละที่อยากได้

ทำมาเพื่อให้สอดคล้องกับพวก

Diew Fri, 05/12/2017 - 20:48

ทำมาเพื่อให้สอดคล้องกับพวก holographic ที่ทำไว้แล้วสินะ จูนเข้าหากัน

หลาย ๆ อย่างก็เห็นออกแบบไว้นานแล้ว ต้องไปไล่ดูพวก microsoft productivity vision ของสัก 2-3 ปีก่อน จะเห็นชัด

สวย!

Krit04 Sat, 05/13/2017 - 08:27

สวย! รู้สึกมันดูไปในแนวทางเดียวกัน ทั้ง 3 OS เลย ดีครับ ที่เหลือก็แล้วแต่ความชอบของผู้ใช้

Apple

public://topics-images/apple_webp.png

SCB10X

public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png

Windows 11

public://topics-images/hero-bloom-logo.jpg

Huawei

public://topics-images/huawei_standard_logo.svg_.png

Google Keep

public://topics-images/google_keep_2020_logo.svg_.png

Instagram

public://topics-images/instagram_logo_2022.svg_.png

SCB

public://topics-images/9crhwyxv_400x400.jpg

Microsoft

public://topics-images/microsoft_logo.svg_.png

Basecamp

public://topics-images/bwpepdi0_400x400.jpg

FTC

public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png

public://topics-images/pinterest.png

Palantir

public://topics-images/-nzsuc6w_400x400.png

AIS Business

public://topics-images/logo-business-2021-1.png

PostgreSQL

public://topics-images/images.png

JetBrains

public://topics-images/icx8y2ta_400x400.png

Krungthai

public://topics-images/aam1jxs6_400x400.jpg

Palworld

public://topics-images/mccyhcqf_400x400.jpg

Bill Gates

public://topics-images/bill_gates-september_2024.jpg

VMware

public://topics-images/1nj4i1gp_400x400.jpg

Take-Two Interactive

public://topics-images/0khle7nh_400x400.jpg

OpenAI

public://topics-images/ztsar0jw_400x400.jpg

Thailand

public://topics-images/flag_of_thailand.svg_.png

NVIDIA

public://topics-images/srvczsfq_400x400.jpg

ServiceNow

public://topics-images/ytnrfphe_400x400.png

Klarna

public://topics-images/urcllpjp_400x400.png

Google Play

public://topics-images/play.png

Drupal

public://topics-images/drupal.png

Virtua Fighter

public://topics-images/virtua_figther_2024_logo.png

Paradox Interactive

public://topics-images/paradox_interactive_logo.svg_.png

Europa Universalis

public://topics-images/europa-icon.png

Nintendo Switch 2

public://topics-images/mainvisual.png

Cloudflare

public://topics-images/cloudflare_logo.svg_.png

Samsung

public://topics-images/samsung.png

Google

public://topics-images/google_2015_logo.svg_.png

Uber

public://topics-images/uber.png

Microsoft 365

public://topics-images/m365.png

USA

public://topics-images/flag_of_the_united_states.svg_.png

public://topics-images/0pe0po-z_400x400.jpg

Perplexity

public://topics-images/perplex.jpg

Xperia

public://topics-images/xperia.png

iOS 18

public://topics-images/ios-18-num-96x96_2x.png

True

public://topics-images/true_logo.png

SoftBank

public://topics-images/softbank.jpg

Pac-Man

public://topics-images/pacman.png

Harry Potter

public://topics-images/harry.png

Marvel

public://topics-images/marvel.png

Skydance

public://topics-images/skydance.png

SEA

public://topics-images/sealogo.png

Find My Device

public://topics-images/find.png

Gemini

public://topics-images/google_gemini_logo.svg__1.png

Accessibility

public://topics-images/accessibility-128x128_2x.png

Material Design

public://topics-images/m3-favicon-apple-touch.png

Android 16

public://topics-images/android16.png

Android

public://topics-images/android_0.png

Firefox

public://topics-images/firefox_logo-2019.svg_.png

Google Messages

public://topics-images/messages.png

Notepad

public://topics-images/notepad.png

Singapore

public://topics-images/flag_of_singapore.svg_.png

Airbnb

public://topics-images/airbnb.png

PS5

public://topics-images/ps5.png

Krafton

public://topics-images/krafton.png

Doom

public://topics-images/doom-game-s_logo.svg_.png

AMD

public://topics-images/amd_logo.svg_.png

GTA

public://topics-images/gta_0.png

DoorDash

public://topics-images/doordash.png

YouTube

public://topics-images/yt.png

YouTube Music

public://topics-images/yt-music.png

Facebook

public://topics-images/fb.png

iQiyi

public://topics-images/iqiyi_0.png

Viu

public://topics-images/viu.png

Amazon Prime Video

public://topics-images/prime-vid.png

Spotify

public://topics-images/spotify.jpg

Apple TV

public://topics-images/apple-tv.png

HBO Max

public://topics-images/max.png

Threads

public://topics-images/threads.png

Alexa

public://topics-images/alexa.png

Kindle App

public://topics-images/kindle.png

Shopee

public://topics-images/shopee.png

Waze

public://topics-images/waze.png

Bilibili

public://topics-images/bili.png

Google Maps

public://topics-images/maps.png

Apple Music

public://topics-images/apple-music.png

Claude

public://topics-images/claude.png

TikTok

public://topics-images/tiktok.png

Xbox

public://topics-images/xbox.png

Tesla

public://topics-images/tesla.png

Chrome

public://topics-images/chrome.png

Google Calendar

public://topics-images/gcal.png

Google Home

public://topics-images/ghome.png

Google Meet

public://topics-images/meet.png

NotebookLM

public://topics-images/notebooklm.png

public://topics-images/reddit.png

Assassin’s Creed

public://topics-images/ac.png

Mark Zuckerberg

public://topics-images/zuck.jpg