距上一次微軟Office的設(shè)計(jì)更新還是在2013年的時(shí)候，那時(shí)“自拍”這個(gè)詞才剛成為牛津詞典的年度熱詞，Emoji表情也才剛剛流行起來...

顯然從那之后，世界又發(fā)生了翻天覆地的變化，人們的工作方式也隨之改變：在這信息爆炸的時(shí)代，人們工作環(huán)境中也充滿了干擾因素。

如今全球超過10億人都在使用Office，面對這不斷改變的工作方式，Office正逐漸轉(zhuǎn)變?yōu)橐粋€(gè)協(xié)作生態(tài)系統(tǒng)，讓你可以使用任何設(shè)備隨時(shí)隨地協(xié)同辦公：

比如你可以在Office中獲得智能數(shù)據(jù)分析、用聲音來寫論文、用你領(lǐng)英（LinkedIn）里的動(dòng)態(tài)制作簡歷等等。

而Office圖標(biāo)作為這一切的標(biāo)志，為了更好地向用戶展現(xiàn)這些重大的產(chǎn)品變化，我們對Office圖標(biāo)進(jìn)行了設(shè)計(jì)重塑。

以下我們很高興與大家分享，Office 365新圖標(biāo)的設(shè)計(jì)與背后的故事。

一、延續(xù)品牌理念

Office的發(fā)展歷史為我們的設(shè)計(jì)決策提供了方向指引。

鮮艷的色彩表現(xiàn)一直都是Office的品牌核心之一，所以這次新圖標(biāo)的設(shè)計(jì)采用了更大膽、明亮且友好的色調(diào)，在區(qū)分不同軟件的同時(shí)為它們創(chuàng)造個(gè)性，這也是對Office品牌理念的一種延續(xù)。

在新設(shè)計(jì)中，我們運(yùn)用格式塔原則來突出表現(xiàn)產(chǎn)品功能的關(guān)鍵變化。雖然不同的Office軟件都會(huì)有不同的圖標(biāo)設(shè)計(jì)，但我們用簡潔和諧的主視覺元素將這些圖標(biāo)串聯(lián)起來，并保持統(tǒng)一的設(shè)計(jì)語言。

二、跨平臺&跨時(shí)代的視覺系統(tǒng)

今天我們的用戶覆蓋了五個(gè)不同時(shí)代的人群，他們會(huì)在多個(gè)平臺和設(shè)備上使用Office軟件。我們希望用一種設(shè)計(jì)語言，讓不同時(shí)代的群體產(chǎn)生情感上的共鳴，并讓不同平臺的軟件接力體驗(yàn)更加順暢。

所以我們在新設(shè)計(jì)中，把原本圖標(biāo)中的縮寫字母和圖形進(jìn)行拆分、變成兩個(gè)獨(dú)立層級的面板，在實(shí)際應(yīng)用的時(shí)候可以根據(jù)具體的場景進(jìn)行分離或合并。

同時(shí)我們?yōu)檫@兩個(gè)面板增加了厚度和縱深感，讓它們以3D的形態(tài)碰撞出新的火花。這種靈活的視覺組合，也是我們在延續(xù)經(jīng)典的同時(shí)做的一個(gè)小小的創(chuàng)新嘗試。

三、以人為本 內(nèi)容優(yōu)先

我們生活在一個(gè)快節(jié)奏的互聯(lián)時(shí)代。Office希望人們能更便捷地表達(dá)想法和協(xié)作，并在辦公中能保持專注。

所以在這次新圖標(biāo)設(shè)計(jì)中，我們?nèi)サ袅藞D標(biāo)的邊框，并將圖形部分抽象化（如以前的Word文檔圖標(biāo)中會(huì)包含文字行、Excel表格圖標(biāo)中會(huì)包含表格等具象元素，但新版的圖標(biāo)只會(huì)用抽象的色塊來表達(dá)），以此來模糊不同軟件之間的邊界。

同時(shí)，新圖標(biāo)調(diào)整了其中縮寫字母和圖形間的比例。相比舊版，新版圖標(biāo)放大了圖形的比例。

因?yàn)閳D標(biāo)中的縮寫字母代表工具，圖形部分代表用戶的創(chuàng)作，以此來強(qiáng)調(diào)人們創(chuàng)作的內(nèi)容。

最近，微軟團(tuán)隊(duì)陸續(xù)推出的新表情、新圖標(biāo)、新字體等設(shè)計(jì)都為行業(yè)帶來不少新的啟發(fā)。

如果你還想了解，前不久微軟剛發(fā)布的1800+Emoji表情設(shè)計(jì)，可點(diǎn)擊此處查看我們之前的文章《給你的想法加上Emoji》，文末還可獲取微軟1800+Emoji高清表情圖。

+++++

本文由 SDL藝術(shù)實(shí)驗(yàn)室 公眾號原創(chuàng)，如需轉(zhuǎn)載，可進(jìn)主頁私信我們

原文鏈接(文末附免費(fèi)圖標(biāo)素材網(wǎng)站)：https://mp.weixin.qq.com/s/i7xqF3MG59IZfl-bzfJMIA

Powered by Froala Editor