當前位置:係統粉 >   IT資訊 >   微軟資訊 >  微軟圖標換了?新顏色,新材料和新飾麵重新設計100多個圖標

微軟圖標換了?新顏色,新材料和新飾麵重新設計100多個圖標

時間:2019-12-24 來源:互聯網 瀏覽量:


新的Microsoft 365圖標示例。


去年,我們推出了新的Office圖標,向客戶表明我們已經開發了產品來支持不斷變化的工作環境。盡管這個世界比以往任何時候都更具移動性,但社交聯係和協作對於成功至關重要。借助新的信息流,這個世界具有巨大的創造力和發展潛力。

在整個Microsoft中,我們一直致力於幫助促進和增強這類互動和體驗。將圖標設計工作從10種產品擴展到上百種,以反映這種新的工作世界既艱巨又激動。


微軟圖標換了?新顏色,新材料和新飾麵重新設計100多個圖標(1)


跨Microsoft生態係統擴展設計需要一個開放且靈活的係統。


但是,公司中的設計團隊作為一個集體聚集在一起,共同製定設計準則,以鼓勵個性化,同時創造出凝聚力強的整體。從企業到小型企業再到消費者,產品團隊確保每個圖標都真實地代表了產品真相和更大的Microsoft品牌。

我們分享了知識,迭代,障礙和成功。我們比較了不同背景下的圖標,並相互進行了更改。最重要的是,我們互相啟發。這確實是One Microsoft的一項工作,我們迫不及待想聽聽你的想法。


微軟圖標換了?新顏色,新材料和新飾麵重新設計100多個圖標(2)


從Windows實用程序圖標到Microsoft Dynamics中的混合現實圖標,我們所有的新圖標都是用相同的布料剪裁而成的。


擴大我們設計係統的範圍

從計算器之類的工具到可以在全球各地放置專家的混合現實應用程序,客戶需求的多樣性一直呈指數級增長。我們需要現代的圖標係統來不斷反映不斷變化的潮流。

在最新一輪的圖標重新設計浪潮中,我們麵臨兩個主要的創意挑戰。我們需要在保持客戶熟悉度的同時發出創新和變革的信號。我們還必須開發一個靈活且開放的設計係統,以跨越各種上下文,同時仍然忠於Microsoft。

微軟圖標換了?新顏色,新材料和新飾麵重新設計100多個圖標(3)


豐富的漸變,柔和的曲線和流暢的運動將Edge和Office徽標相互連接,並將其餘圖標相互連接。


我們的Fluent設計係統有助於幫助我們應對這兩個挑戰。Fluent強調建立熟悉的事物-針對客戶已經了解的內容進行設計,而不是要求他們養成新習慣或學習新知識。Fluent還將為多樣化但相互連接的係統創造空間。考慮到如此廣泛的上下文和經驗,我們擴展了圖標顏色,材料和飾麵的初始庫。


微軟圖標換了?新顏色,新材料和新飾麵重新設計100多個圖標(4)

人們將大部分工作時間都花在Microsoft Edge和Office上,以完成工作,而團隊為在這些流行產品上嚐試使用新材料而感到興奮。我們知道這些體驗對我們的客戶非常重要,因此需要同時插入和突出顯示這些圖標。基於廣泛的測試和客戶反饋,我們引入了豐富的漸變色,拓寬了色彩範圍,並實現了具有類似色帶質量的動態運動。


我們的客戶也開始使用混合現實以全新的方式實現目標。在我們的圖標中融合了物理世界和數字世界,幫助我們思考了色彩,飾麵和材料的傳統表現形式。我們需要考慮第三維,因此我們選擇了反射光和深度並感覺更觸覺的新材料。


無論我們的客戶是使用手機,PC還是VR耳機來完成工作,我們都希望能夠接觸到各種環境的人們。最新的設計指南幫助我們統一了公司內部和每個產品係列中的圖標構造。


一起設計我們的未來

從一開始,我們的社區就一直在與我們同行,而重新設計該圖標的途徑也沒有什麼不同。我們對每個圖標進行了無數輪研究。從溫和到狂野,我們探索了多種設計方向,並聽取了世界各地的客戶的意見。我們了解了哪些不引起人們共鳴(平麵設計和柔和的色彩)以及什麼引起了共鳴(深度,漸變,鮮豔的色彩和運動),所有這些促使我們做出了決定。


微軟圖標換了?新顏色,新材料和新飾麵重新設計100多個圖標(5)


為3D設計意味著從3D開始。


隨著我們不斷發展技術並推出新的圖標來反映Microsoft的未來,我們的設計係統也將不斷發展以解決我們尚未考慮的新場景。在平衡產品標識和Microsoft品牌的同時,開發一個涵蓋文字到抽象範圍的係統是一項巨大的挑戰-但是,沒有一件值得完成的事情從來都不是一件容易的事。


木梓設計整理編輯(ID:umthink365)

來源:medium(作者:Jon Friedman)

我要分享:

最新熱門遊戲

版權信息

Copyright @ 2011 係統粉 版權聲明 最新發布內容 網站導航