在互聯(lián)網(wǎng)時(shí)代,網(wǎng)絡(luò)上的各行各業(yè)的網(wǎng)站不計(jì)其數(shù),然而放眼過(guò)去大量同質(zhì)化或跟風(fēng)的網(wǎng)站風(fēng)格,甚至有些網(wǎng)站空有一副美觀的皮蘘,卻總少一些讓人眼前一亮或印象深刻的東西,那我們?yōu)楹尾辉诮换ド蟿?chuàng)新一下呢?具有創(chuàng)意的交互必然能使一副黑白的畫(huà)面瞬間點(diǎn)亮色彩。下面深圳博納網(wǎng)站設(shè)計(jì)公司小編為大家整理一些關(guān)于交互層設(shè)計(jì)一些創(chuàng)意形式,希望對(duì)大家所幫助。
1、光標(biāo)跟隨動(dòng)畫(huà)
光標(biāo)跟隨動(dòng)畫(huà)會(huì)使頁(yè)面上的元素根據(jù)光標(biāo)的位置或移動(dòng)產(chǎn)生相應(yīng)變換,增加頁(yè)面的互動(dòng)性與趣味,適用于裝飾或加強(qiáng)背景層次感,在特定的場(chǎng)景也可以使整套控制 UI 往鼠標(biāo)移動(dòng)的方向微微靠近,結(jié)合菲茲定律公式,距離的不斷縮減也能夠加快選中的效率)。
2、鼠標(biāo)懸浮動(dòng)畫(huà)
簡(jiǎn)單易用的鼠標(biāo)懸浮動(dòng)畫(huà),用于聚焦顯示或 Tooltip 說(shuō)明,常用與內(nèi)容選中狀態(tài)區(qū)分或元素細(xì)節(jié)展示,加上一組好的動(dòng)效創(chuàng)意非常能夠凸顯個(gè)性,使用戶(hù)感到驚喜為體驗(yàn)加分。
3、鼠標(biāo)點(diǎn)擊特效
由鼠標(biāo)點(diǎn)擊進(jìn)行觸發(fā),基本樣式即點(diǎn)擊狀態(tài)顯示,觸發(fā)后的特效可以是圖標(biāo)動(dòng)畫(huà)、光效、音效、界面動(dòng)畫(huà)等,游戲場(chǎng)景中較為常見(jiàn),點(diǎn)擊后不僅有光效反饋還有音效附和,這是一種觸發(fā)反饋效果。
4、鼠標(biāo)長(zhǎng)按特效
當(dāng)鼠標(biāo)長(zhǎng)按某個(gè)按鈕時(shí)持續(xù)出現(xiàn)的特殊效果,一般是持續(xù)鼠標(biāo)點(diǎn)擊的特效或維持某個(gè)元素的變化效果,通常對(duì)數(shù)值持續(xù)增減動(dòng)作較為常見(jiàn),可以代替連續(xù)的點(diǎn)擊,交互更輕松。也或者是需要一定的加載時(shí)間所以用長(zhǎng)按配合。
5、鼠標(biāo)拖拽特效
通過(guò)鼠標(biāo)點(diǎn)擊長(zhǎng)按某個(gè)元素進(jìn)行移動(dòng)的組合交互,一般用于拖拽移動(dòng)、內(nèi)容繪制、元素連接等。應(yīng)用場(chǎng)景廣,互動(dòng)性較高,能為用戶(hù)帶來(lái)更多的參與感和趣味性,甚至制造小驚喜。
6、模塊或分頁(yè)加載動(dòng)效
在頁(yè)面滑動(dòng)或分頁(yè)信息加載時(shí),界面構(gòu)成元素有序的緩入進(jìn)場(chǎng)。采用流暢的動(dòng)效演示數(shù)據(jù)加載的過(guò)程,緩解數(shù)據(jù)加載渲染壓力的同時(shí),使得用戶(hù)可以更加從容不迫地瀏覽信息,讓界面呈現(xiàn)更加精致優(yōu)雅。
以上就是深圳博納網(wǎng)站設(shè)計(jì)為大家整理關(guān)于“網(wǎng)頁(yè)端如何在交互層進(jìn)行創(chuàng)新形式“相關(guān)內(nèi)容分享,希望對(duì)大家有所幫助。如您網(wǎng)站設(shè)計(jì)這方面的需求,歡迎隨時(shí)咨詢(xún)。