網站內容的某些部分比其他部分更重要,這是事實,比如說,幾乎可以肯定,“立即購買”按鈕比整個“關于我們”頁面更為重要,如果您確實希望進行這種銷售,則需要相應地確定用戶的關注重點。這就是深圳網站建設公司的小編這篇文章的原因:您可以將其稱為控制焦點的新手指南。
您將以一種自然的方式一步步構建網站。
我的姐姐過去常常莊重而鎮定地控制我的注意力,不管在什么地方,一天要跟我說15到40次:“回去寫作業”。但是您的用戶不會像單曲循環那樣全神貫注地完成瀏覽您的網站,你需要做點什么來吸引他們。
號召性用語(例如“購買”按鈕)需要看起來不錯。
1.對比
吸引眼球的第一個也是最簡單的方法是使用對比度。“對比”是指設計的重要元素必須以有意義的方式與眾不同。看看我在那里做什么?
現在,討論幾種對比:
●亮/暗對比
●色彩對比
●尺寸對比
●風格對比
其中大多數都是自我解釋,但讓我們仔細研究一下。
光線暗
明亮的事物與黑暗的事物脫穎而出,反之亦然。很簡單,對吧?好吧...這取決于,如果您的網站大部分內容都很明亮,那么將號召性用語設置得又大又暗(或者至少比其他所有內容都暗些)。
光線暗的網頁
但是,有很多設計都具有高明暗對比,這是整個布局的特征,并且這種對比可以使所有東西都具有結構感。在這種情況下,您將需要使用另一種對比來引導人們的注意力。
顏色
這是不言自明的。光彩奪目的顏色,甚至只是不同的顏色,足以使事物脫穎而出。在此示例中,顏色用于消除大量排版干擾。
網頁上的顏色
尺寸
使重要按鈕大于其他按鈕;使標題文字大于其他文字。大小對比不僅可以使事物脫穎而出,而且還有助于在頁面中建立層次結構。
突出網頁中重要按鈕
樣式
風格上的差異可以用我之前做過的粗體文字笑話來說明。但是,要看一個更注重UI的示例,我們來談談“Ghost按鈕”。Ghost按鈕是帶有輪廓但沒有背景色的按鈕,通常與常規按鈕結合使用,例如IndieGoGo的主頁上:
網頁樣式
我敢打賭,您可以說出他們真正要您單擊哪個按鈕。風格上的對比使這一點很清楚。
2.圖片
無論我們是在談論攝影,插圖,繪畫或3D圖形,圖像都能吸引眼球。您可以輕松地通過圖片重定向任何人的注意力。唯一真正的例外是被其他圖片包圍的圖片。
當然,您可以將圖像用作它們自己的焦點對象,但也可以使用它們來吸引其他事物,例如文本或放置在其上方的按鈕。您不認為這些只是漂亮的背景,對嗎?那可能是事情開始的方式,但是如今,一切都經過了更多的計算。
如果您真的想全力以赴,請以圖片指向的方式發出號召。這就是所謂的“協同作用”,盡管聽起來聽起來很有合作精神,但它往往會起作用。
網頁上的背景圖
3.動畫
如果您認為我們喜歡圖片,那么讓我告訴您有關動態圖片的信息。沒錯,但是,如果房間中沒有其他有趣的事情發生,那么無論播放什么,我的眼睛都會無情地吸引著剩下的電視。可能是體育比賽,白天脫口秀,甚至是肥皂劇,我都很難將視線移開。我們大多數人都會。
運動就是那樣吸引眼球。它最初是作為生存反射,現在我們只需要知道Brian是否會重拾記憶并與Patricia結婚,或者她是否會永遠被邪惡的雙胞胎Drake困住。通過將一些動畫效果融入按鈕,有用的工具提示以及您真正希望人們首先閱讀的任何文本等內容中,從而利用反射效果來發揮自己的優勢。
動圖網頁示例
4.慣例
最后,利用用戶的默認行為模式。作為網絡用戶,我們大多數人都受過訓練,可以在頂部搜索導航,在其下方搜索號召性用語,在底部搜索更多的CTA。將重要的信息和功能放在人們期望找到的地方是一種完全有效的策略。
還請記住,您是為從右到左還是從左到右閱讀的人設計的。例如,說英語的人通常會首先看著屏幕的左側。雖然有話要說打破常規,但不要低估簡單卻根深蒂固的習慣的力量。
利用用戶習慣設計的網頁
5.少用重點
當所有內容都是粗體時,粗體文本往往會模糊在一起,而不是將重要信息消耗到用戶的大腦中。如果頁面上有很多圖片,并且您沒有運行攝影作品集,則用戶可能會分心。而且不要讓我開始過度使用動畫。當一切進展順利時,您如何期望他們閱讀長于一句話的任何文本?
要將用戶的注意力真正吸引并集中在一兩件事上,您需要消除或至少不加強調可能吸引他們注意力的事物。與其他網站競爭,而不是與您自己的內容競爭。
文章轉載請保留網址:http://aberdeenanguscattle.com/news/industry/2710.html