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

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

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

一個(gè)網(wǎng)頁要能表達(dá)一定的內(nèi)容和具備一定的功能，就必須具有相應(yīng)的結(jié)構(gòu)成分。這些結(jié)構(gòu)成分可以稱為“網(wǎng)頁要素”,因?yàn)樗鼈兪且粋€(gè)完整的網(wǎng)頁不可或缺的。

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

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

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

就網(wǎng)頁頭部來說，頻道名稱應(yīng)該簡潔明了，直接點(diǎn)明主題，周圍可以加簡單的圖片，也可不加。

同時(shí)，導(dǎo)航條上應(yīng)該列出構(gòu)成本頻道的基本板塊。

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

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

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

2 注意項(xiàng)目安排是否邏輯合理

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

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

3 注意版式的規(guī)范與否

在長期的出版工作實(shí)踐中，對(duì)圖書、期刊、報(bào)紙等傳統(tǒng)出版物的版式形成了不少規(guī)范性要求。

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

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

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

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

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