網(wǎng)站體驗的五大步驟，頁面設計具備特色

2016年,用戶界面技術持續(xù)不斷發(fā)展，常常有效地模糊了設計、可用性以及技術之間的界限，從而為用戶帶來了可用性高、愉悅性強的綜合體驗。例如，無限滾動是一個讓用戶擁有更加無間斷連續(xù)體驗的技術。類似的，網(wǎng)頁排版技術的進步不僅體現(xiàn)在視覺上，也體現(xiàn)在可以更加清晰地傳達信息。

1.單頁網(wǎng)站

單頁網(wǎng)站隨處可見。大背景圖片、豐富的插圖和動畫技術常常被用來講故事、娛樂大眾以及表達明確清晰的信息。擺脫了傳統(tǒng)網(wǎng)站架構的限制，這種創(chuàng)意好、視覺美觀的單頁網(wǎng)站正蓬勃發(fā)展起來。jess and russ 和 ben the bodyguard是我（譯者注：原文作者）很最喜歡的兩個單頁網(wǎng)站（想看更多優(yōu)秀案例，請點擊這里）。新的趨勢無論合適與否，都將被爭相模仿。這很容易導致網(wǎng)站風格的同質(zhì)化，在某些情況下，還會讓體驗變得很糟糕。當然，如果運用得當，單頁網(wǎng)站將是很好的選擇。

2. 無限滾動

用戶對無限滾動應該已經(jīng)很熟悉了，可能他們自己還意識不到。無限滾動非常適合展現(xiàn)零散的、實時推送和按時間排列的信息，像google images 或 pinterest這類含有大量圖片的網(wǎng)站很好的使用了這項技術，但是謹慎地執(zhí)行來避免用戶產(chǎn)生挫敗感很重要。lookbook也是一個很好的案例，無限滾動通過浮動的無線滾動條并結合一個“回到頂部”的按鈕，讓用戶既可以不間斷地瀏覽，也能輕松找到其他部分。無限滾動并不是一個萬全之策,所以我們需要考慮充分才能使用。其實對于搜索結果、長列表和電子商務來說，頁碼標注也許才是最好的選擇。

3. 常駐導航

對于復雜的網(wǎng)站、長的滾動頁面或者有功能屬性的工具欄的網(wǎng)站來說，常駐導航是好選擇，由于它很容易讓用戶分心，所以需要弱化掉。 new zealand’s tourism website 是一個很棒的案例，它只有一個頂部的導航欄，剩下的地方足夠讓主要部分展示內(nèi)容。gmail 網(wǎng)站同樣把用戶常用的操作放在了常駐的工具欄上。

4. web 2.0美學的逝去

我們發(fā)現(xiàn)，視覺設計的趨勢開始回歸本色。排版和信息層級上使用平的、清新的和簡單的方式，已經(jīng)取代了web2.0時代那種復雜、活潑、多層次的風格。很多網(wǎng)站和app甚至為了跨設備和屏幕分辨率舍棄了純css樣式那樣生動的圖形背景，比如我最喜歡的basecamp, dropbox和smashing magazine。

5. 排版歸來

得益于大多數(shù)瀏覽器和設備渲染字體的技術越發(fā)成熟，設計師可以更加靈活地選擇適合網(wǎng)站風格的字體?，F(xiàn)在大家已經(jīng)越來越意識到內(nèi)容的重要性，因此如何通過排版更加有效地傳達信息也顯得尤為重要。未來幾年內(nèi)，在移動設備、響應式設計以及視網(wǎng)膜屏幕中，網(wǎng)站的排版仍然是一個重要焦點。比如我喜歡的一個網(wǎng)站the new yorker，正文采用了網(wǎng)站標準字體（times new roman），再配上設計過的標題和導航(字體分別是irvin, neutra)，非常漂亮。

新聞標題：網(wǎng)站體驗的五大步驟，頁面設計具備特色
轉(zhuǎn)載來于：http://www.bm7419.com/news43/106443.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、小程序開發(fā)、網(wǎng)站導航、品牌網(wǎng)站設計、面包屑導航、App開發(fā)

廣告

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