202015-5

html5動(dòng)效系列十六：炫酷的CSS3 3D旋轉(zhuǎn)按鈕對(duì)話框

這次還是要分享一款CSS3對(duì)話框插件，另外，這款對(duì)話框的特點(diǎn)是點(diǎn)擊按鈕后對(duì)話框會(huì)以3D旋轉(zhuǎn)的動(dòng)畫展現(xiàn)出來。更令人驚嘆的是，點(diǎn)擊按鈕的不同部位，對(duì)話框3D旋轉(zhuǎn)的動(dòng)畫方式也會(huì)不同。

評(píng)論(0) 瀏覽(4863)

202015-5

html5動(dòng)效系列十五：強(qiáng)大的CSS3動(dòng)畫庫animate.css 50多種動(dòng)畫形式

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

今天要給大家介紹一款強(qiáng)大的CSS3動(dòng)畫庫animate.css，animate.css定義了大概50多種動(dòng)畫形式，包括淡入淡出，文字飛入、左右搖擺動(dòng)畫等等。使用animate.css也非常簡(jiǎn)單，你可以給頁面上的任意元素，特別是文字添加各種神奇的動(dòng)畫，一起來嘗試一下吧。

評(píng)論(0) 瀏覽(6937)

202015-5

平衡的智慧！如何把握登錄界面易用與安全的平衡

周周

編者按：不論是網(wǎng)頁設(shè)計(jì)師還是UI設(shè)計(jì)師，登錄和注冊(cè)頁面的設(shè)計(jì)是必然經(jīng)歷過的工作內(nèi)容。登錄界面的設(shè)計(jì)說難不難，說容易也不是那么輕松就可以做好的，要在安全和可用性之間找到登錄界面的平衡點(diǎn)，還是需要相當(dāng)?shù)慕?jīng)驗(yàn)來支撐的。今天的文章來自GoSquared團(tuán)隊(duì)，他們?cè)?span id="35h9thwtz" class="wp_keywordlink_affiliate">登錄界面的設(shè)計(jì)上細(xì)致入微，值得學(xué)習(xí)哦~

評(píng)論(0) 瀏覽(4688)

192015-5

html5動(dòng)效系列十四：jQuery儀表盤指示器動(dòng)畫插件 6種儀表樣式

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

今天我們要來分享一組很酷的jQuery插件，這款jQuery插件實(shí)現(xiàn)了6組不同樣式的超酷儀表盤指示器動(dòng)畫。儀表盤的背景是一張圖片，通過jQuery來動(dòng)態(tài)生成一些屬性標(biāo)簽，比如儀表盤的刻度和指針等。效果非常不錯(cuò)。

評(píng)論(0) 瀏覽(7281)

192015-5

html5動(dòng)效系列十三：絕對(duì)震撼，7款HTML5動(dòng)畫集錦下載

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

1、HTML5 Canvas模擬衣服撕扯動(dòng)畫超級(jí)逼真

今天又要來推薦一款HTML5 Canvas動(dòng)畫，是一個(gè)模擬衣服撕扯動(dòng)畫，效果非常逼真。剛開始衣服掛在繩子上，用鼠標(biāo)拖拽衣服即可讓衣服擺動(dòng)起來，當(dāng)你拖拽的很用力時(shí)，你會(huì)發(fā)現(xiàn)，衣服被撕破了。該HTML5動(dòng)畫會(huì)捕獲到鼠標(biāo)拖拽的用力程度，從而來判斷并實(shí)現(xiàn)衣服應(yīng)該破損的程度，越用力，衣服被撕破的速度越快，趕緊來體驗(yàn)一下這個(gè)HTML5動(dòng)畫吧。

評(píng)論(0) 瀏覽(9727)

192015-5

取長(zhǎng)補(bǔ)短！揭秘日本設(shè)計(jì)界強(qiáng)大背后的深層原因

周周

編者按：今天這篇近萬字的長(zhǎng)文是@Goodmor寧整理大量資料后總結(jié)的，從日本設(shè)計(jì)的興起過程聊到中國設(shè)計(jì)的發(fā)展，超多史料，還附有他與設(shè)計(jì)前輩張子健先生的訪談呦 >>>

評(píng)論(0) 瀏覽(3664)

182015-5

html5動(dòng)效系列十二：力壓Flash，8款驚艷HTML5動(dòng)畫集錦下載

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

談到網(wǎng)頁，不得不提到HTML5。憑借著其強(qiáng)大的3D渲染能力，HTML5讓很多開發(fā)者都躍躍欲試，都想親自體驗(yàn)一下HTML5的3D效果。今天本文就分享8款效果驚艷的HTML5 3D動(dòng)畫，您可以撿現(xiàn)成的看看，順便也可以學(xué)習(xí)學(xué)習(xí)HTML5的相關(guān)知識(shí)。

1、HTML5 WebGL水面、水波蕩漾

評(píng)論(0) 瀏覽(4262)

152015-5

高屋建瓴！設(shè)計(jì)師如何掌握工程師思維？

周周

編者按：學(xué)會(huì)工程師思維，可以幫助你快速梳理簡(jiǎn)化設(shè)計(jì)流程，掌握跟工程師溝通的最佳方式。知己知彼，百戰(zhàn)不殆，想擁有工程師思維，你得先了解工程師是如何思考問題的，全文干貨不吹水，直接給勺子，收 >>>

評(píng)論(0) 瀏覽(6168)

152015-5

html5動(dòng)效系列十一：8個(gè)實(shí)用炫酷的HTML5圖片動(dòng)畫應(yīng)用

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

1、CSS3/jQuery實(shí)現(xiàn)移動(dòng)端滑動(dòng)圖片層疊效果

這是一款基于jQuery和CSS3的圖片層疊插件，這和我們之前介紹的CSS3圖片層疊展開有點(diǎn)不同，它支持鼠標(biāo)滑動(dòng)切換圖片，同時(shí)如果在移動(dòng)端運(yùn)行的話，也支持觸屏滑動(dòng)來切換圖片。這款jQuery圖片應(yīng)用非常適合在手機(jī)上使用，效果還不錯(cuò)。