首頁

2012年最精彩的15個 CSS3 教程

藍藍設(shè)計的小編

01. 使用jQuery和CSS3實現(xiàn)翻轉(zhuǎn)滑塊

展示產(chǎn)品的方法有很多，其中之一是使用網(wǎng)格樣式的滑塊效果。

在本教程中，我將分享如何使用 jQuery  和 CSS3  變換實現(xiàn)翻轉(zhuǎn)滑塊效果的產(chǎn)品展示。

2012年CSS3教程 - 15

評論(20) 瀏覽(5113)

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

藍藍設(shè)計的小編

 

開發(fā)者要在智能手機有限的空間發(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攻略




評論(4) 瀏覽(4617)

提升網(wǎng)站檔次的時尚 jQuery 圖片滾動插件

藍藍設(shè)計的小編

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

Smooth Div Scroll

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

jqueryimage

Elastic Image Slideshow

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

Responsive jQuery Slider Plugins

評論(20) 瀏覽(4114)

移動用戶體驗要素

藍藍設(shè)計的小編

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

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

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

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

1_elements-of-mobile-ux

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

評論(70) 瀏覽(4625)

2012年度最佳網(wǎng)頁設(shè)計作品出爐

藍藍設(shè)計的小編

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

Yardsale

Textures and Patterns in Web Design

D10studio

21 Examples of Inspiring Typography in Web Design

評論(0) 瀏覽(5053)

40套很漂亮的紋理背景圖片

藍藍設(shè)計的小編

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

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

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

Texture Backgrounds

Texture Backgrounds

評論(16) 瀏覽(5240)

一組精美的折疊效果名片設(shè)計

藍藍設(shè)計的小編

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

Ayako Okada

 

Luciano Balzano

評論(11) 瀏覽(5638)

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

藍藍設(shè)計的小編

在本篇案例當(dāng)中，我們將幫助各位使用Metro風(fēng)格的設(shè)計原則對原有的iOS應(yīng)用設(shè)計方案進行重新構(gòu)思，大家會了解到怎樣將iPad當(dāng)中一些常見的界面元素及體驗?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. 消息通知
評論(9) 瀏覽(4683)

日歷

鏈接

個人資料

存檔