讓網頁清晰易懂的5種方法

2021-04-13 11:09:50 字數 836 閱讀 2598

當使用者開啟乙個頁面,更多的是快速掃瞄,他們不會仔細閱讀網頁上的所有內容,也沒有必要。可以說如果乙個**沒有在使用者快速掃瞄的過程中給他帶來點獨特的內容,那麼他就會絲毫不需理由的離開你的**。為此,讓網頁更清晰易懂將是留住使用者的最佳法寶。

1、突出重點

突出重點是為了讓使用者最快的找到頁面的重點內容,減緩使用者的視覺疲憊。突出重點,一般是通過對比的方法來實現,如讓用代替文字,用不同的字型大小、顏色、樣式,將內容放置在頁面的頂端都是突出重點的方法。

上圖中所示的跟文字都是產品的**資訊,明顯,所展示的產品作為重點**物件,當使用者掃瞄網頁的時候,的**資訊無疑將受到重視。

2、頁面中的包含關係要在布局中表示出來。

這樣做的目的是讓頁面顯得更有邏輯,方便使用者按照人們一般的邏輯思路找到相關的內容。同時也是為了讓使用者清晰的知道頁面的層級部署是怎樣的。

上圖是微軟中國站的「產品和相關技術」欄目頁,其包含關係:所有產品和相關技術》windows》windows系列產品,很有層次感的呈現在了使用者面前。

3、頁面中相關的內容有明顯的模組關係。

這樣做一方面是讓頁面整潔美觀,另一方面是讓使用者明白頁面整體布局是怎樣的。

如上圖是我之前給乙個社群**設計的主頁,我最滿意的地方是各個模組清晰的劃分,可以讓使用者覺得頁面布局緊湊,方便使用者查詢內容。

4、去除頁面中具有視覺干擾的內容。

例如頁面中滿天飛的廣告,閃爍的文字,快節奏的flash等,都會分散使用者的注意力,使他們不能集中精力找到他們所需要的資訊。

5、對頁面中的鏈結應該明確指示。

反轉鍊錶 清晰易懂的兩種方法

反轉乙個單鏈表。如下示例 輸入 1 2 3 4 5 null 輸出 5 4 3 2 1 null public class listnode 一 迭代法 注意觀察示例 1 2 3 4 5 null的反轉可以看成 null 1 2 3 4 5。會發現鍊錶的反轉基本上就是箭頭的方向的反轉,即節點前驅和後...

讓div垂直居中的5種方法

這個方法把 div 的顯示方式設定為 然後我們可以使用 的 vertical align property 屬性。html css 1 div class 2 div class cell 3 div class content 4 h1 把div顯示方式設定為 h1 5div 6div 7div ...

5種方法讓你不再睡過鬧鐘

1.不要貪睡 你可能認為額外的 extra 睡眠會讓你在最後起床時感覺更好,但實際上 actually 它會讓你感覺更糟。根據科學研究,當你貪睡一會兒時,大腦就會重回睡眠狀態。如果你再多睡一會兒,你的大腦就會進入更深的睡眠狀態。當你最終醒來 awake 時,你會感到昏昏沉沉。2.保持起床時間一致 人...