Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?

2021-9-26    ui設(shè)計(jì)分享達(dá)人

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

印象中,Windows 就一直伴隨著我們的成長(zhǎng),它有著 35 年的豐富歷史并不斷帶給我們新的體驗(yàn),它的存在充分展現(xiàn)了計(jì)算機(jī)如何豐富我們的生活習(xí)慣:用 Word 寫(xiě)下第一篇文章,用 Paint 畫(huà)出第一幅畫(huà),或者用電腦寫(xiě)出第一行代碼。

設(shè)計(jì)下一代 Windows 需要我們理解過(guò)去,但更重要的是對(duì)當(dāng)前和新興人類(lèi)需求的深切共情,以及對(duì)技術(shù)如何更好落地的理解。當(dāng)我們開(kāi)始 Windows 11 的設(shè)計(jì)之旅時(shí),我們研究了過(guò)去 18 個(gè)月世界是如何變化的,包括疫情大流行暴露出未被滿足的需求和新的行為方式。更重要的是,我們與人們談?wù)撍麄兊膲?mèng)想和抱負(fù),這樣我們就可以了解什么驅(qū)動(dòng)著他們,以及他們需要從他們的技術(shù)中獲得什么來(lái)實(shí)現(xiàn)他們的目標(biāo)。Windows 11 的設(shè)計(jì)專(zhuān)注于對(duì)人的關(guān)注,計(jì)算機(jī)如何賦予他們力量,以及用戶到底喜歡什么。

創(chuàng)造大量的愛(ài)需要大量與人的溝通,我們喜歡這種溝通,因?yàn)橐匀藶楸臼俏覀冊(cè)O(shè)計(jì)理念的核心。在 85 個(gè)以上的專(zhuān)題研究和數(shù)萬(wàn)輪測(cè)試中,我們與所有人進(jìn)行了交談,從喜歡我們產(chǎn)品的忠實(shí)粉絲,到希望 Windows 更容易和更平易近人的新用戶。

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

Windows 10 之前使用 Metro 設(shè)計(jì)語(yǔ)言,Windows 11 使用 Fluent 設(shè)計(jì)語(yǔ)言

(彩云注,可能有的朋友分不清這 2 個(gè)設(shè)計(jì)語(yǔ)言,彩云專(zhuān)門(mén)研究了一些資料,也跟大家一起分享下:

Metro UI 是一種界面展示技術(shù),和蘋(píng)果的 iOS、谷歌的 Android 界面語(yǔ)言最大的區(qū)別在于:后兩種都是以應(yīng)用為主要呈現(xiàn)對(duì)象,而 Metro 界面強(qiáng)調(diào)的是信息本身,而不是冗余的界面元素。顯示下一個(gè)界面的部分元素在功能上的作用主要是提示用戶信息的存在。同時(shí)在視覺(jué)效果方面,這有助于形成沉浸感。

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

Fluent Design System(以下簡(jiǎn)稱(chēng) FDS)主要包括五大核心元素:Light(光感)、Depth(深度)、Motion(動(dòng)畫(huà))、Material(材質(zhì))和 Scale(縮放)。

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

Fluent UI 設(shè)計(jì)語(yǔ)言的核心就是在美觀的前提下,應(yīng)用的使用更加自然和流暢。在體驗(yàn)上用戶會(huì)獲得全新的過(guò)渡動(dòng)畫(huà)、視覺(jué)效果、半透明和模糊等等。毛玻璃效果重新成為趨勢(shì)就是微軟通過(guò)這套設(shè)計(jì)全新語(yǔ)言一手帶起來(lái)。

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

這是 Windows 有史以來(lái)最受人期待的發(fā)布之一,這得益于基于研究過(guò)程中得出的一個(gè)關(guān)鍵設(shè)計(jì)指導(dǎo)原則:平靜的技術(shù)讓我們的生活真正變得更好。在今天的世界中,平靜是非常需要的,它往往取決于我們掌控、放松和信任的能力。Windows 11 通過(guò)讓人感受到熟悉的基本體驗(yàn),軟化了以前冰冷的 UI,并增加了情感聯(lián)系,最終促進(jìn)了這一點(diǎn)。這些改進(jìn)讓你更接近你最?lèi)?ài)的東西:家庭、朋友、激情、娛樂(lè)和創(chuàng)作。Windows 11 是將所有東西結(jié)合在一起的地方,對(duì)它的需求從未像現(xiàn)在這樣強(qiáng)烈。

就像它對(duì)所有東西造成的影響一樣,疫情也影響了 Windows 11。雖然移動(dòng)設(shè)備的崛起讓 PC 從聚光燈下淡出,但去年它又重新回到了舞臺(tái)中心。在個(gè)人與專(zhuān)業(yè)相結(jié)合的新型虛擬模式中,PC 的強(qiáng)大功能和靈活性使我們能夠在家中的各個(gè)角落工作。它始終是一個(gè)值得信賴(lài)的工具和伙伴,跨越工作、家庭和學(xué)校,靜靜地等待我們的輝煌時(shí)刻。

過(guò)去的一年充分展示了人類(lèi)的智慧。在一片混亂中,我們看到人們實(shí)時(shí)學(xué)習(xí)如何在混合環(huán)境中工作,幫助孩子學(xué)習(xí),并找到新的連接和娛樂(lè)方式。我們?cè)?Windows 11 的設(shè)計(jì)上不斷迭代,努力創(chuàng)造一種深受大家喜愛(ài)的體驗(yàn),讓我們更容易專(zhuān)注于對(duì)我們每個(gè)人來(lái)說(shuō)最重要的東西。

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

情緒板捕捉各種新的圖標(biāo)、主題、UI 和插圖。

以用戶為中心

微軟的 Windows 設(shè)計(jì)團(tuán)隊(duì)是由創(chuàng)造性的實(shí)用主義驅(qū)動(dòng)的。為超過(guò) 10 億人設(shè)計(jì)需要同理心。它依賴(lài)于將人類(lèi)的需求內(nèi)化,以建立一個(gè)包容所有人的解決方案,同時(shí)仍能傳遞獨(dú)立的個(gè)性。隨著 Windows 躍入下一個(gè)時(shí)代,它的演變故事再次被講述,通過(guò)以人為本的產(chǎn)品設(shè)計(jì),以及打造最具包容性和個(gè)性化的操作系統(tǒng)的承諾愈加堅(jiān)定。

以“開(kāi)始”菜單為例:Windows 體驗(yàn)的基礎(chǔ)被移到了核心位置。在聽(tīng)到人們?cè)谑褂谩伴_(kāi)始”時(shí)希望提高效率、減少噪音后,我們?cè)O(shè)計(jì)了一種更干凈、更簡(jiǎn)單的體驗(yàn),通過(guò)優(yōu)先排序人們喜歡的應(yīng)用和他們需要的文件,將用戶置于中心位置。它還適配現(xiàn)代設(shè)備的尺寸因素,使所有屏幕尺寸的訪問(wèn)更容易,從 Surface Go 到超寬顯示器都能獲得一致的體驗(yàn)。

在微軟,這些設(shè)計(jì)決策不是輕易做出的。團(tuán)隊(duì)癡迷于每個(gè)像素,我們更新了“開(kāi)始”Logo,以配合我們新的視覺(jué)語(yǔ)言和動(dòng)畫(huà),為互動(dòng)增加樂(lè)趣和信心。我們也有意地選擇了壁紙,開(kāi)機(jī)畫(huà)面,并調(diào)整了新的中心對(duì)齊,使用戶的體驗(yàn)更加平衡和集中。我們希望你進(jìn)入 Windows 11 的旅程從一開(kāi)始就真正處于中心。(彩云注:大廠的設(shè)計(jì)團(tuán)隊(duì)做項(xiàng)目更看重整體品牌感知,各個(gè)元素間都要能形成一致的設(shè)計(jì)語(yǔ)言。這里連居中對(duì)齊都可以跟設(shè)計(jì)理念聯(lián)系上,值得學(xué)習(xí)的思路。)

我們對(duì)讓技術(shù)更人性化的關(guān)注也反映在“開(kāi)箱即用”體驗(yàn)上,這個(gè)體驗(yàn)曾經(jīng)的歡迎詞是你“進(jìn)來(lái)”,但現(xiàn)在是歡迎你“回來(lái)”。我們知道不是每個(gè)人都是新用戶,我們渴望通過(guò)我們的設(shè)計(jì)來(lái)尊重我們與長(zhǎng)期忠實(shí)客戶的關(guān)系。你也可以在安裝過(guò)程中給你的電腦起一個(gè)名字,這樣 Windows 就會(huì)給你一種獨(dú)特的感覺(jué),比系統(tǒng)設(shè)置中使用的隨機(jī)名字更人性化。Windows 是你們的,我們?cè)O(shè)計(jì)它是為了慶祝你們的生活和工作方式。(彩云注:在文案上也是精雕細(xì)琢,也是為了緊貼他們的設(shè)計(jì)理念)

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

新的 Windows 11 主題提供了個(gè)性化和自我表達(dá)的不同主題選擇

一旦你開(kāi)始正常使用,Windows 11 就會(huì)記住你是誰(shuí),以及你在日常生活中需要什么。一鍵交互將帶你從一個(gè)任務(wù)到另一個(gè)任務(wù),而不會(huì)中斷你的工作流程。在過(guò)去的一年里,工作和生活的界限被重新定義了。在新版本的 Windows 中,組織活動(dòng)的能力是我們密切關(guān)注的東西,確保無(wú)論環(huán)境如何變化,你都能保持專(zhuān)注和心流狀態(tài)。窗口和截圖功能已經(jīng)被重新設(shè)計(jì),以記住你的喜好,所以當(dāng)你離開(kāi)工作流去查看新聞的時(shí)候(新的窗口部件故意設(shè)計(jì)來(lái)尊重你的工作流程),系統(tǒng)會(huì)記住你是如何組織你的空間的。我們創(chuàng)造了一個(gè)數(shù)字版的辦公桌,它就像依偎在你家里的辦公桌,讓你能夠?qū)崿F(xiàn)一些偉大的事情,同時(shí)又能感受到與生活的緊密相連。

這些變化通過(guò)一種優(yōu)美的新設(shè)計(jì)語(yǔ)言來(lái)實(shí)現(xiàn),使 Windows 在體驗(yàn)上比以往任何時(shí)候都更加連貫。聽(tīng)到人們對(duì)更加柔和、友好和優(yōu)美 UI 的渴望,我們進(jìn)化了視覺(jué)和聽(tīng)覺(jué)表達(dá)。我們圓滑了尖銳的棱角,并創(chuàng)建了一個(gè)溫暖的調(diào)色板,以構(gòu)建一個(gè)更人性化、更平易近人的語(yǔ)言,同時(shí)不會(huì)妨礙你的工作效率。

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

一些新的 Fluent 圖標(biāo),UI 和插圖內(nèi)容的選擇,以及我們的 Segoe UI 變量字體的示意

不僅僅是一個(gè)操作系統(tǒng)

如何為超過(guò) 10 億有著不同和獨(dú)特需求的人開(kāi)發(fā)產(chǎn)品??jī)A聽(tīng)、迭代、適配。通過(guò)用戶的洞察,我們通過(guò)軟化邊緣、減少雜亂和一致性設(shè)計(jì),使 Windows 11 更加人性化和受歡迎。這些變化還通過(guò)新材質(zhì)、字體、新調(diào)色板、新壁紙和主題包來(lái)提升自我表達(dá),以兼顧廣泛的品味。

在 Windows 11 中,我們看到了一種從單純的功能性技術(shù)向情感、人性和個(gè)性化技術(shù)的轉(zhuǎn)變。Windows 不僅僅是一個(gè)操作系統(tǒng),它是編織在我們生活中的一塊織物,讓我們更接近我們所愛(ài)的一切,幫助我們創(chuàng)造和連接。

如文章開(kāi)頭所說(shuō),彩云為大家搜集到了 Windows 11 最新設(shè)計(jì)語(yǔ)言 Fluent UI 的設(shè)計(jì)組件,供大家參考學(xué)習(xí),

Windows 11全新設(shè)計(jì)語(yǔ)言如何引領(lǐng)設(shè)計(jì)新趨勢(shì) ?(附源文件下載)

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來(lái)源:優(yōu)設(shè)  作者:彩云譯設(shè)計(jì)

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔