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