當前位置:才華齋>設計>網頁設計>

網站設計時建立網站頭的7個提示

網頁設計 閱讀(2.2W)

網站標題通常是使用者看到的第一件事。它可以使使用者或使用者體驗,您的品牌和更多!為了幫助保留使用者並讓他們進行設計,您需要建立一個網站頭。而不僅僅是在主頁上。在設計的每一頁上。歡迎大家閱讀!更多相關資訊請關注相關欄目!

網站設計時建立網站頭的7個提示

1.使用驚人的影象

一個偉大的形象總是令人印象深刻。無論您選擇照片,視訊,動畫還是其他“藝術”元素,每個標題都應帶有使用者想要檢視的影象。

標題影象不僅僅是一個漂亮的圖片。它是網頁上所有內容的門戶,甚至可能在設計中更深入。

單獨的影象是一個很好的起點,但是您必須將其與其他元素配對,才能充分利用內容。可能出現在標題中的其他元素包括:

文字或標題商標或品牌識別碼按鈕或號召性用語導航元素搜尋

選擇銳利,高解析度的影象,併為其他元素(如文字或按鈕)提供充足的對比度。人們喜歡看臉,所以考慮讓人們使用或與您的產品或服務進行互動,如果可能的話。想炫耀你最新的投資組合專案?使用模型模板,使其更有趣和更有吸引力。

2.結合導航元素

沒有理由你將標題和導航視為單獨的元素; 它們通常是同一視覺概念的一部分。無論您喜歡完整的選單導航還是從漢堡包圖示彈出的內容,導航元素都應該是標題設計方案的一部分。

而當您正在考慮標題和導航時,請考慮粘性導航模式。即使使用者遠離主標題 - 它可以是一個小的導航欄,或者像全屏顯示一樣大 - 他們可以快速繞過網站設計。

標題中的導航元素將執行您可能不會期望的其他操作。因為這些文字或圖示通常是較小的位,它可以幫助在標題中建立層次結構,向用戶展示如何與設計進行互動。

3.建立獨特的資訊

只需在標題中彈出一個偉大的影象是不夠的。它說什麼?

考慮標題的.訊息如何與使用者通訊。

它是否告訴他們該頁面上的內容要做什麼或期望什麼?所有元素是否傳達一個易於理解的單一統一資訊?它是否讓使用者知道在頁面上執行什麼操作或在下一步點選哪裡?

確保組合多個元素以通過單個訊息建立整體效果。

4.嘗試超大排版

超大排版是增加標題的重要方法。即使這些單詞是簡單的位置識別符號,在使用者開始閱讀其他資訊之前,使用粗體字可以幫助畫面到螢幕頂部。

排版展示位置可能會有所不同,但請嘗試在標題中貼上兩個基本的刊登位置。

主頁選項具有更多的排版或更引人注目的字型或與其他頁面不同的型別。所有其他頁面選項與所有內部頁面一致的簡單型別框架。

5.考慮閱讀模式

根據尼爾森諾曼集團的研究,網站上的閱讀傾向於遵循三種不同的眼睛運動模式。然後調整所有這些閱讀模式以解決使用者在閱讀時關注的任務,簡單來說,它是視覺流中相關部分的分組。

關於使用者如何看待和消化內容的兩個研究都很重要,因為它們可以幫助您瞭解如何以及在設計中特別是標題中放置元素的位置。

最初,考慮基本模式:

F圖案:使用者通過頂部讀取,然後在頁面上半部分,最後垂直向左下方以F字形讀取。古騰堡圖:有四個活躍的閱讀區域,從左到右從頂部的兩個水平站點開始,從右上角到左下角和底部。(形式z形)。 Z圖案:眼睛從左到右並從設計的頂部到底部前後移動,形成多個z圖案。

將元素 - 特別是關鍵元素放在普通閱讀模式中最熱的區域中,以最有效地進行使用者互動。然後考慮使用者最可能看到的地方 - 與剛消化的內容相關的操作。

6.包含一個可點選元素

你的網站頭像是互動的嗎?它是否包含可點選(或可點選)元素來鼓勵使用者參與?

標題可以成為一個號召性用語按鈕或簡單動作(如電子郵件地址收集表單)的完美位置。不要超過元素點選,因為它可以從整體訊息中消除,但一個簡單的單動作元素可以在設計的這個方面有效。

不知道標題應該包含什麼元素?考慮一個在整個設計中始終可用的按鈕(就像導航)一致的所需操作。購物車按鈕,帳戶資訊訪問或聯絡我們按鈕是很好的選擇。

7.使用簡單的圖層

你如何把頭上面提到的所有元素(或者一小部分在一起)拉到頭部?訣竅是簡單的分層。最好的標題 - 一個讓使用者感覺的標題 - 看起來很簡單。它遵循設計理論規則,並且使用一個主要因素來吸引使用者並支援設計技術來幫助他們實現可操作的目標。

分層物件是實現此目標的一種方法。

簡單的圖層不僅可以幫助您為每個元素建立不同的空間,還可以為使用者提供視覺焦點。他們會知道從哪裡開始設計,什麼元素值得他們注意,什麼元素可以撇去。

第一次嘗試也不會總是成功。通常需要進行多次修訂和測試來建立一組能夠有效協同工作的元素,並將頁面頂部的使用者哇。

結論

在建立首頁標題時,通常處於設計流程的前沿,處理內部頁面的標題通常會丟失。“內部”頁面中的內容可能與首頁一樣重要,因為許多使用者將通過搜尋訪問您的網站設計,而不是輸入URL並按照設計團隊設想的導航連結。