WIN8設計(ji)特性淺談和(he)騰(teng)訊duan)wei)博MS首版設計(ji)思路分享
WIN8設計(ji)特性淺談和(he)騰(teng)訊��duan)��wei)博MS首版設計(ji)思路分享-移動閱讀二維(wei)碼

10月,一個收獲的季(ji)節,微(wei)軟的新luan)淮cao)作系統window8悄然huan)zhi),同時,我們(men)的微(wei)博客(ke)戶端(duan)團隊(dui),也搭上了shuo)di)一波win8應用的末班車,設計(ji)並(bing)推(tui)出(chu)了騰(teng)訊duan)wei)博MS版本。本文將結合騰(teng)訊duan)wei)博MS版本的設計(ji)過程以及對(dui)win8系統特性yuan)娜鮮叮 牧in8操(cao)作的平jiao) 撓τ蒙杓ji)。

文章(zhang)很長,請(qing)選擇有價值的部分閱讀,或許你敢把(ba)它讀完呢(ne)…

本文索引︰

1.?????Windows8—再構想

2.?????Win8的nan)低程匭/p>

3.?????Win8的交互(hu)特性

4.?????Win8的視(shi)覺特性-Metro進化(hua)

5.?????騰(teng)訊duan)wei)博MS首版的設計(ji)思路

6.?????Win8平jiao)ㄓτ蒙杓ji)建議

一、????Windows8—再構想

?關鍵詞︰後PC時代

《Windows8 guide》開篇第(di)一huan)渭囪悅ming)︰“如今超(chao)過三分之二的PC是移動設備,比如筆(bi)記本、上網本、平板(ban)電腦。幾乎每一台PC都有xing)wu)線連(lian)接的能(neng)力”。所以,win8的設計(ji)更(geng)多的mu)kao)慮了移動設備和(he)觸控體驗,更(geng)加的關注的是qie)沒(mei)?he)應用關系,而(er)不是操(cao)作系統本身。雖然保留了大(da)部分windows7的基礎特性,但(dan)win8系統旨在創(chuang)造更(geng)優的觸控體驗,建立新的良好的生態(tai)系統。

如果說(shuo)隻果完成(cheng)了後pc時代的基礎性創(chuang)新,那win8的出(chu)現則(ze)意味(wei)著傳統PC的全面遷徙。以ipadiphone為(wei)代表的無(wu)線觸摸產品fan)那苛lie)沖(chong)擊(ji),讓(rang)微(wei)軟意識到PC戰場其實(shi)也已經徹底轉(zhuan)移ping)耍 er)win8操(cao)作系統就是在這種zhi)樾xing)下(xia)微(wei)軟的一次再構想。

二、????Win8的nan)低程匭/strong>

Win8系統有很多不同一般(ban)的操(cao)作體驗,這里筆(bi)者摘取了一些更(geng)能(neng)體現其設計(ji)理念(nian)的特性進行介紹,更(geng)多詳盡的特點就不在此su)稈粵恕/p>

Win as One

在win8系統中(zhong),程序是以應用的形(xing)式存在的,它有應用市場,用mei)?梢越杏τ梅wu)的購買,讓(rang)人不禁聯想到,這更(geng)像(xiang)IOS、安卓等無(wu)線領域的,但(dan)不同在于,win8試圖(tu)通過系統的平jiao)   滄霸詬悶教(jiao)ㄉ系乃杏τ媒杏謝牧 擔 康饔τ眉淶男  he)共享,給用mei)?lai)完整、生態(tai)化(hua)的體驗,也讓(rang)每一個在此生態(tai)系統內的應用“Win as One”。

1.???Charms(超(chao)級(ji)按ci)︰高于任何應用的nan)低痴瞎?呃/strong>

WIN8設計(ji)特性淺談和(he)騰(teng)訊��duan)��wei)博MS首版設計(ji)思路分享

在任何wen)焙潁 沒(mei)?伎賞 諂ping)幕右側邊(bian)緣(yuan)向左(zuo)滑(hua)動或將鼠(shu)標懸停至(zhi)屏(ping)幕右側,呼出(chu)Charms。Charms是個樞(shu)紐般(ban)的nan)低徹?呃福  飫錚 沒(mei)?梢鑰燜俚慕興閹鰲 窒懟?柚玫炔cao)作。

2.???搜索︰系統層(ceng)級(ji)的整合搜索,帶來(lai)更(geng)全面快捷的搜索與(yu)信息檢索體驗

搜索可查詢(xun)的範duan)?輝俳魷抻誄絛蠔he)文件,幾乎遍及操(cao)作系統和(he)互(hu)聯網整個環境中(zhong)。用mei)?喚隹梢栽諞桓 τ彌zhong)查詢(xun)關鍵字,而(er)且還可以快速切換到其他應用,或者在幾個應用直接yong)lai)回切換搜索結果。簡化(hua)了用mei)?cao)作,無(wu)需重新輸入關鍵詞,就可以直接在新的應用程序下(xia)獲得(de)不同方(fang)面的搜索結果。

3.???共享︰系統層(ceng)級(ji)的整合分享,使應用之間更(geng)開放,信息和(he)內容傳遞(di)沒(mei)有界限

用mei)?梢栽諶魏問(wen)焙潁 ba)任何內容直接通過分享,分享至(zhi)支持該內容分享的應用中(zhong),使信息得(de)到開放無(wu)障礙的流動和(he)擴散。

4.???貼(tie)靠視(shi)圖(tu)︰一屏(ping)兩用,應用共處之道

 

5.???動態(tai)提醒︰無(wu)處不在,讓(rang)信息處理更(geng)加及時準確(que)

Win8的動態(tai)提醒機制主要(yao)通過兩種方(fang)式來(lai)實(shi)現︰動態(tai)磁(ci)貼(tie)和(he)系統toast。在start界面你可以設置動態(tai)的磁(ci)貼(tie)以實(shi)時顯(xian)示(shi)每個應用里的最新更(geng)新,在任何wen)焙蚰愕撓τ枚伎梢醞 shi)時toast來(lai)對(dui)用mei)?兄匾yao)信息的提醒或者應用操(cao)作的提醒,toast是可以被用mei)?鞫 hua)走消(xiao)失的,toast中(zhong)可以直接顯(xian)示(shi)新消(xiao)息的內容。

前衛的觸控體驗

就在最近,當被問(wen)及企(qi)業(ye)用mei) 不huan)Windows 8操(cao)作系統的什麼特性時,身為(wei)微(wei)軟掌舵人shuo)氖返(fan)俜fu)?鮑爾默給出(chu)了非常(chang)簡潔的回答︰觸摸、觸摸、觸摸!

Win8非常(chang)注重觸控體驗,排除基本的觸控操(cao)作不說(shuo),其很多關鍵系統操(cao)作都ji)且攬勘冉jiao)高級(ji)手zhi)撇cao)作進行的,雖然需要(yao)一huan) 難(nan) 俺cheng)本,但(dan)因為(wei)是qie)沒(mei)?壞de)學習的操(cao)作,而(er)且習慣之後確(que)實(shi)也會給整體體驗帶來(lai)更(geng)加流暢、快捷的感受,這一點筆(bi)者本人還是比較(jiao)欣賞的。另(ling)外通過這樣的高級(ji)手zhi)粕瓚 in8使得(de)用mei)?牟cao)作僅通過觸摸屏(ping)幕就可以完全掌控,ipad也有類似的手zhi)撇cao)作,但(dan)那僅僅是作為(wei)輔助操(cao)作存在,相對(dui)而(er)言,win8貫徹的更(geng)加徹底,同時也更(geng)加流暢和(he)便捷。

1.???語(yu)義縮放

Win8的橫向流動界面可以無(wu)限延長,加之其內容為(wei)主的設計(ji)思維(wei),在很多頁面用mei)?疾壞de)不面對(dui)long long的滑(hua)動導(dao)航壓(ya)力,比如win8的start(開始)界面,在這樣的界面,系統增加了一步高級(ji)手zhi)撇cao)作,用mei)?賞  改蠛希  鼻敖緱嫠跣 wei)純導(dao)航視(shi)圖(tu),並(bing)進行快速導(dao)航jiao)zhuan)。此視(shi)圖(tu)跟正(zheng)常(chang)視(shi)圖(tu)ji)涫shi)是兩個界面,應用設計(ji)者可以根據自己的情(qing)況自行設計(ji)該視(shi)圖(tu)的nan)膠he)操(cao)作。

2.???應用men)謝/strong>

Win8支持真正(zheng)的多進程管理,而(er)且是沉(chen)浸式操(cao)作體驗,所以怎(zen)樣切換應用,又zhi)且桓瞿nan)題(ti)。Win8的解決(jue)方(fang)案是,用mei)?梢醞 zuo)側的邊(bian)緣(yuan)向右滑(hua)動,可以直接you)謝晃wei)上一個應用程序,整個過度que)淺chang)流暢、快速。

3.???選擇操(cao)作

Win8的nan)≡癲cao)作使用了向下(xia)拉選的高級(ji)手zhi)疲 ≡癲cao)作可以在默認界面直接進行,不需要(yao)多一個編輯態(tai),也不需要(yao)再設置一個多選框,更(geng)加直接,但(dan)也需要(yao)學習成(cheng)本。

4.???關閉(bi)程序

Win8沒(mei)有返(fan)回的物理按鍵,提倡沉(chen)浸式jiao)逖櫚納杓ji)理念(nian),也造成(cheng)了每個應用都沒(mei)有關閉(bi)或者退shun)chu)按ci)? 敲從沒(mei)?zen)樣關閉(bi)一個應用呢(ne)?只(zhi)需要(yao)手指從屏(ping)幕huan)?duan)下(xia)劃至(zhi)屏(ping)幕下(xia)半區,伴(ban)隨流暢的動畫,應用關閉(bi)。

5.???多進程管理

用mei)?梢栽諂ping)幕左(zuo)側向右滑(hua)動一小段(duan)距離再向回滑(hua)動,呼出(chu)當前進程管理。

6.???呼出(chu)工具欄

Win8應用中(zhong)把(ba)大(da)部分操(cao)作工具,都放在隱藏(cang)的工具欄中(zhong),固定的導(dao)航也經常(chang)放在隱藏(cang)的導(dao)航欄中(zhong),用mei)?梢醞 ping)幕上邊(bian)緣(yuan)下(xia)滑(hua)或者下(xia)邊(bian)緣(yuan)上滑(hua),呼出(chu)工具欄和(he)導(dao)航欄。

對(dui)傳統鼠(shu)鍵操(cao)作的平衡考(kao)量

Win8系統不僅僅有主推(tui)觸摸體驗的metro界面,也保留了Windows之前窗口操(cao)作的桌(zhuo)面系統chang) 環fang)面照顧shuo)indows用mei)?氖褂孟骯擼 ling)一方(fang)面也因為(wei)在未來(lai)不huan)痰囊歡(huan)問(wen)奔淠冢in8的很大(da)一部分zhong)沒(mei)?廊換嵋允shu)鍵操(cao)作為(wei)主要(yao)使用方(fang)式。另(ling)外,在metro界面的所有觸摸操(cao)作,均有相對(dui)應的鼠(shu)鍵操(cao)作實(shi)現方(fang)式。

三、???Win8的交互(hu)特性

Win8 metro界面沿用了WP7的視(shi)覺風(feng)格,並(bing)且在交互(hu)上也繼承了其簡單(dan)、快速、內容為(wei)主等等的特質(zhi),像(xiang)動態(tai)磁(ci)貼(tie)之于動態(tai)磁(ci)貼(tie),橫向列表之于全景視(shi)圖(tu),全局分享和(he)搜索之于HUBS…Win8很多交互(hu)形(xing)式都ji)腔P7的進化(hua)和(he)tou) 埂Kmen)在精(jing)神上是互(hu)通的,在這里偶也無(wu)恥的鏈一下(xia)自己去年的一篇文章(zhang)《WP7交互(hu)特性淺析及APP設計(ji)探究》,有興趣(qu)的mu)梢圓慰kao)閱讀哦。

其實(shi)win8的大(da)部分特色的具體交互(hu)形(xing)式在上面的nan)低程匭災zhong)都已經做(zuo)了很多介紹,這里主要(yao)進行一些交互(hu)設計(ji)思維(wei)上的總(zong)結,並(bing)結合實(shi)例進行說(shuo)明(ming)。

1.“Content not Chrome”bao)C 內容優于形(xing)式,注重信息而(er)非界面

這是win8設計(ji)的核心(xin)思維(wei),Chrome在設計(ji)時候,提出(chu)的理念(nian)就是讓(rang)用mei)?geng)加關注網頁內容,而(er)忽視(shi)瀏覽器本身,win8將其拿來(lai)主義一番,並(bing)進行了發(fa)揚(yang),內容為(wei)先(xian),其次wen)牆緱妗N頤men)會看到jiao)旅嫣岬降囊恍┘換hu)設計(ji)方(fang)jiao)潁 際(ji)且哉庖緩誦xin)思想做(zuo)指導(dao)的。

舉個手zhi)睦永(yong)lai)形(xing)容這一點再貼(tie)切不過了。在iPhone之前很長一個時期內,手zhi)納杓ji)最重要(yao)的是qie)布夤凵杓ji),奇形(xing)怪狀,人們(men)買手zhi)氖焙蛞卜淺chang)注重外觀的美丑,而(er)發(fa)展到jiao)衷冢 懇惶ㄊ只(zhi)zhi)有一個大(da)屏(ping)幕,人們(men)更(geng)加注重的卻是屏(ping)幕里面的東西(xi)了,對(dui)手zhi)耐廡xing)已經不再那麼關系,當有一天,手zhi)??wu)形(xing)了,我想我們(men)也不會那麼奇怪。其實(shi)界面的設計(ji)也是這個道理,一切的形(xing)式都ji)俏wei)了更(geng)好呈現內容並(bing)讓(rang)用mei)?淇斕娜?郵芏er)存在的。Win8將這一點作為(wei)其設計(ji)的指導(dao)思路。

2.?流動的導(dao)航,清晰的內容流向,繼續或者回頭(tou)

以內容為(wei)主導(dao)的交互(hu)界面,win8更(geng)希望(wang)通過內容的流動去帶動或者吸引用mei)?氖褂茫 Mwang)通過用mei)?那幣饈度?dao)用mei)?K運牡dao)航是和(he)內容在一起的,用mei)?兄 南(nan)亂(luan)徊絞僑?蚴裁囪哪諶藎 er)不是怎(zen)樣去走下(xia)luan)徊健/p>

3.?沉(chen)浸式的瀏覽與(yu)操(cao)作體驗,隱藏(cang)式的工具與(yu)導(dao)航操(cao)作

Win8的設計(ji)提倡給予用mei)?chen)浸式的體驗,在有限的屏(ping)幕中(zhong),將內容最大(da)化(hua)的呈現給用mei)?  苯 潭 牡dao)航和(he)工具隱藏(cang)在上下(xia)邊(bian)緣(yuan)的工具欄和(he)導(dao)航欄中(zhong)。Windows不再是窗口,而(er)是世(shi)界。

4.?橫屏(ping)瀏覽lai)lai)的扁平架(jia)構

Win8的頁面最大(da)的特色就是流暢的橫屏(ping)瀏覽,基于內容的導(dao)航架(jia)構,使win8的導(dao)航不在重要(yao),而(er)是直接把(ba)可能(neng)在其他平jiao)ㄐ枰yao)二級(ji)頁面的呈現的內容,直接呈現出(chu)來(lai)。另(ling)外,橫屏(ping)空間的良好擴展性,也使得(de)整個系統的架(jia)構更(geng)加扁平並(bing)且可用。

5.?橫屏(ping)操(cao)作體驗大(da)部分zhi)榭魷xia)明(ming)顯(xian)優于豎屏(ping)操(cao)作

Win8的設備比例,大(da)部分設備使用men)qing)景以及橫向滑(hua)動的nan)低巢cao)作等原因,造成(cheng)了win8系統大(da)部分zhi)榭魷xia)橫屏(ping)操(cao)作的體驗要(yao)由(you)于豎屏(ping)操(cao)作。

風(feng)險

這不是微(wei)軟的軟文,所以win8還是qie)瀉芏嚳feng)險和(he)問(wen)題(ti)的︰

l??用mei)?那幣饈蹲釗菀酌mi)失

Win8提倡以內容去引導(dao)用mei)?匿 潰 Mwang)通過用mei)?那幣饈度?dao)用mei)?5dan)其實(shi),一旦內容的展現zhong)問(wen)醬 聿還緩茫 沒(mei)?莧菀自誶  宦lv)的內容面前迷(mi)失自己。

l??高昂的nan) 俺cheng)本

各種高級(ji)手zhi)頻腦擻茫 枰yao)用mei)?芨叩難(nan) 俺cheng)本,過高的操(cao)作門檻,在佩服其勇氣的同時,也不得(de)不為(wei)其擔憂(you)。

l??內容也會疲勞

Win8的生命力在于內容,好的內容能(neng)夠在win8平jiao)ㄉ系de)到很棒的呈現,但(dan)對(dui)形(xing)式的過分忽視(shi),也會造成(cheng)其對(dui)內容的要(yao)求更(geng)加苛刻,因為(wei)很難(nan)在win8平jiao)ㄉ嫌貌灰謊謀澩da)方(fang)式來(lai)彌補某些內容本身的不足。外對(dui)高質(zhi)量內容的持zhong)yao)求,也可能(neng)會造成(cheng)後期的疲軟以及用mei)?納竺榔@汀/p>

l??觸控與(yu)鍵鼠(shu)的混亂(luan)不堪

Win8十分激進的注重觸摸體驗,但(dan)又不得(de)不考(kao)慮大(da)部分zhong)沒(mei)?納璞該偶骱he)使用習慣,直接將Modern UI界面和(he)Windows界面糅(rou)合xian)諞黃穡 斐cheng)不小的困擾(rao)。在設計(ji)每個觸摸體驗的同時,又要(yao)考(kao)慮鍵鼠(shu)用mei)?牟cao)作,也給設計(ji)本身帶來(lai)了很多困難(nan)。

四、???Win8的視(shi)覺特性-Metro進化(hua)

從WP7開始的Metro風(feng)格引發(fa)了鋪天蓋地的mu)謁 健S腥慫shuo)這是微(wei)軟最後的掙扎,也有人說(shuo)這是不能(neng)回避的未來(lai)樣式。看起來(lai)WP7和(he)Win8好像(xiang)是iPhone和(he)iPad的區別,但(dan)其實(shi)Win8的平板(ban)更(geng)大(da)程度上代表了所謂的Metro風(feng)格,哦,應該叫Modern UI或Windows 8 style。

天天PK10官网

天天PK10官网

靈感來(lai)源?︰

本文鏈接︰火箭网彩票官网http://www.mobileui.cn/win8-design-tencent-ms.html
本文標簽: , , ,