周周
@Akane_Lee ：我和群里設(shè)計(jì)師聊，發(fā)現(xiàn) Prototype、Wireframe、Mockup 因?yàn)榉g有時(shí)候皆統(tǒng)稱為「原型」的關(guān)系，導(dǎo)致大混淆，所以來說明下這三者的不同，不清楚這三個(gè)術(shù)語有什么區(qū)別的同學(xué)來漲姿勢(shì)咯 >>>
藍(lán)藍(lán)設(shè)計(jì)的小編
前我們已經(jīng)向大家分享過一些基于HTML5的地圖應(yīng)用，比如jQuery矢量SVG地圖插件JVectorMap，以及這款HTML5/CSS3帶區(qū)域地圖的聯(lián)系表單。今天要分享的這款HTML5地圖應(yīng)用是一張世界地圖，地圖元素是使用SVG繪制的，并且地圖可以拖拽和局部縮放，效果非常不錯(cuò)。
之前我們分享過很多漂亮的網(wǎng)頁按鈕動(dòng)畫，大家可以移步至CSS3按鈕分類下查看各種各樣的CSS3按鈕。這次要分享的這款CSS3按鈕有著質(zhì)感的背景，并且鼠標(biāo)滑過按鈕時(shí)按鈕邊框還會(huì)發(fā)光，呈現(xiàn)出3D立體的視覺效果。
用心設(shè)計(jì)
這次要分享的也是一款不錯(cuò)的CSS3動(dòng)畫按鈕，當(dāng)我們將鼠標(biāo)滑過按鈕時(shí)，按鈕會(huì)展現(xiàn)不同方式的動(dòng)畫效果，大家可以具體看看演示。
今天要給給位分享一款基于CSS3的鼠標(biāo)懸停動(dòng)畫菜單按鈕，這款菜單是由一個(gè)個(gè)小按鈕組成，當(dāng)我們將鼠標(biāo)滑過菜單項(xiàng)時(shí)，按鈕上的圖標(biāo)將出現(xiàn)懸浮的動(dòng)畫。
編者按：今天這篇總結(jié)了幾個(gè)優(yōu)秀的全屏背景網(wǎng)站特點(diǎn)，關(guān)鍵是幫同學(xué)們掌握在一張大圖上放不同元素的技巧，理解了本質(zhì)后對(duì)PPT、平面設(shè)計(jì)、海報(bào)設(shè)計(jì)等都有很大幫助，非常實(shí)用 >>>
這次還是要分享一款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ì)不同。
今天要給大家介紹一款強(qiáng)大的CSS3動(dòng)畫庫animate.css，animate.css定義了大概50多種動(dòng)畫形式，包括淡入淡出，文字飛入、左右搖擺動(dòng)畫等等。使用animate.css也非常簡(jiǎn)單，你可以給頁面上的任意元素，特別是文字添加各種神奇的動(dòng)畫，一起來嘗試一下吧。
編者按：不論是網(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="iiiii8i" class="wp_keywordlink_affiliate">登錄界面的設(shè)計(jì)上細(xì)致入微，值得學(xué)習(xí)哦~
藍(lán)藍(lán)設(shè)計(jì)的小編 http://cqzjtgb.com
