藍(lán)藍(lán)設(shè)計的小編
之前我們向大家分享過一款CSS3/jQuery實現(xiàn)移動端滑動圖片層疊效果,圖片層疊切換效果非常不錯。今天我們要來分享一款jQuery左右層疊幻燈片焦點圖插件,點擊左右切換按鈕即可將隱藏一半在后面的圖片展示出來,唯一的缺陷是不能循環(huán)切換。
今天我們要來分享另外一種類型的HTML5動畫:HTML5圖表應(yīng)用。圖表在網(wǎng)頁中應(yīng)用十分廣泛,尤其是后臺的統(tǒng)計功能,更能體現(xiàn)出圖表的強(qiáng)大之處。本文將介紹一些比較實用的HTML5圖表動畫,有些結(jié)合jQuery,有些是直接基于Canvas,一起來看看吧。
之前我們已經(jīng)為大家分享過很多HTML5圖表應(yīng)用了,每一個HTML5圖表都非常實用。今天我們要介紹一款基于HTML5 Canvas的圖表應(yīng)用Chart.js,它的功能非常強(qiáng)大,有很多圖表類型,包括折線圖、柱狀圖、餅圖、放射圖等,你可以下載并將它們應(yīng)用到自己的項目中。
今天我們要來分享一組非常漂亮的CSS3自定義復(fù)選框checkbox,每一個checkbox都有其各自的特點。有幾款checkbox在選中的情況下還會出現(xiàn)動畫效果,非常不錯的CSS3自定義美化checkbox組合。另外,之前分享過的jQuery實現(xiàn)美化版的單選框和復(fù)選框也是非常不錯。
今天我們要來推薦 10 款超級驚艷的 HTML5 動畫,有一些是基于 CSS3 和 jQuery 的,比較實用,特別是前幾個 HTML5 動畫,簡直酷斃了,現(xiàn)在將它們分享給大家,也許你能用到這些 HTML5 動畫和 jQuery 應(yīng)用。
1、HTML5 Canvas 發(fā)光 Loading 動畫
之前我們分享過很多基于 CSS3 的 Loading 動畫效果,相信大家都很喜歡。今天我們要來分享一款基于 HTML5 Canvas 的發(fā)光 Loading 加載動畫。Loading 旋轉(zhuǎn)圖標(biāo)是在 canvas 畫布上繪制的,整個 loading 動畫是發(fā)光 3D 的視覺效果,HTML5 非常強(qiáng)大。
用心設(shè)計
周周
不管是平面設(shè)計師還是UI設(shè)計師,在工作中幾乎都會用到字體。如今形形色色的字體日增月盛,也就有了不同的性格和氣質(zhì)。選擇使用一款字體的時候,除了考慮它的易讀性,更多考慮的是這款字體能否準(zhǔn)確地傳達(dá)出對產(chǎn)品獨有的氣質(zhì) >>>
簡單有效的導(dǎo)航欄設(shè)計能夠極大的提高用戶體驗,不僅能讓用戶更快找到他們想要的內(nèi)容,還能適當(dāng)分擔(dān)搜索引擎的壓力。常見的導(dǎo)航設(shè)計我想大家都已經(jīng)非常熟悉了,今天我們要分享的一些有趣的、原創(chuàng)的、甚至具有一定開創(chuàng)性的導(dǎo)航欄設(shè)計方案,這些優(yōu)秀的設(shè)計非常引人注目,令人難忘。這些網(wǎng)站的導(dǎo)航欄設(shè)計,比起傳統(tǒng)的導(dǎo)航會相對更復(fù)雜一些,但是絕對會令你眼界大開。
動效作為當(dāng)今提升網(wǎng)頁感官效果的利器,在各種類型的網(wǎng)頁中已經(jīng)全面開花,如何做到自然流暢讓用戶感覺舒適的動畫效果呢?今天就來跟大家聊一聊動效設(shè)計的物理法則,以及它是如何應(yīng)用的。
首先來一發(fā)大師金句,迪士尼動畫大師格里穆·乃特維克曾經(jīng)說過:
一.雅黑設(shè)計理念
雅黑字體是為微軟公司設(shè)計的屏幕顯示漢字。它具有個性獨特、結(jié)體優(yōu)美、識別性強(qiáng)、塊狀效果好、顯示清晰等優(yōu)點。在當(dāng)今數(shù)字化時代更是用途廣泛。這副字可以說是科技進(jìn)步的產(chǎn)物,是人類社會的需要,在設(shè)計上也有所突破。
首先打破傳統(tǒng)結(jié)體方式,采用大字面設(shè)計,字懷放開,增大內(nèi)白,使文字方正,布白勻稱。由于字體中宮放開,使文字的適用性也隨之增強(qiáng),不但適合小級數(shù)文字的使用,更適合屏幕顯示。
在筆型塑造上去除“喇叭頭”。為防止文字筆劃缺乏美感、沒有精神,在撇、捺、點、勾的處理上使其粗細(xì)有略微的變化,使之富有彈性。
藍(lán)藍(lán)設(shè)計的小編 http://www.jsyqsx.cn