24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » 【網頁設計技巧分享】提升着陸頁设计效果的技巧
  • 近期文章

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 網頁設計中最基礎的配色技巧 讓網頁在色彩海洋中脱穎而出
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

【網頁設計技巧分享】提升着陸頁设计效果的技巧

分類: 最新資訊, 網頁設計 Tags: 用戶體驗, 網頁設計, 網頁風格 日期: 2018-04-11

網站着陸頁要傳遞的內容太多了,當用戶打開着陸頁的時候,能通過着陸頁的內容讓用戶知道你的品牌調性;也通過着陸頁的行為召喚元素促使用戶執行特定的操作;甚至通過着陸頁的視覺效果給用戶留下深刻的印象等等。

着陸頁的設計並不簡單,並不是單純地將LOGO替換到着陸頁模板上,就能帶來足夠優秀的設計效果。以下,我將分享提升着陸頁设计效果的技巧,希望對各位有所幫助。

技巧一:為頁面設置明確的目標

【網頁設計技巧分享】提升着陸頁效果的技巧

着陸頁所放置的內容,都應該盡量讓用戶盡可能接近實際的目標。例如:BarkBox是一個專賣狗狗玩具的網站,因此其設計師對着陸頁的目標就是讓用戶購買狗狗玩具,又或者提交郵箱訂閱信息。

技巧二:為用戶而設計

【網頁設計技巧分享】提升着陸頁效果的技巧

對於着陸頁的設計,一定要考慮網站的用戶,也就是我們常說的重視「用戶體驗」。雖然我們經常說網站一定要重視用戶體驗,這樣才能提升用戶的參與度和轉化率,但實際上很少網站能夠真正做到。

技巧三:使用視覺感強的圖片

【網頁設計技巧分享】提升着陸頁效果的技巧

我們都知道風格特別、視覺感強,又或者生動有趣的圖片,往往會給用戶留下深刻的印象。配合著陸頁的主題和風格,會讓整個頁面都非常走有趣心,讓人非常期待,甚至還能增加用戶的參與性。

技巧四:層次清晰的文本

【網頁設計技巧分享】提升着陸頁效果的技巧

絕大多數網站都會包含不同層級的文本內容,而每個層級的文本內容,其重要性、功能都會有差異,有的需要抓住用戶的眼球,有的則需要用戶仔細閱讀其中的細則。因此,你的設計需要圍繞文本的功能來設計。

常見的文本功能:

標題:精煉有吸引力,能讓用戶一眼就注意到;

正文:簡潔直接,清晰地告訴用戶網站的內容;

行為召喚文本:通常以按鈕和鏈接的形式存在,為用戶提供明確和可操作性的指引;

頁腳:提供相關的鏈接和信息,與用戶建立信任,及提供周邊的信息。

技巧五:導航與關鍵詞的結合

【網頁設計技巧分享】提升着陸頁效果的技巧

着陸頁上的導航元素,有助於告訴用戶網站的內容,同時也視為整個網站的關鍵詞系統中一個非常重要的組成部分。例如:Puppy Bowl網站雖然主要銷售女性珠寶,但Baublebar 在 Puppy Bowl 的着陸頁上,設計師在網站的導航欄上標識出關鍵詞「Baubles」,讓用戶明白這個頁面是針對寵物的。

技巧六:清晰的行為召喚

【網頁設計技巧分享】提升着陸頁效果的技巧

不要以為用戶是網站肚子里的蛔蟲,他們打開網站往往會存在迷茫,不知道自己該做什麼。因此清晰的行為召喚指引是非常重要的,網站往往需要通過這個指引引導用戶做你所希望的事情。例如:Jonathan Patterson 的着陸頁中,每個明亮色塊都會在光標懸停的時候變暗,並給予說明,引導用戶去點解以獲取更多信息。

技巧七:盡可能定製內容

【網頁設計技巧分享】提升着陸頁效果的技巧

設計着陸頁額的目的就為了特定功能而存在的,而且這個目標和功能都非常單一,因此頁面就需要足夠的自定義設計和定製內容來達成目標。

技巧八:關聯性高的品牌設計

【網頁設計技巧分享】提升着陸頁效果的技巧

着陸頁最常出現的問題就是會讓用戶感到厭煩,或者是和主站的信息、設計出現斷裂。在品牌設計上,着陸頁一定要和整個網站的品牌化設計保持高度一致,從Logo到圖標,字體到圖片風格,既有自己的特殊性,同時也能讓用戶輕鬆明白它和整個網站之間的關係,讓他們能自然的參與到內容當中。

技巧九:符合用戶預期

【網頁設計技巧分享】提升着陸頁效果的技巧

當用戶進入着陸頁時,他們都會對這個頁面或者網站有所期待,也就是說,着陸頁的設計應該具備特定的功能,迎合特定的需求,並且要貼合跳轉的來源,以及用戶的預期。

技巧十:構建層次結構和流程

【網頁設計技巧分享】提升着陸頁效果的技巧

着陸頁要有良好的可用性,就必須有着清晰的層次結構。合理的層次結構和貼合用戶模式的流程很大程度上能夠讓用戶和頁面進行正確的互動,讓用戶在短時間內獲取所需的信息,並且開始操作,幫助用戶達成目標。

很多人以為着陸頁和首頁是一樣,其實兩者在功能上是有所差異的,有些網站可能是將兩者合二為一,但也有很多網站不是。優秀的着陸頁設計一般是需要網站營銷人員參與的,這樣才能設計出有針對性的設計,盡可能充分利用着陸頁的流量。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2023 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理