微軟稱要通過(guò)Windows 8再造操作系統(tǒng)，嗯，今天的主角是 Windows 8

Windows 8 你一定接觸過(guò)，無(wú)論是看過(guò)，還是安裝過(guò)，無(wú)論你喜歡，還是不屑，都阻擋不了她的緩緩襲來(lái)。
今天，我們來(lái)介紹一下windows8的精髓。

關(guān)鍵詞“兼容PC與平板”“引入Metro UI”
Windows 8增加了對(duì)平板電腦的支持，同時(shí)引入Windows Phone中的Metro UI，在使用中我們發(fā)現(xiàn)，很多的交互是為了平板而設(shè)計(jì)。

設(shè)計(jì)靈感來(lái)源
三個(gè)重要影響
（1）現(xiàn)代設(shè)計(jì) — 包豪斯（減少元素，以顯現(xiàn)本質(zhì)）
（2）國(guó)際主義平面設(shè)計(jì)風(fēng)格 — 瑞士平面設(shè)計(jì)風(fēng)格 （清晰，真實(shí)，美觀）
（3）動(dòng)態(tài)設(shè)計(jì) — 電影藝術(shù)（動(dòng)畫“活”起來(lái)，激發(fā)用戶情感）

生活中，人們行色匆匆，我們更需要提供快速，簡(jiǎn)潔，直接，明確的設(shè)計(jì)。

Windows 8的設(shè)計(jì)靈感來(lái)源于生活中的各類導(dǎo)航，地鐵站，機(jī)場(chǎng)等。人們即使在急于奔波的時(shí)候，也能一眼在這些導(dǎo)航中獲得他們要的信息。

Metro UI風(fēng)格運(yùn)用
Metro UI 是Windows 8 的設(shè)計(jì)主線，在對(duì)外發(fā)布的“開發(fā)者預(yù)覽版”中，Metro UI已經(jīng)運(yùn)用到了“鎖屏界面” “開始菜單”“IE”“RSS”“選擇文件”等界面中。預(yù)計(jì)之后從Windows Store 中下載的應(yīng)用均會(huì)使用Metro UI風(fēng)格。

Metro Start
　　1992年Win95系統(tǒng)中第一次出現(xiàn)了start菜單，它的基本目的是取代程序管理器，用于啟動(dòng)計(jì)算機(jī)任務(wù)。之后經(jīng)歷了一系列的改進(jìn)，但仍然存在各種缺陷。

Metro Start是屏幕是對(duì)Windows的start菜單、任務(wù)欄、通知和小工具改進(jìn)的成果。這一次做出了如下嘗試：
（1）最常使用區(qū)域擴(kuò)大
（2）Metro Start支持自定義
（3）操作空間變大

Metro Start設(shè)計(jì)小結(jié)
Start已經(jīng)不僅僅是一個(gè)菜單了，它占據(jù)了整個(gè)屏幕，取代了以前的桌面+開始菜單，承載了更多的功能。所有的程序都在這里，用戶在這里直接啟動(dòng)程序。

同時(shí)它還有以下特點(diǎn)：
（1）動(dòng)態(tài)信息：每個(gè)圖塊上的信息都是動(dòng)態(tài)的，經(jīng)過(guò)精心排版而被清晰呈現(xiàn)。顯示的信息可以自定義，比如某個(gè)城市的天氣預(yù)報(bào)或者某本雜志的內(nèi)容。這樣你可以在不啟動(dòng)應(yīng)用的情況下獲取一些關(guān)鍵信息。
（2）自定義：圖塊的位置可以隨意拖動(dòng)，可以將最常用的應(yīng)用放在首屏。
（3）為觸摸設(shè)計(jì)：每個(gè)圖塊的面積足夠大，手指可以輕易的選中。每個(gè)圖塊是作為一個(gè)整體被點(diǎn)擊，不會(huì)劃分額外的點(diǎn)擊區(qū)域。
（4）全局視圖：在觸摸板上，你可以將Start菜單像地圖一樣縮小放大，這有助于你快速選擇應(yīng)用。
（5）單擊開啟程序。
（6）圖塊有大小兩種尺寸，可以自定義。選擇哪種尺寸取決于應(yīng)用是否有信息需要顯示。小圖塊是不顯示信息的。

搜索結(jié)果展現(xiàn)優(yōu)化
Windows 7開始菜單中的搜索，用戶最常搜索的文件類型是：程序，文檔，控制面板，運(yùn)行命令。
Windows 8 根據(jù)這些類型，提供了三種搜索結(jié)果常用文件類型分類：應(yīng)用程序，設(shè)置和文件。
將搜索區(qū)域放在屏幕最右邊，內(nèi)容和結(jié)果放在最左邊。符合用戶從左至右，從上至下的閱讀習(xí)慣。 設(shè)置和搜索界面不在妨礙用戶瀏覽類容。 并且在觸摸設(shè)備上更易于用戶右手操作。

搜索設(shè)計(jì)小結(jié)
（1）將搜索結(jié)果按用戶使用方式分類。
（2）按照符合人體工程學(xué)的方式設(shè)計(jì)界面（從左至右， 從上至下）
（3）沉寖式的搜索體驗(yàn)， 不用更換頁(yè)面或彈出窗口， 一鍵更換搜素引擎和方式
（4）圖標(biāo)大小和距離分布按照Fitt’s Law優(yōu)化

如何去設(shè)計(jì)一個(gè)metro風(fēng)格的程序
Metro一個(gè)很重要的特點(diǎn)是沉浸式體驗(yàn)。每個(gè)應(yīng)用的不再放在一個(gè)窗口里，沒(méi)有了邊框，而是鋪滿整個(gè)屏幕。
以下四張圖展現(xiàn)了一個(gè)RSS閱讀器逐漸從傳統(tǒng)windows風(fēng)格過(guò)渡到Metro風(fēng)格的過(guò)程。

結(jié)合這個(gè)變化過(guò)程我們可以總結(jié)出一些metro風(fēng)格的要點(diǎn)：
（1）以內(nèi)容為主，方便閱讀。在視覺(jué)中心呈現(xiàn)的都是內(nèi)容，沒(méi)有額外的干擾元素。
（2）去掉修飾，界面元素平板化，像素化。這種數(shù)字化的設(shè)計(jì)可以節(jié)省很大的存儲(chǔ)空間。
（3）注重排版和布局。Metro對(duì)于應(yīng)用排版有統(tǒng)一的標(biāo)準(zhǔn)。這一點(diǎn)在閱讀類應(yīng)用中尤其明顯。
（4）內(nèi)容平鋪在全局視圖里，通過(guò)滑動(dòng)或者縮放，你能看到其他的內(nèi)容。取消了tab這樣的切換控件。
（5）操作被隱藏，在需要的時(shí)候從邊緣呼出，微軟稱之為‘邊緣交互’。手指從屏幕底部邊緣滑入時(shí)會(huì)產(chǎn)生相應(yīng)的交互動(dòng)作：底部是操作菜單，右側(cè)是一組固定的操作，左側(cè)是應(yīng)用切換。

Skydrive 云存儲(chǔ)
在不同的設(shè)備上登陸同一賬號(hào)，win8的云服務(wù)會(huì)自動(dòng)更新用戶的照片，郵件，日歷，通訊錄。Skydrive 通過(guò)瀏覽器或者metro風(fēng)格的程序來(lái)獲取最新的照片，文檔等數(shù)據(jù)。

用戶可以選擇禁用所有同步，也可以按設(shè)置類型禁用同步?？梢酝降臄?shù)據(jù)有三類：
（1）windows設(shè)置；
（2）應(yīng)用程序設(shè)置和數(shù)據(jù)；
（3）應(yīng)用程序和網(wǎng)站的登錄憑據(jù)。

Win8中的云服務(wù)保持了信息在線同步，使得用戶在不同設(shè)備上的使用體驗(yàn)?zāi)軌驘o(wú)縫連接。

協(xié)同工作：分享、搜索、選擇器
在win8中，兩個(gè)應(yīng)用可以協(xié)同工作去完成一個(gè)任務(wù)。微軟開發(fā)人員定義了三種最基礎(chǔ)的、最常用的協(xié)同工作方式：分享、搜索、選擇器。你可以隨時(shí)從右側(cè)呼出的操作欄上找到“分享”和“搜索”圖標(biāo)，非常容易調(diào)用。這使得信息分享變得更容易。通過(guò)右側(cè)常用操作欄上的“分享”按鈕，用戶可以輕松的將當(dāng)前應(yīng)用的信息分享到其他程序中。

比如當(dāng)你使用一個(gè)涂鴉應(yīng)用完成一幅大作后，就可以通過(guò)“分享”按鈕通過(guò)微博、郵件、flickr等渠道發(fā)送給其他人看到。

同樣的，搜索時(shí)出了搜索本地內(nèi)容之外，也可以直接搜索應(yīng)用中的內(nèi)容。在微博中發(fā)一張圖片時(shí)。也可以直接從flickr相冊(cè)中選取。

基礎(chǔ)功能改進(jìn)
任務(wù)管理器
Windows7任務(wù)管理器中的現(xiàn)狀是：
（1）用戶最常使用的功能是：“應(yīng)用程序”和“進(jìn)程”tab。用戶最常的操作是“結(jié)束應(yīng)用”和“結(jié)束進(jìn)程”
這兩個(gè)tab的使用頻率大致相同，這表明在“應(yīng)用程序”頁(yè)面中，有一些重要的細(xì)節(jié)缺失，導(dǎo)致用戶要到“進(jìn)程”tab中去查找。
（2）用戶主要想查看應(yīng)用程序中，沒(méi)有顯示的后臺(tái)或系統(tǒng)進(jìn)程，并查看哪些進(jìn)程占用了較多的CPU資源。

Windows8任務(wù)管理器針對(duì)如上現(xiàn)狀進(jìn)行了優(yōu)化：
（1）為結(jié)束進(jìn)程的操作優(yōu)化，
去掉tab，進(jìn)程間間距增大，將更多高級(jí)功能隱藏到“更多”中，視覺(jué)焦點(diǎn)更容易集中到“結(jié)束進(jìn)程”上。

（2）突出信息可視化，用顏色等變化突出重要信息。

資源管理器設(shè)計(jì)小結(jié)
（1）簡(jiǎn)潔，簡(jiǎn)潔再簡(jiǎn)潔
（2）為用戶最常用操作優(yōu)化
（3）使用視覺(jué)設(shè)計(jì)突出重要信息
（4）按照用戶習(xí)慣將信息分類
（5）為了讓用戶瀏覽更輕松優(yōu)化
（6）在基礎(chǔ)界面極簡(jiǎn)的同時(shí)增前高級(jí)功能
（7）被一個(gè)設(shè)計(jì)改動(dòng)都建立在用戶數(shù)據(jù)基礎(chǔ)上

結(jié)語(yǔ)
Windows 8的設(shè)計(jì)，如所見(jiàn)的圍繞著內(nèi)容為主，去修飾平面化，沉浸，動(dòng)態(tài)，邊緣交互的風(fēng)格來(lái)設(shè)計(jì)。
雖然在開發(fā)者預(yù)覽版中，僅僅的對(duì)鎖屏桌面，開始菜單，IE10，RSS，任務(wù)管理器，資源管理器等進(jìn)行了大刀闊斧的改變。我們有理由相信，這些
都僅僅是一個(gè)過(guò)渡，伴隨著windows store的開放，Metro 設(shè)計(jì)風(fēng)格的應(yīng)用會(huì)排山倒海的襲來(lái)。我們也應(yīng)該去思考如何結(jié)合新系統(tǒng)，新趨勢(shì)做出我們自己的產(chǎn)品。

• (本文出自Tencent CDC Blog，轉(zhuǎn)載時(shí)請(qǐng)注明出處)