首頁

html5動效系列四:10個經(jīng)典實用的HTML5圖表動畫應用

藍藍設計的小編

今天我們要來分享另外一種類型的HTML5動畫:HTML5圖表應用。圖表在網(wǎng)頁中應用十分廣泛,尤其是后臺的統(tǒng)計功能,更能體現(xiàn)出圖表的強大之處。本文將介紹一些比較實用的HTML5圖表動畫,有些結合jQuery,有些是直接基于Canvas,一起來看看吧。

1、超酷HTML5 Canvas圖表應用Chart.js

之前我們已經(jīng)為大家分享過很多HTML5圖表應用了,每一個HTML5圖表都非常實用。今天我們要介紹一款基于HTML5 Canvas的圖表應用Chart.js,它的功能非常強大,有很多圖表類型,包括折線圖、柱狀圖、餅圖、放射圖等,你可以下載并將它們應用到自己的項目中。

html5-canvas-chart-js

html5動效系列三:CSS3自定義美化復選框Checkbox組合

藍藍設計的小編

CSS3自定義美化復選框Checkbox組合

今天我們要來分享一組非常漂亮的CSS3自定義復選框checkbox,每一個checkbox都有其各自的特點。有幾款checkbox在選中的情況下還會出現(xiàn)動畫效果,非常不錯的CSS3自定義美化checkbox組合。另外,之前分享過的jQuery實現(xiàn)美化版的單選框和復選框也是非常不錯。

html5動效系列二:超級驚艷 10款HTML5動畫推薦

藍藍設計的小編

今天我們要來推薦 10 款超級驚艷的 HTML5 動畫,有一些是基于 CSS3 和 jQuery 的,比較實用,特別是前幾個 HTML5 動畫,簡直酷斃了,現(xiàn)在將它們分享給大家,也許你能用到這些 HTML5 動畫和 jQuery 應用。

1、HTML5 Canvas 發(fā)光 Loading 動畫

之前我們分享過很多基于 CSS3 的 Loading 動畫效果,相信大家都很喜歡。今天我們要來分享一款基于 HTML5 Canvas 的發(fā)光 Loading 加載動畫。Loading 旋轉圖標是在 canvas 畫布上繪制的,整個 loading 動畫是發(fā)光 3D 的視覺效果,HTML5 非常強大。

量身打造的學問!如何準確地傳達出字體的氣質(zhì)?

周周

font-temperament-accurate-expression-1

不管是平面設計師還是UI設計師,在工作中幾乎都會用到字體。如今形形色色的字體日增月盛,也就有了不同的性格和氣質(zhì)。選擇使用一款字體的時候,除了考慮它的易讀性,更多考慮的是這款字體能否準確地傳達出對產(chǎn)品獨有的氣質(zhì) >>>

帶你去冒險!20個炫酷好玩兒的網(wǎng)頁導航設計

藍藍設計的小編

20-attractive-navigations-websites-1

簡單有效的導航欄設計能夠極大的提高用戶體驗,不僅能讓用戶更快找到他們想要的內(nèi)容,還能適當分擔搜索引擎的壓力。常見的導航設計我想大家都已經(jīng)非常熟悉了,今天我們要分享的一些有趣的、原創(chuàng)的、甚至具有一定開創(chuàng)性的導航欄設計方案,這些優(yōu)秀的設計非常引人注目,令人難忘。這些網(wǎng)站的導航欄設計,比起傳統(tǒng)的導航會相對更復雜一些,但是絕對會令你眼界大開。

動效設計的物理法則

藍藍設計的小編

動效作為當今提升網(wǎng)頁感官效果的利器,在各種類型的網(wǎng)頁中已經(jīng)全面開花,如何做到自然流暢讓用戶感覺舒適的動畫效果呢?今天就來跟大家聊一聊動效設計的物理法則,以及它是如何應用的。

首先來一發(fā)大師金句,迪士尼動畫大師格里穆·乃特維克曾經(jīng)說過: 1

微軟雅黑字體設計分析

藍藍設計的小編

點擊在新窗口中瀏覽此圖片

一.雅黑設計理念

雅黑字體是為微軟公司設計的屏幕顯示漢字。它具有個性獨特、結體優(yōu)美、識別性強、塊狀效果好、顯示清晰等優(yōu)點。在當今數(shù)字化時代更是用途廣泛。這副字可以說是科技進步的產(chǎn)物,是人類社會的需要,在設計上也有所突破。

首先打破傳統(tǒng)結體方式,采用大字面設計,字懷放開,增大內(nèi)白,使文字方正,布白勻稱。由于字體中宮放開,使文字的適用性也隨之增強,不但適合小級數(shù)文字的使用,更適合屏幕顯示。

在筆型塑造上去除“喇叭頭”。為防止文字筆劃缺乏美感、沒有精神,在撇、捺、點、勾的處理上使其粗細有略微的變化,使之富有彈性。

字體設計淺談

藍藍設計的小編

前言

生活與設計是密切相關的,當我們站在設計的角度去體味生活,會發(fā)現(xiàn)其實字體設計無處不在。以下這里所說的只是以方便操作,和更快捷的方式做出字體效果,如果大家有更多更好的方式,歡迎交流!

2

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔