怎樣創(chuàng)造閱讀美感
對于我來說兩種方式我都可以接受,取決于這個應(yīng)約程序你是不是可以做好,好的定義很多,第一個是Metro,如果你了解Metro的語言,第二個是這樣的界面(圖)。它對美工特別嚴格,它的要求是一個雜志的設(shè)計班底去做的應(yīng)用。我們再說一下顏色,設(shè)計中的東西會有顏色,顏色其實是一個很好的設(shè)計元素,基本上的方式是:紅、藍、綠。紅主要是適合提醒用戶。藍色是用戶自定義,綠色是強調(diào)層次,在大篇幅的里面和段落的東西會看到是綠色。你可以看到目前這四個頁面,可能讓你最緊張得是紅色,因為確實不知道這一天的紅色是什么事情。藍色讓人感覺很舒服,它的邊框和方格和里面的內(nèi)容也是藍色,非常舒服。綠色和橙色更多的是來表達提醒和內(nèi)容的層次感,所以要善于用顏色。
再一個英文的字體基本上是兩種,最起碼它的標題和底下的詳細的東西區(qū)分開。文字的東西要讓人看上去舒服,現(xiàn)在的操作系統(tǒng)現(xiàn)在看上去還可以,別人經(jīng)常問我為什么要用微軟雅黑,我說我也不知道,現(xiàn)在有一些東西沒有中文的規(guī)則,你用的時候里可以做切入字體,可能需要等到Metro上市,字體會有更好的準則出來。
Hardware,這是最好的一個按紐,這個可以隨時回到我之前的操作中。但是它有一個誤區(qū),有時候你會對這個按紐有非線性的標準,你要控制一下。還有一個是Windows鍵,這個跟別的鍵沒有什么區(qū)別,但是你不要設(shè)計成“您是否要離開嗎”這樣的東西,F(xiàn)在這種鍵屏都是小屏,基本上屬于右手指半徑的一半,一只手可以解決問題。有一些手機現(xiàn)在出鍵盤了,鍵盤主要是于用輸入,但是不要把字母鍵設(shè)置成這樣的。手勢有很多,可以往上彈等等。
觸摸,如果可以用系統(tǒng)文件,就不要用其他了,F(xiàn)在可以看到很多第三方的東西,但是大家的邏輯是吃不奪得,但是整個色彩會變,但是模式不會變。用戶好不容易在你的系統(tǒng)上養(yǎng)成了習慣,你這樣卻要他改變,這樣不好。Lconography,這個東西我會發(fā)給大家,比如說寫一個新浪微博,它上面是一個小筆的圖標,我們是一個加號。比如說垃圾站,還有計算器,對號、電話薄,下面基本上你的東西跟它不一樣,那么你想一下是什么原因造成的。
我們看一下Windows Phone設(shè)計的應(yīng)用。我們研究了很多的phine應(yīng)用,我們其實現(xiàn)在都還在積累經(jīng)驗,很多的應(yīng)用不是他設(shè)計準則,我們以不按鍵的例子為準。我們看到的是兩種方式,一種是Metro界面一種是背景界面,從整個設(shè)計框架,一個是帶框架的方式,一種是無框架的方式。帶框架的方式,上面是程序的圖標,背景色用的是過度色,這樣是不占你內(nèi)容的呈現(xiàn),內(nèi)容放上去很突出,下面是搜索條,可以看到它在下面的時候基本上不會過多的展示項,不會超過4項。這也是做圖片處理的,這一種是白色背景,Windows Phone有兩種,白和黑,兩個都要適應(yīng)一下。我們可以看一下這個,什么樣的應(yīng)用是有閱讀的感覺,這是我們可以看到目前不多的幾款看上去有閱讀感的。
這是我手上的一部手機,我給大家演示一下。Windows Phone的主界面是這樣的,它一個白底一個黑底,目前是黑底。這個是活動磁片,系級的都是背景色為主的,如果你做的話可以像這個一樣做成背景色。所以你的圖標可以按照這種方式來走,圖標是透明色。當然可以做這種圖標。你看KIK.,就非常的突出,它有時候這個“.”是綠色的。這個是“人脈”,這個是最新的更新,如果你有一些朋友這里面會有一些更新出來。你可以看到這是我的一個朋友,我這時候可以看到他最新的東西,然后他的一些照片,其實我們是通過網(wǎng)絡(luò)的方式來找到我們的朋友,再找到我朋友的一些東西,這是照片。所以你可以把整個你朋友的照片在照片庫里弄到你的桌面上,這樣你每都可以瞻仰他更新的東西。當然,類似這樣的操作還有音樂,你喜歡的音樂專輯也可以弄到主頁上去。phine你不操作不知道,你操作了才知道。一個用戶我是不需要讓他打開應(yīng)用來進入我的頁面,而是把用戶關(guān)注的東西放到我這個里面,這是我關(guān)心的相冊,我點這個直接進來了,而我沒有點相冊的圖標。包括聯(lián)系人,也可以把它放出來,還有就是微博里面的人,現(xiàn)在新浪微博已經(jīng)有這個功能,可以把這個人直接弄出來,把新浪微博的人可以弄出來,它會告訴你。比如說我可以看到我的資料或者是我的關(guān)注,這是我的一個好朋友,然后我點他,然后把它出來,非常的簡單。這是一個操作,你不需要用戶只是進入到程序里去,而是持續(xù)的關(guān)注這個程序。
其實整個郵件的閱讀感非常好,你可以把這個字放很大,這里是顯示出來,然后下載。其實Windows Phone的閱讀感,你看整個字的邊距控制的非常好,看上去非常好。如果里不知道怎么處理這些信息,你可以像它這樣。下面是圖標很多的話,你可以讓它彈起會顯示出來。還有我們可以看到的圖片,剛才我們說了圖片沒有什么難的,圖片、相冊。這是看我自己的相冊,但是它的好處是說屬于你掛一個帳戶,你這個相冊是可以從網(wǎng)上跟你同步的,這可以我們的手機傳上去,就是說一個帳戶綁定所有的東西。還有人脈,我們這兒的聯(lián)系人,可以看到他所有的照片,非?臁?s略圖不是很費流量,展開了就會費流量。這些東西是Windows Phone自己的體驗,它跟安卓他們一點也不一樣,它是人脈和資源的綁定,包括你看視頻也非常簡單。我們說完這些,我們要應(yīng)用程序,這幾個應(yīng)用程序,這六個是我們這周五在杭州48小時團隊出的。
我們說幾個具有代表性的東西,第一個是cocktail,它的界面非常的舒服,它的背景色是一種漸變的顏色。因為我看雞尾酒,真正關(guān)注的是這個容器本身是不是精致,是不是吸引我。比如我進到一個酒的列表,可以看到基本上這些圖標都是照片性的,而且它整個排列都非常吸引人,你在看的時候大量的流白,讓你的眼睛真的是注意在這個物體的中心。剛才我們說的是有道理的,所以越經(jīng)典的東西,你是在設(shè)計用戶該讀什么,不該讀什么,F(xiàn)在應(yīng)用程序都不難,對于一個做網(wǎng)站的程序來說,做移動根本就不難。
我們剛才說的很多的框架,這個是亞馬遜,它的標題中間是框架的東西,再往下是TAP,它是全景示圖。很多設(shè)計誤區(qū)是TAP是布什全部頂?shù)缴厦嫒,不是的,所以你可以發(fā)現(xiàn)它當中的項非常少,就是兩行。它整個區(qū)域是三分之二,它的陳列項比較少,不會超過兩行。比如說看到這里,它把框架頁的東西縮短,讓你感覺整個框架頁還在,這是整個形式,整個的界面非常經(jīng)典。像亞馬遜的購物網(wǎng)站都可以做到,所以我們的應(yīng)用程序也可以做到。新浪微博這個版本已經(jīng)很優(yōu)化了,但是文字太小,太雜,這可能是中國人的閱讀習慣,我感覺時間讀長了很難受。我們再看一下Facebook,也是這種框架頁面,上面是圖標,下面是拍照框,因為它整個布局非常寬。而且它的是在刻意控制列表,大量的信息會擾亂我們的視覺。還有一些應(yīng)約,這個是Tweer,我喜歡它藍色的字,尤其是作為一種聊天的界面,會比較好。兩種界面都要設(shè)計:橫版,豎版。
我們再看一下例子,這是我們?nèi)齻月前統(tǒng)計了一些比較好的例子(PPT),這是另外一種框架頁,是一個標識,這個動物會出現(xiàn)在任何一個界面里面去,就是無論讓你知道,它是屬于這個應(yīng)用程序的,可以用很多的方式暗示用戶的招數(shù)。這個是Facebook。所以希望大家有更多的時間看一下整個設(shè)計的東西,因為設(shè)計優(yōu)先,設(shè)計驅(qū)動。很多人在問我們有哪些Windows Phone開發(fā)的資源。我這里稍微給大家過一下,這要用到另外一個主機器,我想問一下大家平常用Windows Phone開發(fā)資源在哪里找的?其實你們都知道了。這里面我們還是強調(diào)一下開發(fā)者資源的內(nèi)容,一方面大家可以看到我們基本出的一些主要活動都在這兒,比如說校園開拓者和應(yīng)用征集都在這兒,如果你想?yún)⑴c開發(fā)者計劃,而且在三個月可以完成,還有你想得到一些支持,你等一下就可以去填表。
這是Windows Phone的新資料,我們有一個Windows Phone的開發(fā)中心,基本上資料會有這些,我們現(xiàn)在最全的都是在Windows Phone開發(fā)平臺里面去。我們慢慢向開發(fā)者頻道也在建,有更多的資源,大家可以去。第一步應(yīng)用程序下載,大家知道Windows Phone的開發(fā)程序是免費的,如果你是需要上傳,你需要有一個帳號,那個一年的費用是99美金。第二部分是開發(fā)的資料,這塊有幾部分,其中一方面是官方的資料,一個是下載開發(fā)人員培訓包,這是英文的。包括下載Windows Phone文檔都是中文的,整個課程有兩個,兩個開發(fā)區(qū)域,一個是IPS(音)一個是GAME,比如說憤怒的小鳥以及象棋類的等等一些場景。如果你沒有基礎(chǔ),強烈大家看這個,我們大部分參加馬拉松的同學看的都是四天的教程,看其實很快,它就是從零基礎(chǔ)開始學,基本上都可以了解到技能,非?炀涂梢詫W好。還有一些開發(fā)基礎(chǔ)的東西課程,還有一些在做安卓和IOS的,我們這里面有一個完整一個手冊。整個UI的線程的控制,還有界面化API,很多東西都是類似的,但是如果里需要做游戲,你需要同時了解別的。應(yīng)用程序的發(fā)布會分為:公司、個人、學生。如果你是學生,可以免去一年的99美金的費用。程序發(fā)布非常簡單,比如你的圖標是不是安排好了,你做好的區(qū)域這些都要去做。這里面我們還要強調(diào)一點對于應(yīng)用程序來說,會有最新的介紹,所以基本上有一些手段可以幫助到你們,應(yīng)用程序的銷量會非常高。我們有一些數(shù)字,我可以給大家找一下;旧衔覀兘榻B了Windows Phone的主要問題和資源,還有你可以在技術(shù)區(qū),這是我們的論壇,我們有WP7開發(fā)的論壇,這里你可以提一些問題,整個論壇的答復率在50%多,目前我們正在投更多的資源來答復。
關(guān)于應(yīng)用程序,我們最后給大家看一下這個。這是Windows Phone自身對于系統(tǒng)的力度。里面有幾塊,一個是這個,它每天有一個應(yīng)用,把應(yīng)用的全景圖都是你的,這基本上是2000的點擊率。再有是這個,這個是通訊類的,這個基本上是800%多的推廣,這個挺好的,我們區(qū)別于其他,這個僅有的應(yīng)用程序商店你上去很難了,所以大家就現(xiàn)在的模式,如果你有一個應(yīng)用要趕緊上。