有許多的網站設計師,在設計網站登陸頁(Landing Page)時,為了達到吸引用戶眼球的目的,往往以霸占全屏的輪播大圖來吸引用戶,設計師的做法焦點都集中在讓大圖本身足夠震撼和吸引,以便使首頁能鎖住用戶的眼球。這是在設計網站登錄頁面時最常見的手法之一,通過大圖片的設計,能迅速有效地傳播網站的價值和理念。但是除了簡單讓全屏大圖左右滑動以外,我們其實還能有其他更新鮮的表達方式,或者說,在用戶的期望之外,我們還能給到他們其他什么更加奇妙又更加人性化的體驗呢?帶著這些問題,我們一起來跟深圳市星翼創想網絡科技有限公司來閱讀以下文章,學習一下其他優秀的網站是怎樣設計landing page,提高landing page的轉化率的吧!
Nightowlinteractive
以紋理為背景,根據不同的文字滾動,深沉而富有一種復古和原始的基調,如果你的表達內容是以文字為主,可以考慮試試這類輪播方式。
Oficialanima
利用留白作為滾動圖片的一個吸引的要素,奢華而充滿了空間的張力,頁碼的表現形態也與整體的視覺保持和諧。周圍配以相應的文字,予以部分重疊,凸顯層次感和空間感。
thehugo
打開頁面也許除了圖案本身以外,幾乎無其他任何元素,只有當鼠標滾動到下方時,首屏的圖案瞬間轉變為內容背景。而在屏幕的左邊,有一個動態的標志,把背景和內容做了更有趣的連接。這種新穎別致的方式,用在品牌介紹甚至是內容詳細頁面都非常適宜。
Josephaavoue
也許這里的大圖不算大,但也在整個登陸頁占據了重要的焦點位置。設計師為了凸顯焦點也運用了線條和圖形來引導用戶的視線。左邊文字右邊圖片,能夠把內容表達得更為清晰,但整個頁面元素比較累贅,所幸線條的排版和色彩運用得恰到好處。
Thebarkas
可以看到從一個圓形到變作條紋再渾然一片整屏漸變,視覺既簡單,又充滿了動感,鼠標根據不同的角度而讓背景色發生變化。不過這樣做的前提是選擇一個足夠沖擊力和字體和標志。讓它成為視覺焦點。
Special.bose
豎型展示也許已經足夠新穎了,但在這個網站設計中還略微傾斜的展示方式,讓頁面更加具有新鮮和沖擊力。鮮艷的色彩搭配更強調了這一效果。
Fixedgroup
把圖片一割上下兩部分,然后用陰影創建圖片的層次,讓畫面顯得更縱深,某種程度上體現了優雅氛圍。但需要注意的是,必須是圖片本身是有分割的潛力的情況下。有的圖片分割后也許會顯得非常錯愕。
Ginventory
這是一個介紹APP的網站,可以看到手繪的固定背景之上不斷變幻的應用界面演示效果,動態效果非常炫酷。讓人過目不忘。這種單一的背景讓人鎖定了品牌的內涵氣質。
Thisisarc
多以大圖來吸引用戶的策略也可以被文字所取代,這時,文字搭配一些出乎意料的動態效果和簡單的弧形線條,發揮了圖片所不能抵達的目的,精準地表達代替了圖片的模擬兩可。
Cafefrida
咖啡館的格調自然是優雅的,那就用一張插圖作為登陸頁背景吧。但是僅僅是花朵插畫嗎?把你的鼠標往下拖動,你會發現,邊緣的部分花朵疊加于內容之上,看上去就像從花叢中觀看過去,十分精致美好。這種獨具匠心的網頁設計技巧,設計師們,學起來吧!
文章轉載請保留網址:http://waterplane.cn/news/solutions/1513.html