在PC端制作網(wǎng)站時(shí),大部分的交互效果還是由訪問用戶通過鼠標(biāo)控制來完成的,例如鼠標(biāo)的單擊、雙擊以及右擊和懸停等動(dòng)作。而訪問用戶與網(wǎng)頁(yè)發(fā)生交互行為的具體對(duì)象也主要由圖像、頁(yè)面以及文本三個(gè)類型組成,下面就簡(jiǎn)單介紹一些頁(yè)面鏈接的交互效果設(shè)計(jì)。
1、 打開當(dāng)前頁(yè)的交互場(chǎng)景
一般在制作網(wǎng)站時(shí),可以操作的鏈接主要分為三種,它們分別是Icon、文字鏈接以及按鈕,而在網(wǎng)頁(yè)的交互性設(shè)計(jì)中打開當(dāng)前頁(yè)面是經(jīng)常會(huì)遇到的場(chǎng)景。在打開一個(gè)頁(yè)面時(shí),訪問用戶通過點(diǎn)擊鏈接,從而在瀏覽器的頁(yè)面中展示鏈接所對(duì)應(yīng)的內(nèi)容,而在制作網(wǎng)站時(shí)一共有四種適用于打開當(dāng)前頁(yè)的場(chǎng)景。
①一些訪問流程所必須的功能性頁(yè)面,操作的前后都有著影響和關(guān)鍵性,例如支付或者下單等
②在同一個(gè)層級(jí)內(nèi)進(jìn)行內(nèi)容的切換,例如使用“Tab”鍵的切換操作。
③在同一個(gè)路徑中,主頁(yè)的內(nèi)容顯示會(huì)收到訪問用戶的操作影響的。例如改變一個(gè)配置后,當(dāng)前的頁(yè)面會(huì)刷新出新的結(jié)果。
④訪問用戶一些目的性極強(qiáng)的操作,一些有利于讓訪問用戶的注意力被鎖定的設(shè)計(jì),例如在電商網(wǎng)站中“我的收藏”按鈕。
2、 打開新頁(yè)面的交互場(chǎng)景
這個(gè)交互場(chǎng)景是指到訪問用戶進(jìn)行了單擊網(wǎng)絡(luò)鏈接的操作后,在當(dāng)前的瀏覽器上會(huì)重新開啟一個(gè)新的標(biāo)簽頁(yè)面,從而進(jìn)行內(nèi)容顯示和操作,這也是制作網(wǎng)站經(jīng)常遇到的設(shè)計(jì)場(chǎng)景。