• EN
香港:(852)3749 9734
廣州: (020) 3808 3267
[email protected]

新聞資料

如何打造簡約的單頁網站設計

單頁網站設計
 
不是每個網站都要很複雜或包含很多頁內容資訊,有時候一個頁面就足夠了。不過你打算用一個頁面來創建網站,並不意味著它會很輕鬆。開發一個單頁網站佈局所需要的思考與規劃,不比某些更加複雜的網站少。它需要將所有相同的基礎元素整合成一個更大的站點,還要讓人看起來印象深刻,你得照著預期進行並且懷揣明確的目標。
 
視覺差滾動:滾動特效是單頁設計中最盛行”花招”中的一個。輕彈滑鼠,用戶無需點擊或從歡迎頁跳轉就能來到一個新頁面。這種效果可以激勵用戶繼續滾動、閱讀、與網站互動,看看接下來會出現什麼(你可以在之前的文章中學習更多關於視覺差滾動的知識)。
 
移動App歡迎頁:創建一個特別的歡迎頁面,在用戶通過移動設備和平板電腦訪問你網站的時候,鼓勵他們下載App。這個”廣告頁面”可以幫助你將網站用戶轉化為正式的App用戶。
 
隱藏式導航:滑鼠接近時會出現和隱藏的菜單可以在整個設計中節省空間,並且始終在熟悉的位置提供導航(通常是頁面頂部)。你也可以試試其他導航特效,比如Jamie Oliver’s Fifteen頁面中那樣,導航剛開始在螢幕中央,隨著滑鼠向下滾動移至頂端(並且固定位置)。
 
動畫特效:如果視覺差滾動不是你的菜,考慮一下用動畫或視頻背景來增加視覺吸引力。移動物體會誘使用戶逗留,看看接下來發生什麼。
 
 
本文中我們來看一些精彩的單頁網站設計,它遠比你想像要流行。在你欣賞這些網站的外觀的同時,不妨點擊訪問,體驗一下網站中這些非常棒的用戶介面細節。
 
什麼是單頁設計?
 
單頁網站建立在單個窗口中,單頁網站的概念更多基於滾動而非點擊(儘管點擊也沒有被禁止)來流覽和通讀網站與它的內容。
 
一個單頁網站可以簡單到像一頁紙,恰好吻合流覽器窗口且不需要滾動。但它並非總是如此。單頁網站可以滾動(當然也別把網頁設計得太長,這非常重要,用戶會受不了)。
簡單來說,單頁網站是不包含功能變數名稱內的鏈接並且所有內容都在主介面的網站。
 
為什麼選擇單頁設計?
 
單頁網站設計有很多注意事項,它並不適合每個專案,
它流行的使用場合:上線前的APP預告、帶有email註冊表單的網站、作品集展示工具、引導用戶跳轉的網站、簡單展示產品和資訊的公司網站。
 
單頁網站通常設計得很贊,因為它們只有一次機會——第一印象——來從雜亂的視覺景觀中吸引用戶注意力。
 
這類頁面通常都適用於不具備豐富內容的網站:售賣單個產品的網站,用來推銷另一個網站、APP或商品的網站,小型作品集或簡單的資訊。
 
既然這類網頁的設計通常都高度視覺化,文字就得盡可能保持精簡。單頁網站同時也需要一個清晰易懂的用戶介面,用戶才能準確知道他們可以用這個網站來做什麼
 
懷揣目標
 
開始設計單頁網站時要有清晰的目標。你想讓用戶在你的網站上做什麼?他們流覽時候應該接收到什麼資訊?
 
比如說,如果你在預告你一個APP,你可能想要用戶提供email地址,這樣你可以在發佈時告知他們。如果你在出售一套UI工具,你的目標就是將訪問量轉化為銷量,其他行為可能包括:填寫表單、觀看視頻、轉到其他站點,或以上都有。
 
在開始設計之前,瞭解你想要用戶做什麼,並且自始至終反復強調。
 
通往成功的設計秘訣
 
既然你已經瞭解自己想讓網站幹什麼,遵從下麵的幾條秘訣,然後踏上發佈之路吧。
 
一、創造第一印象。你只有唯一的機會來增加新用戶。你的網站得通過視覺吸引來迅速告訴用戶他們為何來這;
二、保持專注。記住你的目標,去除所有礙事的小花樣、設計元素和文案;
三、使用鮮明的視覺風格。無論純色、圖片或漂亮的照片,選擇一種很棒的視覺表現,並且大張旗鼓地使用它;
 
四、開發一個清晰的導航。儘管你可能會懷疑你需要導航幹什麼——它畢竟只是個單頁網站——任何一個包含許多目錄、表單和各種形式鏈接的網站都需要清晰的導航。用來告訴用戶不同按鈕的用途(尤其他打算下載或購買你的產品)。即便是擁有少量內容的網站,也需要包含一個清晰易懂的指引來發揮作用;
五、精心組織。你絕對沒法在單頁設計的版面(或空間)中說清楚你的全部所想。信守什麼是重要的,並將所有東西根據重要性層級排個序。撰寫簡單清晰的文案,不斷編輯直到措辭簡潔明瞭、切中要害。
 
結論
 
和其他類型的設計”花招”或趨勢相比,單頁網站只有在你內容專為它定制時才有效,這種風格最適合內容有限且視覺鮮明的網站。