網(wǎng)頁設(shè)計方案的審核要點探析,網(wǎng)頁設(shè)計論文

網(wǎng)頁設(shè)計方案的審核重點探析,網(wǎng)頁設(shè)計論文當(dāng)前，從事網(wǎng)絡(luò)出版工作的專業(yè)技術(shù)人員日益增加。網(wǎng)絡(luò)出版與圖書、期刊的傳統(tǒng)出版既有一樣之處，又存在一些差異。因而，在2020年度的全國出版專業(yè)職業(yè)資格考試中，考試工作專家委員會根據(jù)國家新聞出版廣電總局的指示精神，對出版專業(yè)理論與實務(wù)科目的中級試卷進行了調(diào)整，在第68題、第70題原來設(shè)有2道分題的基礎(chǔ)上，各增加1道主要面向網(wǎng)絡(luò)編輯的分題。華而不實的68-C分題是網(wǎng)頁設(shè)計題，與68-A的圖書整體設(shè)計題、68-B的期刊整體設(shè)計題對應(yīng)，供從事網(wǎng)絡(luò)出版的考生選答。該題題干講明，某網(wǎng)站擬推出一個專題頻道，但其首頁的設(shè)計方案存在要素缺漏和其他一些不妥之處,因而，要求考生用直接批注方式彌補缺漏，修正不妥之處.題目中給出了網(wǎng)頁的設(shè)計圖樣張?！苍}請見本期第152頁。〕對網(wǎng)絡(luò)編輯審核網(wǎng)頁設(shè)計方案的能力進行考核，是全國出版專業(yè)職業(yè)資格考試的新舉措。因而，本文擬結(jié)合對考題的分析，就網(wǎng)頁設(shè)計方案的審核重點提出一些建議，供考生們參考。1注意網(wǎng)頁要素能否有缺漏一個網(wǎng)頁要能表示出一定的內(nèi)容和具備一定的功能，就必須具有相應(yīng)的構(gòu)造成分。這些構(gòu)造成分能夠稱為網(wǎng)頁要素,由于它們是一個完好的網(wǎng)頁不可或缺的。從宏觀上來看，根據(jù)視覺流程從上而下的順序，一個網(wǎng)頁的總體框架由頁面頭部、中部內(nèi)容區(qū)和頁面尾部組成。考題中給出的這個頁面，已經(jīng)設(shè)有導(dǎo)航條所在的頭部和包含了6個欄目的中部內(nèi)容區(qū)，但是沒有出現(xiàn)尾部。不過，尾部區(qū)域主要用于著錄表示清楚網(wǎng)站合法性的行政許可〔或備案〕文件的文號、版權(quán)信息、經(jīng)營單位的基本信息及其相關(guān)鏈接等，一般是整個網(wǎng)站統(tǒng)一設(shè)計、制作好模板后供各個網(wǎng)頁使用的。作為網(wǎng)站下的一個專題頻道，其首頁的尾部只要照用網(wǎng)站已有的現(xiàn)成模板即可，無須再專門設(shè)計，所以，頁面設(shè)計樣張中一般能夠不再列出。這樣，能夠講該網(wǎng)頁沒有缺漏宏觀層面的要素。從中觀上來看，頁面頭部應(yīng)該有表示本頻道主題的頻道名稱、表示本頻道框架構(gòu)成并方便用戶選擇閱讀相應(yīng)內(nèi)容的導(dǎo)航條；中部的內(nèi)容區(qū)域則應(yīng)列出本頻道中相對較為重要的欄目，以方便用戶登錄該頻道后就能直接觀看到一些重要信息。以這些要求來衡量，題目中的網(wǎng)頁在中觀上也是基本符合要求的。進行宏觀和中觀審核后，才是從微觀上對網(wǎng)頁各部分進行審核，其順序一般也是從上到下。就網(wǎng)頁頭部來講，頻道名稱應(yīng)該簡潔明了，直接點明主題，周圍能夠加簡單的圖片，可以不加。同時，導(dǎo)航條上應(yīng)該列出構(gòu)成本頻道的基本板塊。假如空間允許，導(dǎo)航條上還可盡量再列出板塊下的一些子項名稱，以具體表現(xiàn)出各個頁面的層級關(guān)系，使整個網(wǎng)站構(gòu)造清楚明晰明了；假如空間缺乏，子項可以不列。題中的網(wǎng)頁設(shè)計圖，在這些方面應(yīng)該講是到達了一般要求。除此之外，頻道只是整個網(wǎng)站的組成部分之一，一個網(wǎng)站往往能夠設(shè)有多個頻道，分別表示不同的內(nèi)容主題，整個網(wǎng)站的內(nèi)容特色和最為重要的信息功能，則集中在網(wǎng)站首頁上。用戶閱讀網(wǎng)站時，網(wǎng)頁按樹形構(gòu)造一層一層展開，閱讀得越詳細，離開作為樹根的網(wǎng)站首頁距離就越遠。這樣，作為一個網(wǎng)站下的專題頻道，就應(yīng)該設(shè)有與網(wǎng)站首頁的鏈接，讓用戶能夠通過單擊這個超鏈接直接返回網(wǎng)站首頁。分析題目中的網(wǎng)頁設(shè)計圖頭部區(qū)域，可知華而不實缺漏了這個要素。所以，應(yīng)該在導(dǎo)航條上增添與網(wǎng)站首頁鏈接的文字或圖形。但在考試中，絕大部分考生都忽視了這一疏漏。就網(wǎng)頁中部區(qū)域來講，一般各個欄目都應(yīng)該有相應(yīng)的名稱，再在其下按詳細內(nèi)容的多少，或直接提供以文字、圖片、動畫、音頻、視頻等形式表現(xiàn)的有關(guān)內(nèi)容，或列出相關(guān)內(nèi)容的標(biāo)題供用戶進一步展開網(wǎng)頁閱讀。題中所示網(wǎng)頁設(shè)計圖的中部區(qū)域，基本上做到了這些，唯獨頭條圖片這個欄目，既沒有欄目名稱，也沒有對圖片作詮釋講明的相關(guān)講明文字，即圖題。當(dāng)然，圖片欄目有些特殊性，其所在位置可講已經(jīng)表示清楚是頭條,內(nèi)容表現(xiàn)形式也已具體表現(xiàn)出出是圖片,再專門標(biāo)上欄目名稱便有蛇足之嫌。然而，圖題是必需的，不可缺漏，否則用戶就不易理解該圖是什么意思，或者產(chǎn)生張冠李戴的誤解；況且，圖片有時可能會因種種原因此不能正常顯示，而有了明確的圖題，用戶可借以知道該處是什么。所以，為了保證信息的傳遞更直接有效，更好地提升用戶的閱讀體驗，應(yīng)當(dāng)補上圖題這一網(wǎng)頁要素。在圖題的設(shè)置上，假如欄目中只要一幅圖片，圖題能夠單獨放在欄目下部；假如欄目包含一組圖片，那就宜把每幅圖的圖題與圖片有機結(jié)合在一起，置于其下方，而在欄目下部列出與各幅圖片鏈接的標(biāo)志。需要講明的是，固然圖片因能夠美化網(wǎng)頁、吸引用戶注意而在網(wǎng)頁設(shè)計中有著重要的作用，但一個頁面上不宜布置太多的圖片，否則會降低打開頁面的速度。同時，圖片必須事先經(jīng)過優(yōu)化處理，一般采用gif或者jpg壓縮格式，以減小頁面的數(shù)據(jù)下載量。2注意項目布置能否邏輯合理網(wǎng)站的功能是展示信息供用戶閱讀。為讓用戶順利地找到其所需要的內(nèi)容信息，網(wǎng)頁上的各個項目布置就必須遵循一般用戶都準(zhǔn)確理解的規(guī)則。邏輯具體表現(xiàn)出了人類思維的共同規(guī)律。假如網(wǎng)頁的設(shè)計在邏輯上合理，用戶就能方便地根據(jù)一般邏輯規(guī)律使用網(wǎng)頁。這樣，審核網(wǎng)頁設(shè)計方案中各個項目的布置能否符合邏輯，就成為網(wǎng)絡(luò)編輯的重要任務(wù)。網(wǎng)頁項目的布置要到達邏輯合理，就要根據(jù)事物分類的一般邏輯要求，將具有一樣屬性內(nèi)容的項目進行歸納后，共置于某個能夠概括這些屬性特點的類別中。審視考題中所給網(wǎng)頁的各個項目能夠發(fā)現(xiàn)，幾個欄目的屬性具有基本平行的關(guān)系，將它們并列置于同一層級是正確的，但是，頁面上出現(xiàn)兩個同名欄目則是互相矛盾的，應(yīng)該修改。根據(jù)欄目內(nèi)容和題干中的交代，可知應(yīng)該把中間欄目的名稱改成積分榜.除此之外，導(dǎo)航條上所列各個板塊，其屬性也具有平行關(guān)系，能夠并列，而板塊與其包含的子選項之間則具有類屬關(guān)系，所以將子選項分別置于各板塊內(nèi)，這也是合理的。但是，進一步分析各個子選項的內(nèi)容，就能發(fā)現(xiàn)有些子選項的類屬劃分在邏輯上是不合理的：全場回看不應(yīng)屬于新聞板塊，應(yīng)置于視頻下，而最新動態(tài)倒是應(yīng)屬于新聞板塊，卻被誤置于視頻板塊內(nèi)；射手和排行主要提供一些統(tǒng)計數(shù)據(jù)，而不是與用戶討論，所以應(yīng)屬于數(shù)據(jù)板塊而非互動板塊；相反地，投注和微博應(yīng)屬于互動板塊而非數(shù)據(jù)板塊。因而，考生應(yīng)該對這些子選項的分布作出合理的調(diào)整。3注意版式的規(guī)范與否在長期的出版工作實踐中，對圖書、期刊、報紙等傳統(tǒng)出版物的版式構(gòu)成了不少規(guī)范性要求。遵循這些規(guī)范，不僅能夠讓版面顯得美觀、整潔，給人以審美的愉悅，更能充分具體表現(xiàn)出版面內(nèi)容之間的邏輯關(guān)系，有助于讀者準(zhǔn)確理解。一個網(wǎng)頁實際上也相當(dāng)于一個版面。所以，傳統(tǒng)出版物的版式設(shè)計規(guī)范大多也基本適用于網(wǎng)頁，僅有少量差異不同。網(wǎng)絡(luò)編輯審核網(wǎng)頁的版式時，要以傳統(tǒng)出版物的版式規(guī)范為基礎(chǔ)，再考慮一些網(wǎng)頁的特有規(guī)則，進而保證頁面規(guī)整、易讀。就文字的大小而言，網(wǎng)頁上一般宜用12-20像素的字，且頁面頭部區(qū)域的用字宜大些，中部區(qū)域的用字適中，而底部區(qū)域的文字一般較小。就文字形體而言，網(wǎng)頁中應(yīng)使用通用字體，這樣才能在各種終端上都順利顯示。同時，考慮到屏幕顯示與印刷品展示的效果有一些差異，漢字通常較多采用宋體和黑體，而較少用楷體和仿宋體；字母通常采用Arial、Verdana或者Helvetica字體，而在印刷型出版物中應(yīng)用十分多的TimesNewRoman字體則較少采用。同時，網(wǎng)頁上使用的字體盡量不要超過3種，以確保網(wǎng)站頁面風(fēng)格的統(tǒng)一性。網(wǎng)頁上的各個項目名稱，其作用和地位與書刊目錄中的各級標(biāo)題相當(dāng)。所以，其版式設(shè)計的規(guī)范要求之一，就是用字應(yīng)該既錯落有致，又相對統(tǒng)一。錯落有致，是指處于不同層級的項目名稱，其用字格式應(yīng)該遵循從大到小、從重到輕的一般原則；相對統(tǒng)一，是指處于一樣層級的項目名稱，其用字格式應(yīng)該保持一致。從上述要求來看，題中所給網(wǎng)頁設(shè)計圖在版式方面存在缺陷。頭部區(qū)域的導(dǎo)航條上，固然4個板塊名稱使用一樣的字體、字號，18個子選項的用字格式也一樣，符合相對統(tǒng)一的要求，但是層級較高的板塊名稱用字卻既小于、也輕于層級較低的子選項。這就把兩者的層次級別顛倒了，必須修改。從現(xiàn)有頁面展現(xiàn)的效果和空間的占用情況來看，比擬適宜的是把板塊名稱的字號放大，而字體則可不改，以避免粗體字太多而導(dǎo)致區(qū)域過重、過密的現(xiàn)象。中部區(qū)域的要聞互動調(diào)查熱門聚焦射手榜等文字，都是欄目名稱，屬于同一個層級，格式應(yīng)當(dāng)保持一致。但是，假如將這些名稱比照一下，能夠很明顯地看出互動調(diào)查的字體與其他欄目名稱不一樣，應(yīng)該予以修改?？忌谶@個考試點上失分較多，從一個側(cè)面反映出他們的職業(yè)敏感性還不夠強。網(wǎng)頁版式設(shè)計的規(guī)則也有不同于傳統(tǒng)出版物的特點。比方，在傳統(tǒng)出版物中，對標(biāo)題的字數(shù)一般沒有限制，長標(biāo)題能夠轉(zhuǎn)行排列，即便在集中了很多標(biāo)題的目錄中，也允許這樣處理。但是，網(wǎng)頁中的標(biāo)題文字則不允許轉(zhuǎn)行，尤其是在集中排列了很多標(biāo)題的目錄式欄目內(nèi)。因而，不少著名網(wǎng)站都對標(biāo)題的字數(shù)有統(tǒng)一規(guī)定，如(新浪網(wǎng)編輯手冊和規(guī)范〕中就規(guī)定頻道首頁要聞標(biāo)題為一行題，少于16字,這實際上是適應(yīng)了網(wǎng)頁頁面的特殊性。在書刊的目錄中，作品標(biāo)題之后〔或之前〕都有頁碼〔有時還有作者姓名〕兼作分隔符號，讀者能夠很容易地以頁碼為標(biāo)志將一個個標(biāo)題區(qū)分開。網(wǎng)頁上的目錄式欄目內(nèi)，各個作品的標(biāo)題都不標(biāo)頁碼〔實際上也無法標(biāo)出〕，也不列相應(yīng)的作者姓名〔一般在展示作品本身時才列出〕。這就在充分利用網(wǎng)頁空間的同時，也使得各個標(biāo)題沒有明顯的分隔符號。一個標(biāo)題假如轉(zhuǎn)行排列，會讓用戶誤以為是兩個標(biāo)題。除此之外，書刊中標(biāo)題的轉(zhuǎn)行需遵守一些規(guī)則，如不得割裂詞義、助詞或嘆詞等虛詞不得置于下一行的行首等，以避免讀者產(chǎn)生誤解。由于各種標(biāo)題的內(nèi)容和字數(shù)紛紜多樣，需要在處理書刊校樣時由編校人員專門對標(biāo)題的轉(zhuǎn)行進行調(diào)整。然而，網(wǎng)頁上的文字轉(zhuǎn)行是由計算機自動處理的，而計算機技術(shù)當(dāng)前尚未到達能夠?qū)υ~義或詞類進行智能分析判定的程度，無法根據(jù)某個標(biāo)題的字符構(gòu)成情況對轉(zhuǎn)行進行靈敏控制?？梢?，標(biāo)題不得轉(zhuǎn)行這條規(guī)則具體表現(xiàn)出了網(wǎng)頁的特殊性，是很合理的。然而，題目所示設(shè)計圖中熱門聚焦欄目內(nèi)卻存在標(biāo)題轉(zhuǎn)行現(xiàn)象，這無疑應(yīng)該消除。遺憾的是，能夠注意糾正這個錯誤的考生為數(shù)不多。在出版物的形態(tài)和傳播方式上，網(wǎng)絡(luò)出版與傳統(tǒng)出版有所不同，而在對出版物所載內(nèi)容進行