高勁
在過去的三年里面,我一直帶領著 Aviary 的Android設計師團隊。非常榮幸我能為大家設計這款攝影APP,讓大家能釋放創造力,通過這款APP來拍攝出如此之多優質的照片。隨著Google 推出Material Design 這種全新的設計語言,我們的產品設計團隊也開始針對Photo Editor 進行重新設計。今天這篇文章,我會仔細分享我們重新設計它的故事,以及設計經驗和進度,你可以看到這個全新設計語言是如何重塑這款APP的。
@Akane_Lee :我和群里設計師聊,發現 Prototype、Wireframe、Mockup 因為翻譯有時候皆統稱為「原型」的關系,導致大混淆,所以來說明下這三者的不同,不清楚這三個術語有什么區別的同學來漲姿勢咯 >>>
藍藍設計的小編
前我們已經向大家分享過一些基于HTML5的地圖應用,比如jQuery矢量SVG地圖插件JVectorMap,以及這款HTML5/CSS3帶區域地圖的聯系表單。今天要分享的這款HTML5地圖應用是一張世界地圖,地圖元素是使用SVG繪制的,并且地圖可以拖拽和局部縮放,效果非常不錯。
之前我們分享過很多漂亮的網頁按鈕動畫,大家可以移步至CSS3按鈕分類下查看各種各樣的CSS3按鈕。這次要分享的這款CSS3按鈕有著質感的背景,并且鼠標滑過按鈕時按鈕邊框還會發光,呈現出3D立體的視覺效果。
用心設計
這次要分享的也是一款不錯的CSS3動畫按鈕,當我們將鼠標滑過按鈕時,按鈕會展現不同方式的動畫效果,大家可以具體看看演示。
今天要給給位分享一款基于CSS3的鼠標懸停動畫菜單按鈕,這款菜單是由一個個小按鈕組成,當我們將鼠標滑過菜單項時,按鈕上的圖標將出現懸浮的動畫。
編者按:今天這篇總結了幾個優秀的全屏背景網站特點,關鍵是幫同學們掌握在一張大圖上放不同元素的技巧,理解了本質后對PPT、平面設計、海報設計等都有很大幫助,非常實用 >>>
這次還是要分享一款CSS3對話框插件,另外,這款對話框的特點是點擊按鈕后對話框會以3D旋轉的動畫展現出來。更令人驚嘆的是,點擊按鈕的不同部位,對話框3D旋轉的動畫方式也會不同。
今天要給大家介紹一款強大的CSS3動畫庫animate.css,animate.css定義了大概50多種動畫形式,包括淡入淡出,文字飛入、左右搖擺動畫等等。使用animate.css也非常簡單,你可以給頁面上的任意元素,特別是文字添加各種神奇的動畫,一起來嘗試一下吧。
藍藍設計的小編 http://m.wowo44.com