首頁

超贊!25例交互體驗極佳的網(wǎng)頁設(shè)計

藍藍設(shè)計的小編

25 Modern Web / Interactive Websites Design Examples

本文介紹的案例均使用了的HTML/CSS 以及 JS 技術(shù),從視差滾動到響應(yīng)式設(shè)計,實現(xiàn)了良好的交互性,為用戶提供更好的瀏覽體驗。我們來快速閱覽一下吧。

推薦閱讀:
《網(wǎng)頁設(shè)計新趨勢!25例出眾的響應(yīng)式導航設(shè)計》
《讓網(wǎng)站更生動!那些在網(wǎng)頁中完美運用視頻元素的案例》
《不要落伍!來和小伙伴一起學習響應(yīng)式網(wǎng)頁設(shè)計》

 

Melbourne Remote Control Tourist

的遠程旅游體驗,這個概念不錯吧!

Melbourne Remote Control Tourist

Melbourne Remote Control Tourist

20個優(yōu)秀的國外扁平化網(wǎng)頁設(shè)計作品

藍藍設(shè)計的小編

扁平化設(shè)計為印刷品、網(wǎng)頁和移動操作系統(tǒng)的設(shè)計帶來了新的變化。扁平化設(shè)計最核心的地方就是放棄一切裝飾效果,諸如陰影,透視,紋理,漸變等能做出3D效果的元素一概不用。所有元素的邊界都干凈利落,沒有任何羽化,漸變,或者陰影。

更少的按鈕和選項使得界面干凈整齊,使用起來格外方便。可以將信息和事物的工作方式更加簡單直接的展示出來,減少認知障礙的產(chǎn)生。越來越多的公司正在效仿,比如下面這些:

 

Who Wanna

10.flat websites

Very-Make


18.flat websites

23個最具影響力的網(wǎng)頁設(shè)計博客

藍藍設(shè)計的小編

花了大量時間在網(wǎng)上搜集行業(yè)里高質(zhì)量網(wǎng)頁設(shè)計的博客,不過話說回來,高質(zhì)量可信的資源確實挺稀缺的。

 

CSS-Tricks

CSS-Tricks是Chris Coyier公眾博客,專門講一些有關(guān)CSS的話題。不過近幾年來,CSS-Tricks有了下面一些擴展:

Chris和Dave Rupert一起創(chuàng)造了ShopTalk 播客,在里面可以討論所以有關(guān)網(wǎng)頁設(shè)計和開發(fā)的事情。
Chris 出過幾本書,做了一個 Lynda.com的Wordpress主題課程,并且他還創(chuàng)建了一個The Lodge的課程教人們學習如何制作一個頗具現(xiàn)代感的網(wǎng)站。
超多很酷的項目,像 CodePen,HTML-Ipsum, Quotes on Design 。Chris真是個超有想法的人。

csstricks-web-design-blog-top-blogs-follow

CSS-Tricks 是 Chris Coyier 2007年建立的,總部在美國懷俄明州的密爾沃基,至今網(wǎng)站月頁面訪問量達270萬。

網(wǎng)站亮點(這個網(wǎng)站的獨特之處是什么?):

名人效應(yīng)——Chris Coyier 是這么網(wǎng)站的精神領(lǐng)袖,他的個人風格貫穿于項目始終,是眾多設(shè)計師的楷模。向他學習,同他一同去冒險吧!

關(guān)注App設(shè)計!20個漂亮的扁平風格移動端界面

藍藍設(shè)計的小編

現(xiàn)在扁平化風格在網(wǎng)頁設(shè)計方面已經(jīng)有許多優(yōu)秀的范例了,比如這22個超贊的扁平化設(shè)計經(jīng)典案例就有很多我們可以借鑒學習的地方。但是移動端的界面設(shè)計扁平化風格較少,所以今天從BehanceDribbble收集的這一組移動端的扁平化設(shè)計就該好好看看咯,學習一下它們優(yōu)秀的細節(jié)和配色吧 : )

如果你對扁平化風格的網(wǎng)站更有興趣,那么推薦閱讀:
一組賦予你扁平化配色靈感的網(wǎng)頁設(shè)計
怒贊!2013扁平化設(shè)計終極指南
專屬扁平化設(shè)計的PS色板(配色庫)

 

uiGo Colors – iOS Flat UI Bundle

 

怒贊!50套萬里挑一的設(shè)計師專屬精華資源包

藍藍設(shè)計的小編

我們一起來看一下吧,本文收集了50款專屬設(shè)計師的精華資源包,分別有圖標、主題、UI套件、插件、網(wǎng)頁模版、字體等等,一網(wǎng)打盡、一應(yīng)俱全,萬里挑一!實屬優(yōu)設(shè)哥獻給您的千金難換的干貨喲!

10月收尾,11月馬上來臨,到了該總結(jié)經(jīng)驗整理思路的時候了。各位設(shè)計師對本月工作滿意嗎?嗯,沒關(guān)系,不管好還是壞,11月份,我們重整旗鼓,繼續(xù)前進。

大家都知道,如果有素材和工具的支持,工作起來得心應(yīng)手,趕緊來挑選適合你的神兵利器吧:)

Flatic

大型UI套件,涵蓋百余種UI元素。

Flatic User Interface

Gamecenter Pack

12月典藏!50個超贊的免費設(shè)計師工具資源下載

藍藍設(shè)計的小編

互聯(lián)網(wǎng)最偉大的精神在于分享,我們喜歡探索、喜歡發(fā)現(xiàn),務(wù)求將最好的資源呈遞給所有設(shè)計愛好者。
相信這里面你大多數(shù)都還沒見過呢!
50個免費資源:包括了圖標、字體、PSD、矢量圖、圖案、UI套件、調(diào)試工具等等。
琳瑯滿目!亂花漸欲迷人眼,請您精挑細選,選擇最合適自己的素材,讓你的設(shè)計項目變得更漂亮、更專業(yè)。

OOcharts

remarkable-freebies-and-tools-01

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔