玩轉網站登陸頁點睛之筆

來源:互聯網
上載者:User

   寫給網頁設計師

  網頁設計師目前在設計界是一個最為尷尬的存在,一方面他們被視為和GEEK黨混在代碼堆裡不懂審美的怪咖,另一方面他們又苦於網頁中被局限的自由而無法在創意上得到最大延伸。設計師本人無法給自己準確定位。在我身邊的網頁設計師們,在拿到一個項目的時候,和客戶的觀念博弈後,最後,只能提供導航、按鈕等基礎元素的設計,而又由於客戶主導著產品,因此對於產品本身沒有經過展示設計的客戶往往不懂得如何在網站上進行有效安排。而整個網頁的設計效果,就算前期經過設計師苦心經營一番交給客戶後,換掉了設計師精心安排的大圖和文字,不幸的話很容易就淪落成了手中又一個失敗作品。在瀏覽國外的優秀網站時,我們是該停下來好好想想我們能為網頁設計做什麼?我們的定位是什麼?

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

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

  nightowlinteractive

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

  oficialanima

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

  thehugo

  開啟頁面也許除了圖案本身以外,幾乎無其他任何元素,只有當滑鼠滾動到下方時,首屏的圖案瞬間轉變為內容背景。而在螢幕的左邊,有一個動態標誌,把背景和內容做了更有趣的串連。這種新穎別緻的方式,用在品牌介紹甚至是內容詳細頁面都非常適宜。

  josephaavoue

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

  thebarkas

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

  special.bose

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

  fixedgroup

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

  ginventory

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

  thisisarc

  多以大圖來吸引使用者的策略也可以被文字所取代,這時,文字搭配一些出乎意料的動態效果和簡單的弧形線條,發揮了圖片所不能抵達的目的,精準地表達代替了圖片的類比兩可。

  cafefrida

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

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。