網(wǎng)站建設|新聞動態(tài)頁面設計的四大關鍵點

時間：2023-10-15 14:48:02 | 來源：網(wǎng)站運營

時間：2023-10-15 14:48:02 來源：網(wǎng)站運營

網(wǎng)站建設|新聞動態(tài)頁面設計的四大關鍵點：這是【建站百科】專欄第21篇原創(chuàng)內(nèi)容，由我在建站行業(yè)從業(yè)10年、給上萬公司搭建過網(wǎng)站的經(jīng)驗總結而來。




大家好，我是大夢，今天來給大家分享導航功能欄之新聞動態(tài)頁面的設計。

隨著互聯(lián)網(wǎng)競爭的日益加劇，越來越多的企業(yè)開始意識到提供優(yōu)質(zhì)的用戶體驗才是重要的、可持續(xù)的競爭優(yōu)勢。優(yōu)質(zhì)的用戶體驗可以提升用戶對企業(yè)的整體印象，也是區(qū)別競爭對手的軟實力。

用戶體驗一般包含4個方面，品牌、易用性、功能性和內(nèi)容。做到這四個方面不僅可以讓用戶便捷地訪問到自己需要的內(nèi)容，還能在不知不覺中接受企業(yè)想要傳達的品牌和內(nèi)容。

而今天要講的「新聞動態(tài)」頁面則是著重于易用性和內(nèi)容的建設。聚焦于提升用戶的閱讀體驗。

提升用戶的閱讀體驗主要著眼于頁面中的文字、排版、網(wǎng)頁設計類型。所以下面我們就從這幾個方面進行講解。

一、頁面文字要符合用戶閱讀習慣

「新聞動態(tài)」頁面文字較多，所以要采用易于用戶閱讀的字體，正文內(nèi)容還要注意字體的大小及行距等屬性的設置，避免文字過小或過密造成閱讀障礙。

設置符合用戶閱讀習慣的文字，可以使瀏覽者更順利、愉快地接受企業(yè)所要傳達的信息。

1．關于字體

字體分為襯線字體和非襯線字體。簡單來說，襯線字體就是帶有襯線的字體，是模仿中國古代字體和古代碑文上的字體，筆畫有粗細之分，簡單易變形，修飾性強。常用的有宋體。

非襯線字體與襯線字體相反，無襯線裝飾，筆畫粗細無明顯差異。常用的是微軟雅黑。

頁面中的字體選擇是一種感性行為，需要考慮整個網(wǎng)站頁面和瀏覽者的感受。除此之外，還要考慮大多數(shù)瀏覽者的計算機里可能只有默認字體，所以，正文內(nèi)容最好采用基本字體。

2．關于字號

在頁面設計中，字號也是用戶體驗的一部分，但文字并不是僅僅放在網(wǎng)頁上就可以，還需要合理的布局和搭配樣式才能起到事半功倍的作用。

這里大夢總結了一些網(wǎng)頁中字號應用的幾條規(guī)范，大家可以小本本記下來。

①正文內(nèi)容使用一般使用宋體12px或14px，最小不小于12px。

②主導航文字使用14-18px字號，一般使用偶數(shù)字號，奇數(shù)字號的字體在顯示時會有毛邊。

③工具欄文字為12px或14px；一級菜單使用14x，二級菜單使用12px；版底文字為12px或14px。

二、頁面排版要簡潔易讀

頁面排版主要涉及行寬、間距和行對齊。

1．行寬

如果文字過長，則視線移動距離大，瀏覽難以注意段落的起點和終點；如果文字過短，眼睛需要來回掃視，容易破壞閱讀節(jié)奏。

因此，保證每一行承載合適的字數(shù)可以提高文章的易讀性。調(diào)查顯示，在實際網(wǎng)頁中，14px大小的中文字體，每行的字符數(shù)在35-45更合適。

2．間距

一般來說，行距過寬會讓文字失去延展性，影響閱讀；行距過窄，則容易跳行。頁面設計中，一般根據(jù)字號大小選擇1-1.5倍作為行間距，1.5-2倍作為段間距。

3．行對齊

通常情況下，盡量在頁面中選擇一種文本對齊方式，要盡量避免兩端對齊。

三、使用響應式網(wǎng)頁設計

不僅是「新聞動態(tài)」的頁面設計，還是整個網(wǎng)站的設計，都建議大家使用響應式設計。

所謂響應式設計就是一個網(wǎng)站能夠自動適應不同設備。根據(jù)系統(tǒng)平臺、屏幕尺寸、屏幕定向等進行相應的相應和調(diào)整。

響應式設計不僅可以帶來高效的閱讀體驗，提升用戶的新聞閱讀效率，能夠使用戶在固定的時間里閱讀更多的內(nèi)容，有利于曝光更多的品牌資訊和廣告。

四、減少用戶等待時間

一般網(wǎng)頁的打開速度最好不要超過3秒，時間過長會影響用戶的心情以及對網(wǎng)站的印象。

Robert B Miller在他發(fā)表的有關響應時間的文章中指出，用戶有三個閾值時間：0.1秒鐘、1秒鐘和10秒鐘。

如果響應時間短于0.1秒鐘，用戶感覺不到任何延遲，即0.1秒鐘是讓用戶感覺到系統(tǒng)立即做出了響應的時間上限。1秒鐘是讓用戶思維不被中斷的上限。10秒鐘是讓用戶的注意力保持在對話過程中的上限。

第一印象很重要，等待時間過長會影響用戶是否進行進一步的操作?？匆黄恼乱呀?jīng)耗費掉大量的耐心，你還指望人家以后點進去產(chǎn)品頁面細看嘛?。?！

所以網(wǎng)頁打開速度當然是越快越好，沒有最快，只有更快。

我是 @云夢智能，分享建站知識，我是專業(yè)的。

記得點個贊再走哦~