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

6.長(zhǎng)滾動(dòng)網(wǎng)頁(yè)

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

7. 簡(jiǎn)單配色

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

8. 內(nèi)容簡(jiǎn)化

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

9.棄用分欄模式

想要 設(shè)計(jì)給人的視覺(jué)效果更好，內(nèi)容也顯得更加整齊。 我們可以放棄分欄，直接采用單欄設(shè)計(jì)。因?yàn)?/span> 這種單欄設(shè)計(jì)提供讀者更好的瀏覽體驗(yàn)，擯棄了復(fù)雜的內(nèi)容堆積 ，吸引讀者的 閱讀注意力， 簡(jiǎn)化人們的選擇瀏覽范圍。直觀簡(jiǎn)潔方便一直是用戶的需求。我們?cè)O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候應(yīng)該注意提高用戶的粘度和美觀審美度，因?yàn)楫吘鬼?yè)面簡(jiǎn)化后人們會(huì)更快的知道自己想不想要看下去或者繼續(xù)點(diǎn)擊。 

10. 修圖

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

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