網站設計中要注意的細節

網站設計中要注意的細節，對于一個網站來說，最重要的自然是用戶體驗。從我看來，用戶體驗其實就是一對細節的集合。只有我們這些細節強迫癥患者，才格外追求這個。以下是網站設計中要注意的細節的具體介紹。

所謂用戶體驗：一句話就是——讓用戶用著舒服

如果讓我想“讓用戶用著舒服”的第一點，就是“讓用戶感覺著舒服”�？墒沁@一點就是常常被忽視的細節。下面我列舉出一些讓用戶用著舒服的要素。很多是自己在開發中感受到的，可能并不完整。

UI設計維持同一風格。

具體來說就是，網站的界面元素在整個網站中具有一致性。比如說“按鈕”，這個非常重要的界面元素。登錄界面的“登錄”“注冊”，發帖界面的“回帖”“發布”，還有“確認訂單”�？梢钥闯鏊鼈兪蔷哂邢嗨频墓δ艿摹�—submit。那么它們在外觀上就要保持一致。

UI一致可以讓用戶憑著自己的直覺找到所需的功能，減少用戶的網站使用學習成本。

功能收放有度。

我的意思是指在網站首頁和網站的其他位置中，功能按鈕的折疊和展示情況。有些不常用的按鈕一般不需要展示，而是折疊到某個菜單中。而將常用的功能直接設為鏈接或按鈕。這點在制作導航條的時候特別重要(因為導航條會出現在每一個頁面上)。這個不僅與網頁編程，而且與網頁內容設計關系也很大。比如導航欄一般推薦放置3~4個一級導航，如果你有十多個分類，建議再分到幾個更大的分類里。導航欄排十多個鏈接并不是很好看的。

不要讓同一元素多次出現在頁面上，尤其是這一元素很顯眼的時候。比如某網站有很多欄目，首頁是這些欄目內容的推薦，網頁上充斥著大量的“查看更多>>”按鈕，(每個欄目都有一個，邊上有個排行榜又來一個。一個網頁上十二三個大按鈕還都長得一樣，看多了就感覺惡心了。)而且按鈕元素還非常大。給人感覺特別不好。

網站要簡潔，把你復雜的功能隱藏起來，等用戶需要的時候再出來。而不是平鋪在頁面上，不管用不用都在那。這才是設計。

確定頁面層疊順序。

如果你的網頁需要多個層，上面的層有可能會覆蓋到下面，這時候要特別小心設置z-index值。不要造成遮擋的問題。比如我就見過某網站彈出對話框，一層透明圖片層把按鈕蓋住了，于是完全無法操作對話框按鈕。好吧，這是比較大的bug，還有一些小細節，比如某最近改版了的彈幕視頻網站，它的“返回頂部”按鈕蓋在了評論區域迷你播放器的上面。于是視頻部分被遮擋。果殼以前也出現過類似問題。當編輯器過長的時候，比如我這樣的一篇長回答。編輯器的頂部工具欄會被固定在頁面頂部。這是個非常好的照顧用戶的設計。然而果殼當時出了個bug，他們忘記了上面的導航欄，于是編輯器工具欄蓋在了導航欄的上面。

精心布置廣告位和推薦位。

網站的用戶總是不喜歡廣告的，但是畢竟廣告是網站的收入主要來源�，F在網頁廣告屏蔽軟件也比較多，如果廣告太難看/影響操作，就難逃被用戶屏蔽了。廣告位/推薦位放置最重要的是顯眼。比顯眼更重要的是不能影響用戶的使用。沒有人喜歡右下角彈出廣告。

廣告最好占據頁面的一個固定的位置，不要放在浮動層，千萬不要彈窗。廣告顯示的時候不要影響用戶的操作，比如以前的網易、騰訊(網易騰訊這么大，我就黑一黑吧，不說某網站了)廣告，會把整個網頁的header部分向下壓，而且有個動畫。更郁悶的是，動畫是在載入后才播放的。于是就會出現——我正要點擊某個鏈接，廣告出來了，廣告的位置占據了我原來鼠標的位置，我點到廣告了。這種廣告會遭致用戶反感，不是大網站或流氓網站千萬不要這么干，會把自己搞死的。

      注：尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-56308.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注網頁制作頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050