1 、什麼是網頁頁首(頭部)?
網頁頭部是指網頁的頂部部分。在以前,人們對頁首的理解是網頁頂部部分的窄條,裡面有 logo 、品牌號召性標語和聯絡資訊。但在現代設計中,主頁的整個空間都被認為是頁首。
作為人們在載入網頁的前幾秒看到的頁面的戰略構成部分,頁首起到了一種邀請的作用。它應該提供一個網頁的基本資訊,讓多使用者可以在幾秒鐘內瞭解它提供的資訊。
2 、網頁頁首包括哪些內容?
網頁頭部的主要元素通常有:標誌或品牌標識、品牌號召性標語、頭部、導航元素、搜尋等。
您不必一下子把它們全部加進去。有必要在豐富的資訊和和諧的安排之間找到一個平衡點。只使用您需要的資料,過重的頭部也不好,無論所有的連結看起來多麼重要。
3 、 zui 佳網頁頁首設計做法
在設計頁首部分時,沒有什麼可以限制您的創造力。網頁的頭部是一個開放的領域,可以進行廣泛的創意設計決策,它應該是令人難忘的,簡潔的和有用的。
頭部大小
關於網頁頭像應該是多大尺寸的問題,並沒有明確的答案。一些資源試圖提供一組準確的數字,但如今網頁建設 zui 困難的一個方面是保證每一個螢幕尺寸的有效性。而且即使兩個螢幕大小相同,解析度也可能不同,所以多使用者看到的東西也不一樣。
所以不要執著於精確的畫素概念,zui 好遵循簡單的常識規則。
視覺層次結構
標誌。 NN/g 進行的另一項研究發現,相比於中間或右邊部分的位置,多使用者會更容易記住那些標誌放在左邊的品牌。
如果您的 logo 是圓形的,那麼將其放在螢幕中央也是可以接受的,不過與放在左邊的 logo 相比,其效果還是會降低。
導航。注意不要讓網頁的這個部分過於混亂。太多的連結會讓訪客不知所措。有時為了給 zui 重要的類別清理一些空間,可能會對網頁的結構進行整體改造。
讓訪客很容易明白自己在哪裡,以及如何找到進一步的路。使用懸停效果引導多使用者瀏覽。
實施視覺層次的原則,自然地突出 CTA 。
固定導航
持久的導航條,或者換句話說,” 粘性頭部”,意味著當您滾動時,導航會跟隨您在頁面上移動。這是現在的一個網頁設計標準。
網頁頭部(頁首)所傳達的資訊
頭部可以傳達的資訊有以下幾種可能:
敦促消費者去做一些事情、建立任性拉近距離、促使遊客瞭解更多、寓教於樂等。
相關圖片
高質量的照片。對於網頁設計師來說,攝影是一個強大的工具。它可以講述一個故事,喚起情感,並激勵您的訪問者進一步滾動。對於具有強大震撼力的圖片的網頁,可以嘗試做一個透明的頁首。它能更好地顯示圖片,保留主連結。
滑動圖片。如果您有幾張代表網頁業務的好照片,就去吧! 多使用者可以滾動瀏覽一組精美的高解析度圖片。
插畫。網頁的頁首圖片要打動人心,建立個人聯絡。如果一張圖片與眾不同,即使從網頁頭部中切出來也很容易識別,那就更好了。您可以透過利用當今插畫的趨勢來實現。