昨天和大家分享了一些 網(wǎng)站建設(shè) 的內(nèi)容，今天我們一起來繼續(xù)昨天的內(nèi)容，如何讓 網(wǎng)頁設(shè)計(jì) 更符合用戶體驗(yàn)！

6.長滾動網(wǎng)頁

有些網(wǎng)站為了用戶體驗(yàn)設(shè)計(jì)的是較短的網(wǎng)頁。但是研究發(fā)現(xiàn)： 手機(jī)讓人們習(xí)慣用“滾動條”控制的方式閱讀網(wǎng)頁、尋找資訊，這樣的閱讀習(xí)慣 已經(jīng) 影響了網(wǎng)絡(luò)設(shè)計(jì)。此外國內(nèi)很多購物網(wǎng)站都加上了“點(diǎn)擊返回頁面最上端”的功能，更加方便了瀏覽長網(wǎng)頁。 而對于中國來說，已經(jīng)有一些網(wǎng)站也在做長網(wǎng)頁的網(wǎng)站了。相信這是又一個(gè)結(jié)合用戶體驗(yàn)和改變習(xí)慣的設(shè)計(jì)理念。

7. 簡單配色

人們的審美也在發(fā)生巨大的變化。以前用戶只是為了得到資訊或者解決難題而去瀏覽相關(guān)網(wǎng)站。但是隨著網(wǎng)站的增多，人們愿意去一些所謂“高大上”的網(wǎng)站了。因?yàn)? 設(shè)計(jì)的配色 要根據(jù) 人們審美需求的改變 而改變 。 未來幾年里 同色系網(wǎng)站設(shè)計(jì)將成為主流， 也就是 “簡化配色” 。 如上面的網(wǎng)站圖例，只用了一個(gè)顏色 ， 有些網(wǎng)站甚至擯棄色彩，采用純黑白(以及兩者之間的漸變色)設(shè)計(jì)， 其實(shí) 有時(shí)在其中加入一點(diǎn)色彩吸引注意力或渲染效果，比如加入醒目的紅色 還是挺好的 。

8. 內(nèi)容簡化

對于網(wǎng)頁上 適應(yīng)社交互動媒體網(wǎng)站( 比 如 國外的 Facebook，Twitter等)出現(xiàn)的簡潔 ， 高度概括的提示信息內(nèi)容 ，我想是必要的 。信息內(nèi)容的簡化采用Twitter風(fēng)格來適應(yīng)人們注意力的縮短。 畢竟用戶的體驗(yàn)尤為重要，人們可以在幾秒里知道我們是否要繼續(xù)看下去。 現(xiàn)在網(wǎng)絡(luò)上很少再出現(xiàn)長于250字的介紹， 因?yàn)?/span> 太長的內(nèi)容已經(jīng)不再適應(yīng)人們快速瀏覽的閱讀習(xí)慣。 這也是為什么我們愿意看熱門微博，因?yàn)槲⒉┏烁聝?nèi)容快以外就是內(nèi)容短少了。

9.棄用分欄模式

想要 設(shè)計(jì)給人的視覺效果更好，內(nèi)容也顯得更加整齊。 我們可以放棄分欄，直接采用單欄設(shè)計(jì)。因?yàn)?/span> 這種單欄設(shè)計(jì)提供讀者更好的瀏覽體驗(yàn)，擯棄了復(fù)雜的內(nèi)容堆積 ，吸引讀者的 閱讀注意力， 簡化人們的選擇瀏覽范圍。直觀簡潔方便一直是用戶的需求。我們設(shè)計(jì)網(wǎng)頁的時(shí)候應(yīng)該注意提高用戶的粘度和美觀審美度，因?yàn)楫吘鬼撁婧喕笕藗儠斓闹雷约合氩幌胍聪氯セ蛘呃^續(xù)點(diǎn)擊。 

10. 修圖

一些背景圖的樣式或者風(fēng)格如果可以貼切的表達(dá)網(wǎng)站主題和用戶的喜好。那么無疑給了我們增加用戶體驗(yàn)的粘度率。當(dāng)然不管是拍攝的風(fēng)景圖片還是自己用photoshop美工設(shè)計(jì)的都可以。對于我們拍攝的都需要修圖達(dá)到想要的效果。 如上圖，Seattle Cider公司就為大背景圖像選擇了一張經(jīng)過修圖的風(fēng)景圖片， 傳達(dá)了 瀏覽者仿古、鄉(xiāng)村的 自然 風(fēng)格。 設(shè)計(jì)網(wǎng)頁時(shí)應(yīng)該根據(jù)主題或者不同風(fēng)格去設(shè)計(jì)字體或者修飾圖標(biāo)。

如果你是學(xué)習(xí)網(wǎng)站建設(shè)的話，建議用 HTML5插件 ，因?yàn)樗?/span> 也 可以使 網(wǎng)站更加生動。 我們堅(jiān)信 未來還會有更加新奇的 新生 網(wǎng)站設(shè)計(jì)元素來滿足我們的視覺體驗(yàn)。