首頁

扁平化——2013年新的設(shè)計趨勢

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

越來越多的設(shè)計網(wǎng)站已在UI上走扁平式設(shè)計的路線。談到設(shè)計,無論是一個網(wǎng)站還是一個應(yīng)用程序,扁平化和極簡的設(shè)計正在成為新的趨勢。人們正在遠(yuǎn)離一直很受歡迎的skeuomorphism設(shè)計(模仿實物紋理),蘋果推出iOS時許多設(shè)計師都采用它。


但隨著網(wǎng)站和應(yīng)用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸,創(chuàng)建多個屏幕尺寸和分辨率的skeuomorphic設(shè)計既繁瑣又費(fèi)時。設(shè)計正朝著更加扁平化的設(shè)計,你可以一次保證在所有的屏幕尺寸上它會很好看。


 

下面給出一些扁平化設(shè)計很好的例子。


 


 


 

2013年數(shù)字化設(shè)計界面設(shè)計趨勢

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

數(shù)字化設(shè)計,尤其是界面設(shè)計,新趨勢之一就是簡單。其實微軟早在2007年可能已經(jīng)開始進(jìn)行對簡單界面的追求了,當(dāng)時他們推出的Zune播放器擁有優(yōu)美的排版界面。盡管該產(chǎn)品的有些失敗,但其UI進(jìn)行了改進(jìn)并且應(yīng)用到Windows Phone和Windows 8界面設(shè)計里。另一方面iOS上在大量逼真的紋理和深度的基礎(chǔ)上,加上漸變、光澤的風(fēng)格效果和陰影效果,但是我們開始看到越來越多適用于所有平臺的應(yīng)用程序采用了更簡約的方式。


 

在這篇文章中,我們配合一些漂亮的設(shè)計說明這一趨勢。這些照片來自Dribbble,點(diǎn)擊圖片可訪問作者頁面獲取更多信息。
 


 

Regy Perlera
 


 


 

2012年最精彩的15個 CSS3 教程

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

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

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

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

2012年CSS3教程 -  15

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攻略





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

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

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

Smooth Div Scroll

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

jqueryimage

Elastic Image Slideshow

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

Responsive jQuery Slider Plugins

移動用戶體驗要素

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

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

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

藍(lán)藍(lán)設(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

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

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

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

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

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

Texture Backgrounds

Texture Backgrounds

日歷

鏈接

個人資料

存檔