做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

首頁

收集天氣—手機(jī)界面

2013新浪·天氣通第二屆手機(jī)桌面插件設(shè)計大賽》 參賽作品

當(dāng)你看到漂亮風(fēng)景的時候會舉起相機(jī)把美好的一刻記錄下來,而遇到令你感到舒適的天氣時,有沒有把它收集起來某一天拿出來循環(huán)再用的沖動,雖然不可能實現(xiàn),但希望你能記得當(dāng)天裝進(jìn)瓶子里的美好心情。
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

溫馨天氣賞析

把生活中的常見元素融入設(shè)計,希望能給用戶帶來輕松溫馨的感覺。

案例學(xué)習(xí):優(yōu)化移動Web產(chǎn)品的四個要點

藍(lán)藍(lán)設(shè)計的小編

世界范圍內(nèi)移動設(shè)備的使用數(shù)量在與日俱增。面對在跨越多個不同設(shè)備上創(chuàng)建良好web體驗的挑戰(zhàn),現(xiàn)在已經(jīng)存在多種解決方案。但是對于任何一個給定的項目,這些解決方案中哪個是最合適的?為了回答這個問題,《移動優(yōu)先》作者Luke以Bagcheck應(yīng)用作為案例(注:Bagcheck是一家從事搜索與發(fā)現(xiàn)業(yè)務(wù)的創(chuàng)新型企業(yè)),解釋了選擇分別設(shè)計移動版和桌面版背后的原因,并通過對比提煉出四個優(yōu)化移動Web產(chǎn)品的建議。全文如下:

不要讓“合理性”成為阻礙設(shè)計前行的絆腳石

藍(lán)藍(lán)設(shè)計的小編

 “這個不符合用戶的心理”,“這個功能打破了我們產(chǎn)品整體的平衡性,放在這里在我看來是不太合理的”…   

  作為互聯(lián)網(wǎng)行業(yè)里萬千鼠標(biāo)民工中的一員,諸如以上的對話,每天都在我們的生活中不斷演繹著。合理性慢慢的成為了檢驗我們專業(yè)技能以及設(shè)計水平最重要的一種指標(biāo);誠然,足夠的合理性能夠為我們所設(shè)計的產(chǎn)品保駕護(hù)航,能夠給其帶來可預(yù)見性的回報和收獲,但長此以往,卻很難再出現(xiàn)令我們叫“WOW!!”的產(chǎn)品了。讓我們來看顆栗子~ 

  iphone5自9月13日發(fā)布以來,就受到了前所未有的神吐槽,在這一次,大家都能很明顯的感受到?jīng)]有了喬幫主以后,蘋果不再是創(chuàng)新界的翹楚了。

設(shè)計元素的應(yīng)用條件

藍(lán)藍(lán)設(shè)計的小編

討論方案時,設(shè)計師常會提議,某產(chǎn)品的某個元素(如按鈕或功能)設(shè)計的挺好,設(shè)計存在很多可能性,發(fā)散思維時不論對錯。但實際應(yīng)用時,要考慮元素的應(yīng)用條件,切不可隨大流,盲目地照搬套用。選擇最合適的設(shè)計,而不是最流行最酷的,圍繞品牌特性做設(shè)計,讓產(chǎn)品形成與眾不同的氣質(zhì)。

比如錯誤的提議:現(xiàn)在流行Metro風(fēng)格,我們也這樣設(shè)計吧。

較好的提議是:Metro風(fēng)格適合內(nèi)容型應(yīng)用,弱化按鈕的UI元素,突出內(nèi)容本身,而我們是工具型應(yīng)用,主界面需要突出某個按鈕或引導(dǎo)用戶執(zhí)行某項操作。

側(cè)邊欄

 


 


 

App引導(dǎo)用戶使用的八個技巧

藍(lán)藍(lán)設(shè)計的小編

 

開發(fā)者要在智能手機(jī)有限的空間發(fā)揮無限的創(chuàng)意和價值,這的確不是一件容易的事。為了使用戶更有效地使用app,開發(fā)者的app必須要做到精簡和直觀。另外,開發(fā)者更要巧妙地引導(dǎo)用戶去發(fā)現(xiàn)和使用app的功能,本文為開發(fā)者提供了一些小技巧。

創(chuàng)建安裝向?qū)?/strong>

 


安裝技巧如果你的app對用戶輸入依賴程度比較高,一個不錯的辦法是設(shè)置安裝向?qū)?,在用戶第一次使用的時候,就可以收集不少有用的信息。創(chuàng)建一個自定義安裝向?qū)В憧梢园堰@個單調(diào)乏味的過程變得有趣和充滿創(chuàng)造力。

提供app攻略





移動用戶體驗要素

藍(lán)藍(lán)設(shè)計的小編

移動用戶數(shù)和手機(jī)使用量都在逐年增加。隨著越來越多的用戶使用手機(jī)完成任務(wù)(參見The Future of Mobile ),如何改進(jìn)移動用戶體驗的各個影響要素,便成為值得關(guān)注的焦點。

  移動用戶體驗是指用戶使用低端功能機(jī)到高清平板電腦間的任意設(shè)備中,與移動產(chǎn)品(瀏覽器或App )互動之前、之時及之后的認(rèn)知和感受。

  為了創(chuàng)建令移動用戶愉悅的體驗,我們必須重新思考那些長期以來被認(rèn)為理所當(dāng)然的桌面端設(shè)計。移動用戶體驗的復(fù)雜性源于移動設(shè)備的特性,主要包括:小屏幕,設(shè)備特性的巨大差異,電量和網(wǎng)絡(luò)的限制,難以定位又永遠(yuǎn)變化的移動使用場景。

通過解析移動用戶體驗的重要組成部分,我們可以得到一個概念框架來構(gòu)建和評估好的移動體驗。這些部分在文章《以用戶為中心的移動設(shè)計方法》
中有所提及 
(參見
user-centered approach to designing for mobile
)。下圖組成要素決定了移動用戶體驗,包括:功能、情境、用戶輸入、內(nèi)容和營銷等等。

1_elements-of-mobile-ux

   以上這些要素的重要性會根據(jù)設(shè)備類型不同(如非智能手機(jī)、智能手機(jī)、平板電腦)和界面顯示不同(如 App Web )發(fā)生變化。本文將簡要介紹這些要素,并詳細(xì)說明相關(guān)的重要準(zhǔn)則。

從iOS到Metro - 重新設(shè)計應(yīng)用的交互模式

藍(lán)藍(lán)設(shè)計的小編

在本篇案例當(dāng)中,我們將幫助各位使用Metro風(fēng)格的設(shè)計原則對原有的iOS應(yīng)用設(shè)計方案進(jìn)行重新構(gòu)思,大家會了解到怎樣將iPad當(dāng)中一些常見的界面元素及體驗?zāi)J睫D(zhuǎn)換成為Metro風(fēng)格,以打造全新的Windows 8應(yīng)用。我們將對同一款應(yīng)用在兩個平臺中的不同設(shè)計方式進(jìn)行對比,幫助各位了解怎樣將你的應(yīng)用與Windows 8以及Metro設(shè)計原則進(jìn)行完美的融合。

我們將要研究的是一款相片日志應(yīng)用,用戶可以在線查看和管理他們的照片或視頻。下圖是這款應(yīng)用的Metro版本:

點擊查看原圖  

這款應(yīng)用最初是為iPad設(shè)計的,如下圖所示。

點擊查看原圖  

從設(shè)計及體驗?zāi)J降慕嵌瘸霭l(fā),該應(yīng)用可以大致被解構(gòu)為六個方面:

  1. 布局和導(dǎo)航
  2. 命令與行為
  3. 契約(Contract):搜索、分享及其他
  4. 觸控與手勢
  5. 屏幕定向與視圖模式
  6. 消息通知

為了觸屏移動設(shè)備而設(shè)計

藍(lán)藍(lán)設(shè)計的小編

于移動設(shè)備的操作系統(tǒng)及應(yīng)用來說,判斷其用戶界面設(shè)計方案是否優(yōu)秀的一個重要衡量標(biāo)準(zhǔn),就是看它對于手指觸控操作的友好程度。相比于桌面計算設(shè)備及相關(guān)的軟件環(huán)境,觸屏移動設(shè)備所具有的交互特性幾乎將用戶體驗設(shè)計師們帶入了工業(yè)設(shè)計的領(lǐng)域;設(shè)計方案更多是在體現(xiàn)著人機(jī)工學(xué)方面的原理,而不再是僅僅用來規(guī)劃內(nèi)容與功能的視覺呈現(xiàn)方式。

拇指熱區(qū)與底部原則

首先,我們需要了解人們通常會以怎樣的方式將手指??吭谠O(shè)備上。拿手機(jī)來說,普通青年們多數(shù)會使用拇指來進(jìn)行觸控操作,所以觸屏手機(jī)的界面交互方案基本是圍繞著拇指來進(jìn)行打造的。

拇指是很不可思議的,據(jù)說它是將我們與動物區(qū)分開來的重要標(biāo)志之一...拇指的功能具有相當(dāng)?shù)膹椥裕瑫r也受到一定的局限。對于常規(guī)的觸屏手機(jī)來說,我們可以使用拇指掃過屏幕當(dāng)中的大部分區(qū)域,但其中大約只有三分之一屬于真正有效的觸控區(qū)域。所以在設(shè)計當(dāng)中,要盡量將最重要的界面交互元素放置在這個范圍當(dāng)中。在右手持機(jī)的狀況下,有效觸控區(qū)域位于屏幕的左下方:

點擊查看原圖

這也正是移動系統(tǒng)或應(yīng)用中一些重要的工具欄或?qū)Ш浇Y(jié)構(gòu)通常被放置在界面底部的原因。與此相反的是,在傳統(tǒng)的桌面設(shè)備系統(tǒng)環(huán)境中,導(dǎo)航菜單一類的界面元素通常被放在界面頂部,無論是本地軟件還是網(wǎng)頁基本都是如此。對于我們有限的拇指作用范圍來說,這種傳統(tǒng)布局方式顯然不能在移動設(shè)備的用戶界面當(dāng)中很好的適用。

相比之下,左下角還是右下角的問題略顯次要。我們在實際當(dāng)中經(jīng)常會更改左右手持機(jī)方式,想想看是不是這樣,譬如對于右撇子來說,當(dāng)他們正在寫字或是需要同時使用鼠標(biāo)操作桌面設(shè)備時,通常會將手機(jī)交于左手操作;而左撇子們則正相反。不過在多數(shù)時間內(nèi),使用右手持機(jī)的用戶還是要相對較多一些。

底部原則可以幫助我們對界面當(dāng)中的可觸控元素進(jìn)行更好的組織。最常用的功能按鍵應(yīng)該被放在拇指最容易觸摸到的熱點區(qū)域當(dāng)中,而其它相對次要或是比較敏感的控制元素則應(yīng)該盡量避開這個區(qū)域。以iOS中的“編輯”按鈕來說,它通常被置于界面右上方,這個位置即可以保證它清晰可見,同時又不會被很容易的觸碰到,以免發(fā)生誤操作。

點擊查看原圖

關(guān)于扁平化界面風(fēng)格的設(shè)計美學(xué)討論

藍(lán)藍(lán)設(shè)計的小編

 

我個人對這方面的話題是蠻關(guān)注的,偶爾在微博 上弱弱的念叨兩句,也會有不少朋友來發(fā)表各自的看法,確實是大家都蠻關(guān)心的設(shè)計問題。另外最近看到不少文章觀點也都是圍繞這些展開的,其中有些比較公允務(wù)實,有些則比較偏頗;所謂偏頗,也就是片面表達(dá)某種風(fēng)格一定比某種風(fēng)格更好,以及好在哪里。說真的,都有一定的道理,都能看出發(fā)表論調(diào)的設(shè)計師的思考和激情。

有人說了你怎么這么沒節(jié)操呢,你到底覺得哪種好呢?我要說的是叭,在我看來這個事情里的的確確不應(yīng)該存在哪個強(qiáng)于哪個的爭議,因為它根本就不是個非黑即白非美即丑涇渭分明的問題;脫離了實際產(chǎn)品的上下文環(huán)境,脫離了產(chǎn)品功能與目標(biāo)用戶群類型之間的關(guān)聯(lián),所謂好與不好的命題壓根就不成立。

說的具體些,遠(yuǎn)的不講,單說Beforweb 這邊的視覺風(fēng)格,除了每篇文章的圖標(biāo)以外,可以說是徹徹底底的扁平化了(當(dāng)然,細(xì)心的朋友可以在側(cè)邊欄標(biāo)題背景底部發(fā)現(xiàn)類似陰影效果的1像素邊框,這個不算數(shù)...),但如果有人說我是扁平風(fēng)格的衛(wèi)道者的話,我會很不開心,因為我只是在自己覺得合適的地方使用這種風(fēng)格而已。我喜歡iOS里很多擬物擬真風(fēng)格的界面,最典型的包括語音備忘錄、iBooks、iPad里的日歷等等,它們的界面讓我覺得親切自然,讓我可以在冰冷的電子設(shè)備當(dāng)中找到現(xiàn)實生活的真實感,就這么簡單。

下面這些截圖來自我平常自娛自樂時會用到的一些音樂方面的iOS或OS X應(yīng)用。它們的功能的確非常棒,我著實在這些東西上花掉不少錢,但如果它們的界面沒有采用如此逼真的擬物化設(shè)計,如果他們只是干巴巴的功能和數(shù)據(jù)陳列或是Metro風(fēng),我是絕不會在它們身上花半毛錢的。

點擊查看原圖

日歷

鏈接

個人資料

存檔