網(wǎng)站地圖|客服中心|設(shè)為首頁(yè)|加入收藏

行業(yè)新聞

首頁(yè) > 新聞 > 網(wǎng)站設(shè)計(jì) > 成功品牌如何設(shè)計(jì)他們的網(wǎng)站頭部

成功品牌如何設(shè)計(jì)他們的網(wǎng)站頭部


  網(wǎng)站頭部一般是訪問(wèn)者進(jìn)入網(wǎng)站時(shí)首先看到的內(nèi)容。想要訪問(wèn)者通過(guò)與主圖交互或者注意到行為召喚按鈕從而采取行動(dòng),都在讓訪問(wèn)者感到愉悅的設(shè)計(jì)布局中。本文中,我們將討論成功品牌采用的最佳做法,打造一個(gè)能讓訪問(wèn)者采取行動(dòng)的高質(zhì)量的網(wǎng)站頭部。


  組織布局

  大型網(wǎng)站,比如Amazon、YouTube和Facebook,都在所謂的主圖(hero image)上花費(fèi)了很大精力。主圖指的是占據(jù)網(wǎng)站中心位置的一張大圖,是訪問(wèn)者第一眼就能看到的內(nèi)容。它可能會(huì)包含行為召喚(call to action)指引訪問(wèn)者進(jìn)行特定行為,可能是信息性內(nèi)容,也可能是一張引人注目的圖片以期引起訪問(wèn)者的某種情緒反應(yīng)。




  通常情況下,在主圖之上的是導(dǎo)航欄,一般包含指向其他頁(yè)面的鏈接以及公司名稱或者logo。到底放在主圖上方還是下方當(dāng)然取決于你。我們建議導(dǎo)航欄放在主圖上方,這樣移動(dòng)端用戶不需要向下滾動(dòng)頁(yè)面就能找到各個(gè)鏈接。

  將布局拆分成列

  除了在導(dǎo)航欄添加指向網(wǎng)站企業(yè)頁(yè)面的鏈接之外,你可能還想把這些鏈接作為行為召喚按鈕、圖像或者文本鏈接放在頭部部分,把頭部拆分成數(shù)列。這樣,頭部就能被分割成數(shù)個(gè)小版塊,但仍然占據(jù)了訪問(wèn)者進(jìn)入網(wǎng)站時(shí)第一眼會(huì)看到的位置。




  像IMDb、IGN和TechRadar這樣的網(wǎng)站都這樣做,因?yàn)檫@些網(wǎng)站上發(fā)布了大量的新聞內(nèi)容。類似的網(wǎng)站都可以試試將網(wǎng)站上最突出的空間分成多列,以便展示其最有價(jià)值的內(nèi)容。

  使用行為召喚CTA

  如果你正在售賣某件商品,想要分享一些重要信息或者鼓勵(lì)新用戶注冊(cè),我們建議在頭部使用行為召喚。網(wǎng)站頭部與行為召喚的結(jié)合,將確保訪問(wèn)者面臨兩個(gè)選項(xiàng):參與或不參與。這對(duì)于分清什么有用什么沒(méi)用很有幫助,因?yàn)槿绻L問(wèn)者沒(méi)有回應(yīng)你的行為召喚,說(shuō)明它還不夠吸引人。

  有時(shí)你會(huì)發(fā)現(xiàn)有些手機(jī)應(yīng)用的網(wǎng)站比如Tinder或者Loot會(huì)使用一張主圖鋪滿瀏覽器窗口。通常這張主圖會(huì)包含一個(gè)行為召喚按鈕,可以向下滾動(dòng)到另一個(gè)版塊。你可以在響應(yīng)式頁(yè)面中為一欄添加按鈕,然后選擇鏈接類型。




  Tinder和Loot在主圖中使用了行為召喚來(lái)吸引人們下載他們的應(yīng)用。這是行為召喚的另一種用法,指引外部訪問(wèn)者到應(yīng)用商店、下載鏈接或者Spotify播放列表等等。

  添加社交媒體圖標(biāo)

  一個(gè)不需要什么付出但能成功推廣網(wǎng)站的方法,是在社交媒體渠道添加鏈接,以便訪問(wèn)者瀏覽并關(guān)注。這同時(shí)還是為可能有疑問(wèn)的訪問(wèn)者提供客戶支持的好方法。




  許多網(wǎng)站都會(huì)在頭部或者導(dǎo)航欄附近添加社交媒體按鈕。這樣訪問(wèn)者就能從網(wǎng)站的任意頁(yè)面進(jìn)入你的社交媒體賬號(hào),同時(shí)也能間接地向路人推薦更多內(nèi)容,吸引新的關(guān)注者和新的潛在客戶。

  • 基于用戶創(chuàng)新

    界面設(shè)計(jì)日新月異,夢(mèng)創(chuàng)義堅(jiān)持基于用戶需求的界面創(chuàng)新設(shè)計(jì)……

  • 服務(wù)設(shè)計(jì)思維

    互聯(lián)網(wǎng)的格局發(fā)生的改變,在我們進(jìn)行設(shè)計(jì)服務(wù)時(shí)更是考慮不同用戶、不同……

  • 洞察用戶心理

    洞察用戶有意識(shí)和無(wú)意識(shí)的行為以及心理特征通過(guò)構(gòu)造一系列的服務(wù)來(lái)促進(jìn)……

  • 查看更多 >>

最新新聞Latest News

中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營(yíng)銷
很多中小型企業(yè)往往糾結(jié)于以下10個(gè)問(wèn)題:一、我們起步比別人晚,我們的……
做企業(yè)網(wǎng)站到底做給誰(shuí)看?
設(shè)計(jì)經(jīng)常時(shí)不時(shí)的遇到一些企業(yè)客戶,常常搞不清楚誰(shuí)會(huì)真正看你的企業(yè)網(wǎng)……
傳統(tǒng)企業(yè)進(jìn)軍移動(dòng)互聯(lián)網(wǎng),從移動(dòng)云網(wǎng)站開(kāi)始
移動(dòng)互聯(lián)網(wǎng)是移動(dòng)通信和互聯(lián)網(wǎng)融合的產(chǎn)物,其發(fā)展的重要基礎(chǔ)便是智能手……
網(wǎng)站建設(shè)和運(yùn)營(yíng)五大細(xì)節(jié)決定用戶黏性
網(wǎng)站的成功離不開(kāi)搜索引擎優(yōu)化,更離不開(kāi)最基礎(chǔ)最根本的用戶群體,如何……
2015年值得關(guān)注的電子商務(wù)5大趨勢(shì)
線上線下銷售的界線正在變得越來(lái)越模糊。在2015年,這一趨勢(shì)仍將繼續(xù)!

本站搜索關(guān)鍵詞:成功品牌如何設(shè)計(jì)他們的網(wǎng)站頭部 | 北京網(wǎng)站建設(shè) | 北京網(wǎng)站建設(shè)公司 | 北京網(wǎng)站建設(shè)中心 | 高端網(wǎng)站建設(shè) | 電商網(wǎng)站建設(shè) | 企業(yè)網(wǎng)站建設(shè) | 手機(jī)網(wǎng)站建設(shè) | 微站官網(wǎng)建設(shè) | APP開(kāi)發(fā)

銷售熱線

7x24小時(shí)全國(guó)售前咨詢熱線:010-57281389

7x24小時(shí)全國(guó)售后服務(wù)熱線:13020085953 15313016798

手機(jī) | 微信同號(hào):18600846206   QQ:523313456

立即咨詢 網(wǎng)站建設(shè)業(yè)務(wù)咨詢|客服熱線:010-57281389 13020085953

點(diǎn)這里給我發(fā)消息 電子郵箱:cnet99@cnet99.com

營(yíng)業(yè)地址(東部):北京市朝陽(yáng)區(qū)伊莎文心廣場(chǎng)A座3層B-22

位置分享

營(yíng)業(yè)地址(西部):北京市豐臺(tái)區(qū)汽車博物館東路1號(hào)諾德中心9-605

標(biāo)準(zhǔn)網(wǎng)站,網(wǎng)站建設(shè),域名注冊(cè),虛擬主機(jī),獨(dú)享主機(jī),企業(yè)云郵箱,網(wǎng)站維護(hù)一條龍,北京網(wǎng)站建設(shè)中心


  掃一掃 加微信
  微信號(hào):cnet99com

  掃一掃 加關(guān)注
  微信平臺(tái)

天潤(rùn)智力-專注于互聯(lián)網(wǎng)平臺(tái)建設(shè)與服務(wù)領(lǐng)域 中國(guó)互聯(lián)網(wǎng)平臺(tái)建設(shè)服務(wù)提供商

萬(wàn)網(wǎng)阿里云金牌首席合作伙伴站點(diǎn) 全線代理萬(wàn)網(wǎng)阿里云產(chǎn)品及服務(wù)

中國(guó)萬(wàn)網(wǎng)正式通過(guò)ISO9001國(guó)際標(biāo)準(zhǔn)質(zhì)量體系認(rèn)證

Copyright©1999-2024 天潤(rùn)智力 備案/許可證編號(hào) 京ICP備2020040216號(hào)-3

公安部備案號(hào) 11010502032413