周周
編者按：不論是網頁設計師還是UI設計師，登錄和注冊頁面的設計是必然經歷過的工作內容。登錄界面的設計說難不難，說容易也不是那么輕松就可以做好的，要在安全和可用性之間找到登錄界面的平衡點，還是需要相當的經驗來支撐的。今天的文章來自GoSquared團隊，他們在登錄界面的設計上細致入微，值得學習哦~
藍藍設計的小編
今天我們要來分享一組很酷的jQuery插件，這款jQuery插件實現了6組不同樣式的超酷儀表盤指示器動畫。儀表盤的背景是一張圖片，通過jQuery來動態生成一些屬性標簽，比如儀表盤的刻度和指針等。效果非常不錯。
1、HTML5 Canvas模擬衣服撕扯動畫 超級逼真
今天又要來推薦一款HTML5 Canvas動畫，是一個模擬衣服撕扯動畫，效果非常逼真。剛開始衣服掛在繩子上，用鼠標拖拽衣服即可讓衣服擺動起來，當你拖拽的很用力時，你會發現，衣服被撕破了。該HTML5動畫會捕獲到鼠標拖拽的用力程度，從而來判斷并實現衣服應該破損的程度，越用力，衣服被撕破的速度越快，趕緊來體驗一下這個HTML5動畫吧。
編者按：今天這篇近萬字的長文是@Goodmor寧 整理大量資料后總結的，從日本設計的興起過程聊到中國設計的發展，超多史料，還附有他與設計前輩張子健先生的訪談呦 >>>
談到網頁，不得不提到HTML5。憑借著其強大的3D渲染能力，HTML5讓很多開發者都躍躍欲試，都想親自體驗一下HTML5的3D效果。今天本文就分享8款效果驚艷的HTML5 3D動畫，您可以撿現成的看看，順便也可以學習學習HTML5的相關知識。
1、HTML5 WebGL水面、水波蕩漾
編者按：學會工程師思維，可以幫助你快速梳理簡化設計流程，掌握跟工程師溝通的最佳方式。知己知彼，百戰不殆，想擁有工程師思維，你得先了解工程師是如何思考問題的，全文干貨不吹水，直接給勺子，收 >>>
1、CSS3/jQuery實現移動端滑動圖片層疊效果
這是一款基于jQuery和CSS3的圖片層疊插件，這和我們之前介紹的CSS3圖片層疊展開有點不同，它支持鼠標滑動切換圖片，同時如果在移動端運行的話，也支持觸屏滑動來切換圖片。這款jQuery圖片應用非常適合在手機上使用，效果還不錯。
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
今天小編要給大家帶來另外一款HTML5 3D立方體翻轉動畫，這款動畫能實現多個立方體按一定順序翻轉，給人墻體翻轉的3D視覺效果。
今天我們繼續來為大家分享一些效果相當不錯的HTML5動畫和實用的HTML5應用，如果你對HTML5技術和jQuery等相關前端技術感興趣，歡迎繼續關注我們后續推薦的文章。本文介紹的8個非常神奇的HTML5動畫和應用，希望你會喜歡。
今天我們要來分享一款很酷的CSS3圖片，這款圖片可以利用鼠標滑過圖片使其懸停放大，并使圖片的周圍出現發光的效果。配合黑色的背景，這款CSS3圖片懸停放大效果顯得更加立體大氣，非常適合產品圖片的展示。
@abo_abo 作為UI設計師，對待用戶就像對待嬰兒，知道如何通過界面設計誘導用戶非常重要，這就需要了解心理學方面的知識了。今天分享一篇日本設計師的好文，結合心理學與設計，教你讀懂心理學，提高說服力。
藍藍設計的小編 http://www.tuitetiyu.cn
