放到頁面的頭部
為了闡述這個(gè)概念,看一下位于 Your Web Job 頁面最右上角的”Post a Job!”行動(dòng)召喚按鈕。通過將行動(dòng)召喚按鈕放到一個(gè)非常醒目的區(qū)域,這樣好像用戶會(huì)注意到它或者稍后記住它,在他們看過網(wǎng)站的內(nèi)容之后。比如一個(gè)職位發(fā)布者想要在他們發(fā)布職位之前瀏覽一下網(wǎng)站,”Post a Job!”按鈕將隨時(shí)為他們準(zhǔn)備好,無論哪個(gè)頁面引導(dǎo)他們跳轉(zhuǎn),他們會(huì)更可能記得他們可以很容易的執(zhí)行這個(gè)行動(dòng)的地方,因?yàn)樗奈恢米銐蝻@眼。
放在布局的中間
將一個(gè)行動(dòng)召喚按鈕定位到頁面布局的中間——而不是兩側(cè)(或明顯比較小或者不重要)的位置——可以是一個(gè)很有效的吸引注意和誘導(dǎo)一個(gè)行動(dòng)的方法。在例子PicsEngine 中,盡管這個(gè)行動(dòng)召喚按鈕沒有使用與其背景色和頁面中周邊元素高對(duì)比的色彩,它依然能夠因?yàn)槠渚又械奈恢枚苋菀滓鹱⒁狻?/p>
使用空白來從其他頁面元素中區(qū)分行動(dòng)召喚按鈕
行動(dòng)召喚按鈕周圍的空白(或者無效空間)的使用是一個(gè)讓它在有很多元素的區(qū)域中突出的很有效的方法。
用于區(qū)分行動(dòng)召喚按鈕的空白
IconDock 展示如何有效的利用空白。即便使用一個(gè)很小而且簡(jiǎn)單設(shè)計(jì)的行動(dòng)召喚按鈕,它依然很突出,因?yàn)樵谒袜徑刂g的空間。
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁 行動(dòng)召喚按鈕在網(wǎng)頁中的實(shí)例與實(shí)踐 [1] 下一頁 行動(dòng)召喚按鈕在網(wǎng)頁中的實(shí)例與實(shí)踐 [3]
|