一組能切實提高轉化率的網站著陸頁設計

網頁設計師目前在設計界是一個最為尷尬的存在，一方面他們被視為和GEEK黨混在代碼堆里不懂審美的怪咖，另一方面他們又苦于網頁中被局限的自由而無法在創(chuàng)意上得到大延伸，設計師本人無法給自己準確定位。

在我身邊的網頁設計師 們，在拿到一個項目的時候，和客戶的觀念博弈后，最后，只能提供導航、按鈕等基礎元素的設計，而又由于客戶主導著產品，因此對于產品本身沒有經過展示設計 的客戶往往不懂得如何在網站上進行有效的安排。而整個網頁的設計效果，就算前期經過設計師苦心經營一番交給客戶后，換掉了設計師精心安排的大圖和文字，不 幸的話很容易就淪落成了手中又一個失敗作品。在瀏覽國外的優(yōu)秀網站時，我們是該停下來好好想想我們能為網頁設計做什么？我們的定位是什么？

這一期讓我們從登陸頁開始聊起。

很多人在安排網站登陸頁，往往以霸占全屏的輪播大圖來吸引用戶，設計師的做法焦點都集中在讓大圖本身足夠震撼和吸引，以便使首頁能鎖住用戶的眼球。 至少，網站的所有者希望能通過幾張全屏大圖就能迅速有效地傳播自己的價值和理念。但是除了簡單讓全屏大圖左右滑動以外，我們還能有其他更新鮮的表達方式 嗎？或者說，在用戶的期望之外，我們還能給到他們其他什么更加奇妙又更加人性化的體驗呢？帶著這些問題，不妨讓我們看看下面這些登陸頁的創(chuàng)作思路。

Nightowlinteractive

以紋理為背景，根據不同的文字滾動，深沉而富有一種復古和原始的基調，如果你的表達內容是以文字為主，可以考慮試試這類輪播方式。

Oficialanima

利用留白作為滾動圖片的一個吸引的要素，奢華而充滿了空間的張力，頁碼的表現形態(tài)也與整體的視覺保持和諧。周圍配以相應的文字，予以部分重疊，凸顯層次感和空間感。

thehugo

打開頁面也許除了圖案本身以外，幾乎無其他任何元素，只有當鼠標滾動到下方時，首屏的圖案瞬間轉變?yōu)閮热荼尘?。而在屏幕的左邊，有一個動態(tài)的標志，把背景和內容做了更有趣的連接。這種新穎別致的方式，用在品牌介紹甚至是內容詳細頁面都非常適宜。

Josephaavoue

也許這里的大圖不算大，但也在整個登陸頁占據了重要的焦點位置。設計師為了凸顯焦點也運用了線條和圖形來引導用戶的視線。左邊文字右邊圖片，能夠把內容表達得更為清晰，但整個頁面元素比較累贅，所幸線條的排版和色彩運用得恰到好處。

Thebarkas

可以看到從一個圓形到變作條紋再渾然一片整屏漸變，視覺既簡單，又充滿了動感，鼠標根據不同的角度而讓背景色發(fā)生變化。不過這樣做的前提是選擇一個足夠沖擊力和字體和標志。讓它成為視覺焦點。

Special.bose

豎型展示也許已經足夠新穎了，但在這個網站設計中還略微傾斜的展示方式，讓頁面更加具有新鮮和沖擊力。鮮艷的色彩搭配更強調了這一效果。

Fixedgroup

把圖片一割上下兩部分，然后用陰影創(chuàng)建圖片的層次，讓畫面顯得更縱深，某種程度上體現了優(yōu)雅氛圍。但需要注意的是，必須是圖片本身是有分割的潛力的情況下。有的圖片分割后也許會顯得非常錯愕。

Ginventory

這是一個介紹APP的網站，可以看到手繪的固定背景之上不斷變幻的應用界面演示效果，動態(tài)效果非常炫酷。讓人過目不忘。這種單一的背景讓人鎖定了品牌的內涵氣質。

Thisisarc

多以大圖來吸引用戶的策略也可以被文字所取代，這時，文字搭配一些出乎意料的動態(tài)效果和簡單的弧形線條，發(fā)揮了圖片所不能抵達的目的,精準地表達代替了圖片的模擬兩可。

Cafefrida

咖啡館的格調自然是優(yōu)雅的，那就用一張插圖作為登陸頁背景吧。但是僅僅是花朵插畫嗎？把你的鼠標往下拖動，你會發(fā)現，邊緣的部分花朵疊加于內容之上，看上去就像從花叢中觀看過去，十分精致美好。這種獨具匠心的設計，設計師們，學起來吧！

文章題目：一組能切實提高轉化率的網站著陸頁設計
本文來源：http://www.bm7419.com/news45/170545.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站導航、響應式網站、動態(tài)網站、網站制作、網站維護、App開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯