首頁

交互設(shè)計師修煉指南!教你從零開始成為優(yōu)秀交互設(shè)計師

周周

本文全系列滿滿干貨,是從眾多交互設(shè)計前輩們分享的寶貴經(jīng)驗里挑選出的最實用的方法,不僅能讓你徹底了解交互設(shè)計,還能幫有志在這個領(lǐng)域發(fā)展,卻苦于沒有老師的童鞋,從零開始學(xué)習(xí)成為一名優(yōu)秀的交互設(shè)計師。

在校大學(xué)生、想轉(zhuǎn)行的設(shè)計師還能在這兒得到前輩的實用建議,想進(jìn)階的交互也有職場系列經(jīng)驗分享,文末還有超贊的資源奉獻(xiàn),干貨量大,推薦童鞋們收藏 :)

超實用干貨!視覺設(shè)計師的五項技能修煉方法

周周

5-visual-design-in-practice-1

我的職責(zé)通常是產(chǎn)品戰(zhàn)略和設(shè)計方向的規(guī)劃,很少參與具體的設(shè)計細(xì)節(jié),但我一直相信基礎(chǔ)設(shè)計技能對于設(shè)計思維的影響,以下五條是我認(rèn)為頁面設(shè)計最基礎(chǔ)的技能要求。沒有經(jīng)歷任何藝術(shù)教育的設(shè)計師(比如我)也可以通過對以下五項修煉的培養(yǎng)迅速提高基礎(chǔ)設(shè)計能力 >>>

html5動效系列六:分享8個超酷的HTML5相冊動畫應(yīng)用

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

HTML5、CSS3和jQuery這3大前端開發(fā)技術(shù)已經(jīng)越來越成熟,而且這三者的緊密結(jié)合使得開發(fā)者可以有越來越豐富的想象空間。今天我們要來分享一些非常炫酷的HTML5相冊動畫應(yīng)用,這些應(yīng)用同時也結(jié)合了CSS3和jQuery,特別是第一個,非常具有創(chuàng)意,一起來看看吧。

1、HTML5 3D立體美女墻相冊

HTML5非常強(qiáng)大,尤其是和CSS3結(jié)合,有時候能達(dá)到非同凡響的網(wǎng)頁動畫效果。今天要分享的這款HTML5應(yīng)用就是一款很酷的3D立體圖片相冊應(yīng)用,它可以用鼠標(biāo)多拽從多個角度瀏覽相冊圖片,點擊圖片,就可以放大圖片,相冊圖片都是美女,千萬別讓女朋友看到。

html5動效系列五:jQuery左右層疊幻燈片焦點圖插件

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

之前我們向大家分享過一款CSS3/jQuery實現(xiàn)移動端滑動圖片層疊效果,圖片層疊切換效果非常不錯。今天我們要來分享一款jQuery左右層疊幻燈片焦點圖插件,點擊左右切換按鈕即可將隱藏一半在后面的圖片展示出來,唯一的缺陷是不能循環(huán)切換。

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

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

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

1、超酷HTML5 Canvas圖表應(yīng)用Chart.js

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

html5-canvas-chart-js

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

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

CSS3自定義美化復(fù)選框Checkbox組合

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

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

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

今天我們要來推薦 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)大。

日歷

鏈接

個人資料

存檔