超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

首頁(yè)

一個(gè)瓢蟲的旅行-手機(jī)UI界面欣賞

有一天,是否我也可以像瓢蟲一樣,無慮的旅行。

查看《一一個(gè)瓢蟲的旅行》原圖,原圖尺寸:720x1280

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

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

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

溫馨天氣賞析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

側(cè)邊欄

 


 


 

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

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

 

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

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

 


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

提供app攻略





移動(dòng)用戶體驗(yàn)要素

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

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

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

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

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

1_elements-of-mobile-ux

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

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

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

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

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

點(diǎn)擊查看原圖  

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

點(diǎn)擊查看原圖  

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

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

為了觸屏移動(dòng)設(shè)備而設(shè)計(jì)

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

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

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

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

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

點(diǎn)擊查看原圖

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

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

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

點(diǎn)擊查看原圖

日歷

鏈接

個(gè)人資料

存檔