網(wǎng)頁(yè)設計方案的審核要點(diǎn)探析發(fā)布者：本站     時(shí)間：2020-05-02 14:05:47

目前，從事網(wǎng)絡(luò )出版工作的專(zhuān)業(yè)技術(shù)人員日益增多。網(wǎng)絡(luò )出版與圖書(shū)、期刊的傳統出版既有相同之處，又存在一些差異。因此，在2014年度的全國出版專(zhuān)業(yè)職業(yè)資格考試中，考試工作專(zhuān)家委員會(huì )根據國家新聞出版廣電總局的指示精神，對“出版專(zhuān)業(yè)理論與實(shí)務(wù)”科目的中級試卷進(jìn)行了調整，在第68題、第70題原來(lái)設有2道分題的基礎上，各增加1道主要面向網(wǎng)絡(luò )編輯的分題。其中的68-C分題是網(wǎng)頁(yè)設計題，與68-A的圖書(shū)整體設計題、68-B的期刊整體設計題對應，供從事網(wǎng)絡(luò )出版的考生選答。該題題干說(shuō)明，某網(wǎng)站擬推出一個(gè)專(zhuān)題頻道，但其首頁(yè)的設計方案“存在要素缺漏和其他一些不妥之處”,因此，要求考生“用直接批注方式彌補缺漏，修正不妥之處”.題目中給出了網(wǎng)頁(yè)的設計圖樣張。（原題請見(jiàn)本期第152頁(yè)。）對網(wǎng)絡(luò )編輯審核網(wǎng)頁(yè)設計方案的能力進(jìn)行考核，是全國出版專(zhuān)業(yè)職業(yè)資格考試的新舉措。因此，本文擬結合對考題的分析，就網(wǎng)頁(yè)設計方案的審核要點(diǎn)提出一些建議，供考生們參考。

1 注意網(wǎng)頁(yè)要素是否有缺漏

一個(gè)網(wǎng)頁(yè)要能表達一定的內容和具備一定的功能，就必須具有相應的結構成分。這些結構成分可以稱(chēng)為“網(wǎng)頁(yè)要素”,因為它們是一個(gè)完整的網(wǎng)頁(yè)不可或缺的。

從宏觀(guān)上來(lái)看，根據視覺(jué)流程從上而下的順序，一個(gè)網(wǎng)頁(yè)的總體框架由頁(yè)面頭部、中部?jì)热輩^和頁(yè)面尾部組成?？碱}中給出的這個(gè)頁(yè)面，已經(jīng)設有導航條所在的頭部和包含了6個(gè)欄目的中部?jì)热輩^，但是沒(méi)有出現尾部。不過(guò)，尾部區域主要用于著(zhù)錄表明網(wǎng)站合法性的行政許可（或備案）文件的文號、版權信息、經(jīng)營(yíng)單位的基本信息及其相關(guān)鏈接等，一般是整個(gè)網(wǎng)站統一設計、制作好模板后供各個(gè)網(wǎng)頁(yè)使用的。作為網(wǎng)站下的一個(gè)專(zhuān)題頻道，其首頁(yè)的尾部只要照用網(wǎng)站已有的現成模板即可，無(wú)須再專(zhuān)門(mén)設計，所以，頁(yè)面設計樣張中一般可以不再列出。這樣，可以說(shuō)該網(wǎng)頁(yè)沒(méi)有缺漏宏觀(guān)層面的要素。

從中觀(guān)上來(lái)看，頁(yè)面頭部應該有表示本頻道主題的頻道名稱(chēng)、表示本頻道框架構成并方便用戶(hù)選擇瀏覽相應內容的導航條；中部的內容區域則應列出本頻道中相對較為重要的欄目，以方便用戶(hù)登錄該頻道后就能直接觀(guān)看到一些重要信息。以這些要求來(lái)衡量，題目中的網(wǎng)頁(yè)在中觀(guān)上也是基本符合要求的。

進(jìn)行宏觀(guān)和中觀(guān)審核后，才是從微觀(guān)上對網(wǎng)頁(yè)各部分進(jìn)行審核，其順序一般也是從上到下。

就網(wǎng)頁(yè)頭部來(lái)說(shuō)，頻道名稱(chēng)應該簡(jiǎn)潔明了，直接點(diǎn)明主題，周?chē)梢约雍?jiǎn)單的圖片，也可不加。

同時(shí)，導航條上應該列出構成本頻道的基本板塊。

如果空間允許，導航條上還可盡量再列出板塊下的一些子項名稱(chēng)，以體現各個(gè)頁(yè)面的層級關(guān)系，使整個(gè)網(wǎng)站結構清晰明了；如果空間不足，子項也可不列。題中的網(wǎng)頁(yè)設計圖，在這些方面應該說(shuō)是達到了一般要求。此外，頻道只是整個(gè)網(wǎng)站的組成部分之一，一個(gè)網(wǎng)站往往可以設有多個(gè)頻道，分別表示不同的內容主題，整個(gè)網(wǎng)站的內容特色和最為重要的信息功能，則集中在網(wǎng)站首頁(yè)上。用戶(hù)瀏覽網(wǎng)站時(shí)，網(wǎng)頁(yè)按樹(shù)形結構一層一層展開(kāi)，瀏覽得越具體，離開(kāi)作為“樹(shù)根”的網(wǎng)站首頁(yè)距離就越遠。這樣，作為一個(gè)網(wǎng)站下的專(zhuān)題頻道，就應該設有與網(wǎng)站首頁(yè)的鏈接，讓用戶(hù)可以通過(guò)單擊這個(gè)超鏈接直接返回網(wǎng)站首頁(yè)。分析題目中的網(wǎng)頁(yè)設計圖頭部區域，可知其中缺漏了這個(gè)要素。所以，應該在導航條上增添與網(wǎng)站首頁(yè)鏈接的文字或圖形。但在考試中，絕大部分考生都忽視了這一疏漏。

就網(wǎng)頁(yè)中部區域來(lái)說(shuō)，一般各個(gè)欄目都應該有相應的名稱(chēng)，再在其下按具體內容的多少，或直接提供以文字、圖片、動(dòng)畫(huà)、音頻、視頻等形式表現的有關(guān)內容，或列出相關(guān)內容的標題供用戶(hù)進(jìn)一步展開(kāi)網(wǎng)頁(yè)瀏覽。題中所示網(wǎng)頁(yè)設計圖的中部區域，基本上做到了這些，唯獨“頭條圖片”這個(gè)欄目，既沒(méi)有欄目名稱(chēng)，也沒(méi)有對圖片作詮釋說(shuō)明的相關(guān)說(shuō)明文字，即圖題。當然，圖片欄目有些特殊性，其所在位置可說(shuō)已經(jīng)表明是“頭條”,內容表現形式也已體現出是“圖片”,再專(zhuān)門(mén)標上欄目名稱(chēng)便有蛇足之嫌。然而，圖題是必需的，不可缺漏，否則用戶(hù)就不易理解該圖是什么意思，或者產(chǎn)生張冠李戴的誤解；況且，圖片有時(shí)可能會(huì )因種種原因而不能正常顯示，而有了明確的圖題，用戶(hù)可借以知道該處是什么。所以，為了保證信息的傳遞更直接有效，更好地提升用戶(hù)的閱讀體驗，應當補上圖題這一網(wǎng)頁(yè)要素。在圖題的設置上，如果欄目中只有一幅圖片，圖題可以單獨放在欄目下部；如果欄目包含一組圖片，那就宜把每幅圖的圖題與圖片有機結合在一起，置于其下方，而在欄目下部列出與各幅圖片鏈接的標志。

需要說(shuō)明的是，雖然圖片因能夠美化網(wǎng)頁(yè)、吸引用戶(hù)注意而在網(wǎng)頁(yè)設計中有著(zhù)重要的作用，但一個(gè)頁(yè)面上不宜安排過(guò)多的圖片，否則會(huì )降低打開(kāi)頁(yè)面的速度。同時(shí)，圖片必須事先經(jīng)過(guò)優(yōu)化處理，一般采用gif或者jpg壓縮格式，以減小頁(yè)面的數據下載量。

2 注意項目安排是否邏輯合理

網(wǎng)站的功能是展示信息供用戶(hù)瀏覽。為讓用戶(hù)順利地找到其所需要的內容信息，網(wǎng)頁(yè)上的各個(gè)項目安排就必須遵循一般用戶(hù)都準確理解的規則。邏輯體現了人類(lèi)思維的共同規律。如果網(wǎng)頁(yè)的設計在邏輯上合理，用戶(hù)就能方便地按照一般邏輯規律使用網(wǎng)頁(yè)。這樣，審核網(wǎng)頁(yè)設計方案中各個(gè)項目的安排是否合乎邏輯，就成為網(wǎng)絡(luò )編輯的重要任務(wù)。

網(wǎng)頁(yè)項目的安排要達到邏輯合理，就要根據事物分類(lèi)的一般邏輯要求，將具有相同屬性?xún)热莸捻椖窟M(jìn)行歸納后，共置于某個(gè)可以概括這些屬性特點(diǎn)的類(lèi)別中。審視考題中所給網(wǎng)頁(yè)的各個(gè)項目可以發(fā)現，幾個(gè)欄目的屬性具有基本平行的關(guān)系，將它們并列置于同一層級是正確的，但是，頁(yè)面上出現兩個(gè)同名欄目則是相互矛盾的，應該修改。根據欄目?jì)热莺皖}干中的交代，可知應該把中間欄目的名稱(chēng)改成“積分榜”.此外，導航條上所列各個(gè)板塊，其屬性也具有平行關(guān)系，可以并列，而板塊與其包含的子選項之間則具有類(lèi)屬關(guān)系，所以將子選項分別置于各板塊內，這也是合理的。但是，進(jìn)一步分析各個(gè)子選項的內容，就能發(fā)現有些子選項的類(lèi)屬劃分在邏輯上是不合理的：“全場(chǎng)回看”不應屬于“新聞”板塊，應置于“視頻”下，而“最新動(dòng)態(tài)”倒是應屬于“新聞”板塊，卻被誤置于“視頻”板塊內；“射手”和“排行”主要提供一些統計數據，而不是與用戶(hù)討論，所以應屬于“數據”板塊而非“互動(dòng)”板塊；相反地，“投注”和“微博”應屬于“互動(dòng)”板塊而非“數據”板塊。因此，考生應該對這些子選項的分布作出合理的調整。

3 注意版式的規范與否

在長(cháng)期的出版工作實(shí)踐中，對圖書(shū)、期刊、報紙等傳統出版物的版式形成了不少規范性要求。

遵循這些規范，不僅可以讓版面顯得美觀(guān)、整齊，給人以審美的愉悅，更能充分體現版面內容之間的邏輯關(guān)系，有助于讀者準確理解。一個(gè)網(wǎng)頁(yè)實(shí)際上也相當于一個(gè)版面。所以，傳統出版物的版式設計規范大多也基本適用于網(wǎng)頁(yè)，僅有少量差別。網(wǎng)絡(luò )編輯審核網(wǎng)頁(yè)的版式時(shí)，要以傳統出版物的版式規范為基礎，再考慮一些網(wǎng)頁(yè)的特有規則，從而保證頁(yè)面規整、易讀。

就文字的大小而言，網(wǎng)頁(yè)上一般宜用12-20像素的字，且頁(yè)面頭部區域的用字宜大些，中部區域的用字適中，而底部區域的文字一般較小。就文字形體而言，網(wǎng)頁(yè)中應使用通用字體，這樣才能在各種終端上都順利顯示。同時(shí)，考慮到屏幕顯示與印刷品展示的效果有一些差異，漢字通常較多采用宋體和黑體，而較少用楷體和仿宋體；字母通常采用Arial、Verdana或者Helvetica字體，而在印刷型出版物中應用特別多的Times New Roman字體則較少采用。同時(shí)，網(wǎng)頁(yè)上使用的字體盡量不要超過(guò)3種，以確保網(wǎng)站頁(yè)面風(fēng)格的統一性。

網(wǎng)頁(yè)上的各個(gè)項目名稱(chēng)，其作用和地位與書(shū)刊目錄中的各級標題相當。所以，其版式設計的規范要求之一，就是用字應該既錯落有致，又相對統一。錯落有致，是指處于不同層級的項目名稱(chēng)，其用字格式應該遵循“從大到小、從重到輕”的一般原則；相對統一，是指處于相同層級的項目名稱(chēng)，其用字格式應該保持一致。

從上述要求來(lái)看，題中所給網(wǎng)頁(yè)設計圖在版式方面存在缺陷。頭部區域的導航條上，雖然4個(gè)板塊名稱(chēng)使用相同的字體、字號，18個(gè)子選項的用字格式也相同，符合相對統一的要求，但是層級較高的板塊名稱(chēng)用字卻既小于、也輕于層級較低的子選項。這就把兩者的層次級別顛倒了，必須修改。從現有頁(yè)面展現的效果和空間的占用情況來(lái)看，比較適宜的是把板塊名稱(chēng)的字號放大，而字體則可不改，以避免粗體字過(guò)多而導致區域過(guò)重、過(guò)密的現象。中部區域的“要聞”“互動(dòng)調查”“熱點(diǎn)聚焦”“射手榜”等文字，都是欄目名稱(chēng)，屬于同一個(gè)層級，格式應當保持一致。但是，如果將這些名稱(chēng)對比一下，可以很明顯地看出“互動(dòng)調查”的字體與其他欄目名稱(chēng)不一樣，應該予以修改?？忌谶@個(gè)考點(diǎn)上失分較多，從一個(gè)側面反映出他們的職業(yè)敏感性還不夠強。

網(wǎng)頁(yè)版式設計的規則也有不同于傳統出版物的特點(diǎn)。比如，在傳統出版物中，對標題的字數一般沒(méi)有限制，長(cháng)標題可以轉行排列，即使在集中了許多標題的目錄中，也允許這樣處理。但是，網(wǎng)頁(yè)中的標題文字則不允許轉行，尤其是在集中排列了許多標題的目錄式欄目?jì)?。因此，不少?zhù)名網(wǎng)站都對標題的字數有統一規定，如《新浪網(wǎng)編輯手冊和規范》中就規定“頻道首頁(yè)要聞標題為一行題，少于16字”,這實(shí)際上是適應了網(wǎng)頁(yè)頁(yè)面的特殊性。在書(shū)刊的目錄中，作品標題之后（或之前）都有頁(yè)碼（有時(shí)還有作者姓名）兼作分隔符號，讀者可以很容易地以頁(yè)碼為標志將一個(gè)個(gè)標題區分開(kāi)。網(wǎng)頁(yè)上的目錄式欄目?jì)?，各個(gè)作品的標題都不標頁(yè)碼（實(shí)際上也無(wú)法標出），也不列相應的作者姓名（一般在展示作品本身時(shí)才列出）。這就在充分利用網(wǎng)頁(yè)空間的同時(shí)，也使得各個(gè)標題沒(méi)有明顯的分隔符號。一個(gè)標題如果轉行排列，會(huì )讓用戶(hù)誤以為是兩個(gè)標題。此外，書(shū)刊中標題的轉行需遵守一些規則，如不得割裂詞義、助詞或嘆詞等虛詞不得置于下一行的行首等，以避免讀者產(chǎn)生誤解。由于各種標題的內容和字數紛紜多樣，需要在處理書(shū)刊校樣時(shí)由編校人員專(zhuān)門(mén)對標題的轉行進(jìn)行調整。然而，網(wǎng)頁(yè)上的文字轉行是由計算機自動(dòng)處理的，而計算機技術(shù)目前尚未達到能夠對詞義或詞類(lèi)進(jìn)行智能分析判斷的程度，無(wú)法按照某個(gè)標題的字符構成情況對轉行進(jìn)行靈活控制?？梢?jiàn)，“標題不得轉行”這條規則體現了網(wǎng)頁(yè)的特殊性，是很合理的。然而，題目所示設計圖中“熱點(diǎn)聚焦”欄目?jì)葏s存在標題轉行現象，這無(wú)疑應該消除。遺憾的是，能夠注意糾正這個(gè)錯誤的考生為數不多。