這篇文章向大家推薦8款時尚的 jQuery  圖片滾動插件。jQuery 是最流行和使用最廣泛的 JavaScript  框架，它可以讓幫助你在你的項目中加入一些很炫的圖片滾動效果。希望這些插件對你有所幫助，能夠幫助你節(jié)省時間和精力。

Smooth Div Scroll

效果非常平滑的鼠標懸浮圖片切換效果，提供了非常詳細的使用幫助文檔和示例。

Elastic Image Slideshow

最后這款也是帶縮略圖功能 jQuery 幻燈片插件，效果很炫。

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

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

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

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

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

這篇文章向大家展示2012年里在紋理應(yīng)用，圖像選擇，文字排版和導(dǎo)航設(shè)計等各個方面都特別優(yōu)秀的網(wǎng)站作品。你需要花時間慢慢瀏覽這些優(yōu)秀的設(shè)計，看看2012年里這些讓人難忘的創(chuàng)意網(wǎng)站作品能帶給你哪些啟發(fā)。

Yardsale

D10studio

這篇文章向大家分享40套很漂亮的紋理背景圖片素材，如果你正在尋找高質(zhì)量的紋理背景，那么這篇文章你一定要記得收藏。紋理背景圖片對設(shè)計師來說非常有用，個性的紋理背景可以讓你的網(wǎng)站看起來更加優(yōu)雅時髦，脫穎而出。

　　紋理背景圖片通常都是高質(zhì)量的圖片，一般有木質(zhì)紋理、布質(zhì)紋理、金屬紋理和石質(zhì)紋理等形式

紋理背景圖片通常都是高質(zhì)量的圖片，一般有木質(zhì)紋理、布質(zhì)紋理、金屬紋理和石質(zhì)紋理等形式。

這篇文章收集了一批非常精美的，充滿創(chuàng)造性的立體折疊效果的名片設(shè)計作品。這些設(shè)計新穎的企業(yè)名片能夠給客戶留下深刻的印象，對于推介公司的產(chǎn)品和業(yè)務(wù)有非常大的幫助，一起欣賞。

Ayako Okada

Luciano Balzano

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

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

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

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

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

Inzeit

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

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

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

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

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

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

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

大部分的 Web 應(yīng)用和動態(tài)網(wǎng)站都需要一個后臺管理系統(tǒng)用于管理前臺界面的信息展示以及用戶信息。管理后臺的設(shè)計雖然不像前臺界面那樣要求設(shè)計精美，但是也需要有清晰的管理模塊劃分，這樣使用后臺管理系統(tǒng)的人員才能夠方便的進行操作和管理。下面收集了十款非常漂亮的網(wǎng)站后臺管理系統(tǒng)模板分享給大家，歡迎免費下載使用。

Admin Panel Template

這個后臺管理模板的導(dǎo)航設(shè)計非常漂亮，頭部還有未讀的短消息和提醒的條數(shù)顯示。

在線演示     PSD下載     HTML&CSS下載

Charisma Admin Template

Charisma 是基于 Twitter Bootstrap 制作的響應(yīng)式網(wǎng)站管理后臺模板，包含9套漂亮的主題。

在線演示     免費下載