網(wǎng)站內(nèi)容的某些部分比其他部分更重要，這是事實(shí)，比如說，幾乎可以肯定，“立即購買”按鈕比整個“關(guān)于我們”頁面更為重要，如果您確實(shí)希望進(jìn)行這種銷售，則需要相應(yīng)地確定用戶的關(guān)注重點(diǎn)。這就是成都網(wǎng)站建設(shè)公司的小編這篇文章的原因：您可以將其稱為控制焦點(diǎn)的新手指南。

您將以一種自然的方式一步步構(gòu)建網(wǎng)站。

我的姐姐過去常常莊重而鎮(zhèn)定地控制我的注意力，不管在什么地方，一天要跟我說15到40次：“回去寫作業(yè)”。但是您的用戶不會像單曲循環(huán)那樣全神貫注地完成瀏覽您的網(wǎng)站，你需要做點(diǎn)什么來吸引他們。

號召性用語(例如“購買”按鈕)需要看起來不錯。

1.對比

吸引眼球的第一個也是最簡單的方法是使用對比度。“對比”是指設(shè)計(jì)的重要元素必須以有意義的方式與眾不同。看看我在那里做什么?

現(xiàn)在，討論幾種對比：

●亮/暗對比

●色彩對比

●尺寸對比

●風(fēng)格對比

其中大多數(shù)都是自我解釋，但讓我們仔細(xì)研究一下。

光線暗

明亮的事物與黑暗的事物脫穎而出，反之亦然。很簡單，對吧?好吧...這取決于，如果您的網(wǎng)站大部分內(nèi)容都很明亮，那么將號召性用語設(shè)置得又大又暗(或者至少比其他所有內(nèi)容都暗些)。

光線暗的網(wǎng)頁

但是，有很多設(shè)計(jì)都具有高明暗對比，這是整個布局的特征，并且這種對比可以使所有東西都具有結(jié)構(gòu)感。在這種情況下，您將需要使用另一種對比來引導(dǎo)人們的注意力。

顏色

這是不言自明的。光彩奪目的顏色，甚至只是不同的顏色，足以使事物脫穎而出。在此示例中，顏色用于消除大量排版干擾。

網(wǎng)頁上的顏色

尺寸

使重要按鈕大于其他按鈕;使標(biāo)題文字大于其他文字。大小對比不僅可以使事物脫穎而出，而且還有助于在頁面中建立層次結(jié)構(gòu)。

突出網(wǎng)頁中重要按鈕

樣式

風(fēng)格上的差異可以用我之前做過的粗體文字笑話來說明。但是，要看一個更注重UI的示例，我們來談?wù)劇癎host按鈕”。Ghost按鈕是帶有輪廓但沒有背景色的按鈕，通常與常規(guī)按鈕結(jié)合使用，例如IndieGoGo的主頁上：

網(wǎng)頁樣式

我敢打賭，您可以說出他們真正要您單擊哪個按鈕。風(fēng)格上的對比使這一點(diǎn)很清楚。

2.圖片

無論我們是在談?wù)摂z影，插圖，繪畫或3D圖形，圖像都能吸引眼球。您可以輕松地通過圖片重定向任何人的注意力。唯一真正的例外是被其他圖片包圍的圖片。

當(dāng)然，您可以將圖像用作它們自己的焦點(diǎn)對象，但也可以使用它們來吸引其他事物，例如文本或放置在其上方的按鈕。您不認(rèn)為這些只是漂亮的背景，對嗎?那可能是事情開始的方式，但是如今，一切都經(jīng)過了更多的計(jì)算。

如果您真的想全力以赴，請以圖片指向的方式發(fā)出號召。這就是所謂的“協(xié)同作用”，盡管聽起來聽起來很有合作精神，但它往往會起作用。

網(wǎng)頁上的背景圖

3.動畫

如果您認(rèn)為我們喜歡圖片，那么讓我告訴您有關(guān)動態(tài)圖片的信息。沒錯，但是，如果房間中沒有其他有趣的事情發(fā)生，那么無論播放什么，我的眼睛都會無情地吸引著剩下的電視。可能是體育比賽，白天脫口秀，甚至是肥皂劇，我都很難將視線移開。我們大多數(shù)人都會。

運(yùn)動就是那樣吸引眼球。它最初是作為生存反射，現(xiàn)在我們只需要知道Brian是否會重拾記憶并與Patricia結(jié)婚，或者她是否會永遠(yuǎn)被邪惡的雙胞胎Drake困住。通過將一些動畫效果融入按鈕，有用的工具提示以及您真正希望人們首先閱讀的任何文本等內(nèi)容中，從而利用反射效果來發(fā)揮自己的優(yōu)勢。

動圖網(wǎng)頁示例

4.慣例

最后，利用用戶的默認(rèn)行為模式。作為網(wǎng)絡(luò)用戶，我們大多數(shù)人都受過訓(xùn)練，可以在頂部搜索導(dǎo)航，在其下方搜索號召性用語，在底部搜索更多的CTA。將重要的信息和功能放在人們期望找到的地方是一種完全有效的策略。

還請記住，您是為從右到左還是從左到右閱讀的人設(shè)計(jì)的。例如，說英語的人通常會首先看著屏幕的左側(cè)。雖然有話要說打破常規(guī)，但不要低估簡單卻根深蒂固的習(xí)慣的力量。

利用用戶習(xí)慣設(shè)計(jì)的網(wǎng)頁

5.少用重點(diǎn)

當(dāng)所有內(nèi)容都是粗體時(shí)，粗體文本往往會模糊在一起，而不是將重要信息消耗到用戶的大腦中。如果頁面上有很多圖片，并且您沒有運(yùn)行攝影作品集，則用戶可能會分心。而且不要讓我開始過度使用動畫。當(dāng)一切進(jìn)展順利時(shí)，您如何期望他們閱讀長于一句話的任何文本?

要將用戶的注意力真正吸引并集中在一兩件事上，您需要消除或至少不加強(qiáng)調(diào)可能吸引他們注意力的事物。與其他網(wǎng)站競爭，而不是與您自己的內(nèi)容競爭。

名稱欄目：網(wǎng)頁設(shè)計(jì)中吸引用戶注意力的5個技巧
文章路徑：http://m.newbst.com/news31/74081.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站導(dǎo)航、軟件開發(fā)、App設(shè)計(jì)、動態(tài)網(wǎng)站、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)