2021-9-26 ui設(shè)計(jì)分享達(dá)人
印象中,Windows 就一直伴隨著我們的成長,它有著 35 年的豐富歷史并不斷帶給我們新的體驗(yàn),它的存在充分展現(xiàn)了計(jì)算機(jī)如何豐富我們的生活習(xí)慣:用 Word 寫下第一篇文章,用 Paint 畫出第一幅畫,或者用電腦寫出第一行代碼。
設(shè)計(jì)下一代 Windows 需要我們理解過去,但更重要的是對當(dāng)前和新興人類需求的深切共情,以及對技術(shù)如何更好落地的理解。當(dāng)我們開始 Windows 11 的設(shè)計(jì)之旅時(shí),我們研究了過去 18 個(gè)月世界是如何變化的,包括疫情大流行暴露出未被滿足的需求和新的行為方式。更重要的是,我們與人們談?wù)撍麄兊膲粝牒捅ж?fù),這樣我們就可以了解什么驅(qū)動(dòng)著他們,以及他們需要從他們的技術(shù)中獲得什么來實(shí)現(xiàn)他們的目標(biāo)。Windows 11 的設(shè)計(jì)專注于對人的關(guān)注,計(jì)算機(jī)如何賦予他們力量,以及用戶到底喜歡什么。
創(chuàng)造大量的愛需要大量與人的溝通,我們喜歡這種溝通,因?yàn)橐匀藶楸臼俏覀冊O(shè)計(jì)理念的核心。在 85 個(gè)以上的專題研究和數(shù)萬輪測試中,我們與所有人進(jìn)行了交談,從喜歡我們產(chǎn)品的忠實(shí)粉絲,到希望 Windows 更容易和更平易近人的新用戶。
Windows 10 之前使用 Metro 設(shè)計(jì)語言,Windows 11 使用 Fluent 設(shè)計(jì)語言
(彩云注,可能有的朋友分不清這 2 個(gè)設(shè)計(jì)語言,彩云專門研究了一些資料,也跟大家一起分享下:
Metro UI 是一種界面展示技術(shù),和蘋果的 iOS、谷歌的 Android 界面語言最大的區(qū)別在于:后兩種都是以應(yīng)用為主要呈現(xiàn)對象,而 Metro 界面強(qiáng)調(diào)的是信息本身,而不是冗余的界面元素。顯示下一個(gè)界面的部分元素在功能上的作用主要是提示用戶信息的存在。同時(shí)在視覺效果方面,這有助于形成沉浸感。
Fluent Design System(以下簡稱 FDS)主要包括五大核心元素:Light(光感)、Depth(深度)、Motion(動(dòng)畫)、Material(材質(zhì))和 Scale(縮放)。
Fluent UI 設(shè)計(jì)語言的核心就是在美觀的前提下,應(yīng)用的使用更加自然和流暢。在體驗(yàn)上用戶會(huì)獲得全新的過渡動(dòng)畫、視覺效果、半透明和模糊等等。毛玻璃效果重新成為趨勢就是微軟通過這套設(shè)計(jì)全新語言一手帶起來。
這是 Windows 有史以來最受人期待的發(fā)布之一,這得益于基于研究過程中得出的一個(gè)關(guān)鍵設(shè)計(jì)指導(dǎo)原則:平靜的技術(shù)讓我們的生活真正變得更好。在今天的世界中,平靜是非常需要的,它往往取決于我們掌控、放松和信任的能力。Windows 11 通過讓人感受到熟悉的基本體驗(yàn),軟化了以前冰冷的 UI,并增加了情感聯(lián)系,最終促進(jìn)了這一點(diǎn)。這些改進(jìn)讓你更接近你最愛的東西:家庭、朋友、激情、娛樂和創(chuàng)作。Windows 11 是將所有東西結(jié)合在一起的地方,對它的需求從未像現(xiàn)在這樣強(qiáng)烈。
就像它對所有東西造成的影響一樣,疫情也影響了 Windows 11。雖然移動(dòng)設(shè)備的崛起讓 PC 從聚光燈下淡出,但去年它又重新回到了舞臺中心。在個(gè)人與專業(yè)相結(jié)合的新型虛擬模式中,PC 的強(qiáng)大功能和靈活性使我們能夠在家中的各個(gè)角落工作。它始終是一個(gè)值得信賴的工具和伙伴,跨越工作、家庭和學(xué)校,靜靜地等待我們的輝煌時(shí)刻。
過去的一年充分展示了人類的智慧。在一片混亂中,我們看到人們實(shí)時(shí)學(xué)習(xí)如何在混合環(huán)境中工作,幫助孩子學(xué)習(xí),并找到新的連接和娛樂方式。我們在 Windows 11 的設(shè)計(jì)上不斷迭代,努力創(chuàng)造一種深受大家喜愛的體驗(yàn),讓我們更容易專注于對我們每個(gè)人來說最重要的東西。
情緒板捕捉各種新的圖標(biāo)、主題、UI 和插圖。
微軟的 Windows 設(shè)計(jì)團(tuán)隊(duì)是由創(chuàng)造性的實(shí)用主義驅(qū)動(dòng)的。為超過 10 億人設(shè)計(jì)需要同理心。它依賴于將人類的需求內(nèi)化,以建立一個(gè)包容所有人的解決方案,同時(shí)仍能傳遞獨(dú)立的個(gè)性。隨著 Windows 躍入下一個(gè)時(shí)代,它的演變故事再次被講述,通過以人為本的產(chǎn)品設(shè)計(jì),以及打造最具包容性和個(gè)性化的操作系統(tǒng)的承諾愈加堅(jiān)定。
以“開始”菜單為例:Windows 體驗(yàn)的基礎(chǔ)被移到了核心位置。在聽到人們在使用“開始”時(shí)希望提高效率、減少噪音后,我們設(shè)計(jì)了一種更干凈、更簡單的體驗(yàn),通過優(yōu)先排序人們喜歡的應(yīng)用和他們需要的文件,將用戶置于中心位置。它還適配現(xiàn)代設(shè)備的尺寸因素,使所有屏幕尺寸的訪問更容易,從 Surface Go 到超寬顯示器都能獲得一致的體驗(yàn)。
在微軟,這些設(shè)計(jì)決策不是輕易做出的。團(tuán)隊(duì)癡迷于每個(gè)像素,我們更新了“開始”Logo,以配合我們新的視覺語言和動(dòng)畫,為互動(dòng)增加樂趣和信心。我們也有意地選擇了壁紙,開機(jī)畫面,并調(diào)整了新的中心對齊,使用戶的體驗(yàn)更加平衡和集中。我們希望你進(jìn)入 Windows 11 的旅程從一開始就真正處于中心。(彩云注:大廠的設(shè)計(jì)團(tuán)隊(duì)做項(xiàng)目更看重整體品牌感知,各個(gè)元素間都要能形成一致的設(shè)計(jì)語言。這里連居中對齊都可以跟設(shè)計(jì)理念聯(lián)系上,值得學(xué)習(xí)的思路。)
我們對讓技術(shù)更人性化的關(guān)注也反映在“開箱即用”體驗(yàn)上,這個(gè)體驗(yàn)曾經(jīng)的歡迎詞是你“進(jìn)來”,但現(xiàn)在是歡迎你“回來”。我們知道不是每個(gè)人都是新用戶,我們渴望通過我們的設(shè)計(jì)來尊重我們與長期忠實(shí)客戶的關(guān)系。你也可以在安裝過程中給你的電腦起一個(gè)名字,這樣 Windows 就會(huì)給你一種獨(dú)特的感覺,比系統(tǒng)設(shè)置中使用的隨機(jī)名字更人性化。Windows 是你們的,我們設(shè)計(jì)它是為了慶祝你們的生活和工作方式。(彩云注:在文案上也是精雕細(xì)琢,也是為了緊貼他們的設(shè)計(jì)理念)
新的 Windows 11 主題提供了個(gè)性化和自我表達(dá)的不同主題選擇
一旦你開始正常使用,Windows 11 就會(huì)記住你是誰,以及你在日常生活中需要什么。一鍵交互將帶你從一個(gè)任務(wù)到另一個(gè)任務(wù),而不會(huì)中斷你的工作流程。在過去的一年里,工作和生活的界限被重新定義了。在新版本的 Windows 中,組織活動(dòng)的能力是我們密切關(guān)注的東西,確保無論環(huán)境如何變化,你都能保持專注和心流狀態(tài)。窗口和截圖功能已經(jīng)被重新設(shè)計(jì),以記住你的喜好,所以當(dāng)你離開工作流去查看新聞的時(shí)候(新的窗口部件故意設(shè)計(jì)來尊重你的工作流程),系統(tǒng)會(huì)記住你是如何組織你的空間的。我們創(chuàng)造了一個(gè)數(shù)字版的辦公桌,它就像依偎在你家里的辦公桌,讓你能夠?qū)崿F(xiàn)一些偉大的事情,同時(shí)又能感受到與生活的緊密相連。
這些變化通過一種優(yōu)美的新設(shè)計(jì)語言來實(shí)現(xiàn),使 Windows 在體驗(yàn)上比以往任何時(shí)候都更加連貫。聽到人們對更加柔和、友好和優(yōu)美 UI 的渴望,我們進(jìn)化了視覺和聽覺表達(dá)。我們圓滑了尖銳的棱角,并創(chuàng)建了一個(gè)溫暖的調(diào)色板,以構(gòu)建一個(gè)更人性化、更平易近人的語言,同時(shí)不會(huì)妨礙你的工作效率。
一些新的 Fluent 圖標(biāo),UI 和插圖內(nèi)容的選擇,以及我們的 Segoe UI 變量字體的示意
如何為超過 10 億有著不同和獨(dú)特需求的人開發(fā)產(chǎn)品?傾聽、迭代、適配。通過用戶的洞察,我們通過軟化邊緣、減少雜亂和一致性設(shè)計(jì),使 Windows 11 更加人性化和受歡迎。這些變化還通過新材質(zhì)、字體、新調(diào)色板、新壁紙和主題包來提升自我表達(dá),以兼顧廣泛的品味。
在 Windows 11 中,我們看到了一種從單純的功能性技術(shù)向情感、人性和個(gè)性化技術(shù)的轉(zhuǎn)變。Windows 不僅僅是一個(gè)操作系統(tǒng),它是編織在我們生活中的一塊織物,讓我們更接近我們所愛的一切,幫助我們創(chuàng)造和連接。
如文章開頭所說,彩云為大家搜集到了 Windows 11 最新設(shè)計(jì)語言 Fluent UI 的設(shè)計(jì)組件,供大家參考學(xué)習(xí),
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼ben_lanlan,報(bào)下信息,會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn