目前,一些政府門戶網(wǎng)站在網(wǎng)頁設計中,有許多問題,如缺乏整體創(chuàng)意,頁面布局不是生活,色彩搭配不當,使用的字體,和導航設計并不完整,格式名稱不一,域名不規(guī)范,等等。上海創(chuàng)新互聯(lián)小編認為科技、政府門戶網(wǎng)站、主頁,特別是,發(fā)揮信息,并幫助用戶交互和導航的重要功能,設計應遵循以下原則:

一是內(nèi)容形成的原理,即網(wǎng)站的網(wǎng)頁設計必須服務于呈現(xiàn)的內(nèi)容,要考慮速度和舒適的訪問者獲取信息。

二是整體協(xié)調的原則。每個鏈接的網(wǎng)頁設計,包括顏色、布局,文字,圖片,等等,應該建立的思想和風格。

三是遵守技術需求的原則。網(wǎng)頁設計的程度,技術的限制是非常明顯的。如web頁面的寬度是有限的顯示分辨率的大小,網(wǎng)頁色彩的范圍應該在網(wǎng)絡安全色,圖片和動畫在網(wǎng)頁設計中必須嚴格控制規(guī)模和數(shù)量,等等。

在明確以上設計原則的基礎上，政府門戶網(wǎng)站網(wǎng)頁設計還應掌握以下要點。

網(wǎng)站設計的要點分析">

一、整體創(chuàng)意與風格

創(chuàng)造力和風格主題和內(nèi)容的網(wǎng)頁,網(wǎng)頁的顏色,布局、動畫、圖片、文本和其他頁面元素統(tǒng)一的個性化設計和整體視覺效果和藝術形式特征。目前,一些政府門戶網(wǎng)站的個性,往往是建模和同質性、中央人民政府門戶網(wǎng)站幾乎已經(jīng)成為一些地方政府門戶網(wǎng)站模板，同質化現(xiàn)象很嚴重。和web頁面風格不明顯,主要表現(xiàn)在:各種元素在同一個頁面一起填料和分散混亂,缺乏相互呼應和一致性,一頁又一頁之間,尤其是在初級和二級頁面之間,顏色,格式,文本頁面風格,頁面之間的聯(lián)系密切不夠,沒有形成一個統(tǒng)一的形象網(wǎng)站,等網(wǎng)站的創(chuàng)意和風格是網(wǎng)頁設計的靈魂,和缺乏創(chuàng)造力,平庸的網(wǎng)站的風格很難吸引人們的注意。因此,加強創(chuàng)意網(wǎng)站設計和風格的形狀是第一個解決提高網(wǎng)頁設計水平的問題。

應該說,政府門戶網(wǎng)站不僅應該是一種政府信息資源和工具提供信息服務,也應該是政府的復雜的視覺形象在網(wǎng)絡上,應該努力反映政府的執(zhí)政理念,發(fā)展戰(zhàn)略和愿景深的內(nèi)容。雖然創(chuàng)造力有很強的主觀色彩,似乎來自靈感和洞察力,但不完全確定困難。創(chuàng)意設計應該抓住歷史發(fā)展的地區(qū),地域文化,民族特色以及其他個性化的特性,選擇標志性的圖像,具有象征意義的顏色,有意義,深刻的單詞和適當?shù)牟季?依法進行視覺藝術的處理,完全一致的視覺形象設計,并繼續(xù)在很長一段時間,不斷提高訪問者的記憶,時間的流逝會深深扎根于人們的心靈,給人留下深刻印象,成為各大地區(qū)獨特的“網(wǎng)絡形象代表”，這就是一個政府門戶網(wǎng)站成功創(chuàng)意和風格的最終表現(xiàn)。

二、頁面色彩與色調

對以呈現(xiàn)信息為主的門戶網(wǎng)站而言，和諧的色調可以提高信息獲取的速度,超過了字體和字體變化可以提高理解的準確性。目前,一些政府門戶網(wǎng)站的顏色色調的問題主要包括:顏色使用太多,造成雜亂沖突的顏色,顏色感覺是矛盾的,顏色還不清楚;文本、圖像、動畫等元素的顏色處理,整體效果,把頁面的整體感覺顏色;頁面顏色太鮮艷,色彩對比太強烈,視覺跳躍太明顯了,引起瀏覽者的視覺疲勞和注意力分散,文字顏色與背景顏色對比不明顯,降低了閱讀效率。因此,政府門戶網(wǎng)站顏色色調設計試圖成為一個穩(wěn)定的“穩(wěn)重不夸張、大氣不局促、素雅不濃烈、協(xié)調不跳躍”,其設計可分為以下步驟。

1是確定主色調。主色調是主要的頁面的顏色趨勢。企業(yè)高度重視色彩的作用在web站點的設計,如:IBM的藍色,可口可樂,聯(lián)想集團的紅色和藍色,顏色和企業(yè)形象,已成為企業(yè)的象征。目前,政府門戶網(wǎng)站網(wǎng)頁的主色調選擇以紅色居多,也有同樣的感覺,其實設計師完全可以根據(jù)網(wǎng)站的想法,主題,和使用對象,和顏色的使用達到視覺和心理影響,大膽選擇黃色,灰色,綠色,等為主要顏色。

2是確定配色方案。確定主色調,將合理使用的顏色模式,圍繞主要的顏色,使用顏色亮度,純潔,和三個元素的顏色的變化,適當增加其他顏色的顏色和互補色,選擇輔助顏色,點眼球顏色,背景顏色,配色方案等,主要的顏色在一起形成一個有節(jié)奏的韻律,和諧和統(tǒng)一的色彩關系(見圖1),甚至頁面配色方案,以避免出現(xiàn)單一顏色或顏色太多,最好不要超過四色物種。

插圖1 一種配色方案

3是正確使用色彩。確定好顏色和配色方案,應注意在使用顏色"總體協(xié)調,局部對比”,即網(wǎng)絡整體色彩效果應該是和諧的,只有局部小地方可以有一些強烈色彩的對比。正確保持連續(xù)性的著色,風格統(tǒng)一的基礎上,對網(wǎng)站或功能模塊選擇不同的顏色和配色方案,既能區(qū)分不同的內(nèi)容,從頁面的顏色使富于變化,并保持統(tǒng)一和協(xié)調的顏色。背景顏色通常采用中性優(yōu)雅的顏色,應避免使用模式復雜的圖像和高純度顏色,背景顏色和文本顏色對比強烈,很容易區(qū)分背景和文本,提供舒適的視覺體驗。

三、欄目布局與版式

Web頁面布局和格式設計使用布局的原則,合理配置和使網(wǎng)頁視覺元素的過程,其目的是實現(xiàn)信息傳遞的清晰化、合理化,人性化,并考慮美化的視覺形式,使他們獲得審美感受在獲取信息的同時。Web頁面布局和格式設計非常類似與傳統(tǒng)印刷媒體格式的設計,它的本質是在有限的屏幕空間由于特定的視聽多媒體元素合理的編輯和安排。一般來說,一些政府門戶網(wǎng)站的布局和格式,過于方正、剛硬和死板，缺乏靈感和藝術美感,主要表現(xiàn)在:使用直線和方塊元素,使用更少的曲線和形狀不規(guī)則元素;使用對稱設計,使用更少的不對稱設計,傳統(tǒng)的布局,突破傳統(tǒng)的布局。

布局和格式設計主要應注意以下方面。

1是版式線條。網(wǎng)頁文本、標題、圖片將頁面上的組合形式的各種線條和形狀。正確處理和匹配這些線條和形狀,提高頁面的藝術魅力。直線藝術效果光滑,挺拔、規(guī)則、整潔、輪概要文件。重復的直線和矩形組合呈現(xiàn)在頁面上可以在良好的秩序,不同的視覺效果,一般應用于頁面更莊重而嚴肅;曲線的藝術效果是流動的,活躍的,動態(tài)的。(見圖2)曲線和曲面在頁面上重復的組合會顯得光滑,快,動態(tài)視覺效果,常用在青春的主題,生動的表現(xiàn)。政府門戶網(wǎng)站設計很重要,如果你能以直線為主,結合頁面可以表達和豐富的內(nèi)涵,顯得莊嚴而不死板,端莊,不冷。

插圖2 曲線板式的例子

2是欄目布局。頁面布局有一個“國”這個詞,在拐角處,標題正文型、左右框架型、上下框架型、綜合框架型、封面型、F1ash型、變化型等多種形式。(參見圖3)政府門戶網(wǎng)站主頁通常用“國”字體布局,即頂部的標題圖網(wǎng)站,其次是網(wǎng)站主題內(nèi)容,是兩個小項目,中間是主要部分,有列在最后,底部是網(wǎng)站的制作單位,聯(lián)系信息,如版權聲明。這是一種適用于總體布局、政府門戶網(wǎng)站是安全的,保守的布局,與容易的優(yōu)點呈現(xiàn)大量的信息設計,易于實現(xiàn),但使用太多,沒有任何新鮮的,如果我們能在此基礎上,適當加以錯位或非對稱的布局變化，頁面會顯得更靈活和生動。

插圖3 典型的“國”字型布局

3是頁面尺寸。800 x 600分辨率的頁面寬度,根據(jù)寬度設計上面的網(wǎng)頁是過時的和17英寸寬屏顯示器一直流行的今天,個別政府門戶網(wǎng)站仍在使用這個寬度,在屏幕上留下了較大的差距,出現(xiàn)輕微和約束,縮小頁面不宜提供豐富的信息,因此,卷筒紙寬度應該是1024 x 768分辨率的設計標準。也可以解決作為基準,采用自適應屏幕寬度設計,各種分辨率的條件下可以達到更好的效果。從頁面長度來看,中國政府門戶網(wǎng)站首頁多頁結構用于在大多數(shù)情況下。多頁類型頁面應避免使一個主頁內(nèi)容豐富,被稱為主頁內(nèi)容的頁面,頁面長度超過三個屏幕,顯得太長了。單頁主頁門戶導航常用類型,因為主頁顯示的信息量少,尤其注意導航系統(tǒng)的設計,方便周到,避免給用戶進一步獲取信息帶來困難。

4是構圖比例。黃金比例是0.618,不能準確地表示為3比5(或5比8，8比13……)。金色的整齊的變化。過于強調簡潔的形狀,容易跑到植被;和改變太多的形式,出現(xiàn)松散無序。黃金分割律中,左右側長度不同和變化,但也符合一定的規(guī)則,從這個角度看是整潔的。它不僅隨處可見的自然、建筑、廣告、工業(yè)設計也是好的比例標準。在頁面上的構圖,一些政府門戶網(wǎng)站盲目采用對稱和集中設計,顯得過于呆板,如果能有意識地使用金色和視覺中心配置頁面元素,將極大地提高頁面的美感,減少構圖比例失調的情況。

5是留白處理。空白是常用的在中國傳統(tǒng)寫意繪畫藝術技巧,它可以緩解緊張和圖像的復雜性,引起聯(lián)想,精心組織、突出主題,加強對比,達到平衡圖像(見圖4)著名畫家齊白石的《蝦趣》就是留白處理的佳作。留白也適用于網(wǎng)站的布局設計和圖形設計。在強烈的印象留空的組成元素,可以擴大和改善視覺效果,有助于眼睛流,打破沉悶感。一些政府債務總額門戶網(wǎng)頁的信息,“寸土必爭”,完整的擁擠,給人的感覺“堵得慌”,這是因為空白處理不當?shù)暮蠊?/p>

插圖4 齊白石的《蝦趣》

四、媒體設計與運用

隨著網(wǎng)絡多媒體技術的進步、圖形、圖像、動畫、視頻、音頻等多媒體元素,web頁面從靜態(tài)到動態(tài),從沉默到聲音,極大地豐富了表現(xiàn)力的web頁面。多媒體應用程序的設計和性能的影響已成為網(wǎng)頁設計中很重要的因素需要考慮。目前,很多政府門戶網(wǎng)站標題的設計努力找出國徽的“政府+名字+域名+拼音”模具,有些甚至完全模仿中央人民政府的門戶網(wǎng)站,有些網(wǎng)站使用類似的新浪、搜狐等門戶網(wǎng)站常見的橫幅廣告,浮動不符合政府門戶網(wǎng)站的莊嚴氣氛,一些網(wǎng)站使用太多的濫用,動畫和圖片和不適,反而造成適得其反的效果等等,這些都是設計不當和媒體應用的結果。因此,設計和使用必須注意以下方面的媒體。

1是在聲音運用方面。政府門戶網(wǎng)站通常使用背景音樂,主要是因為門戶訪問頻率非常高,重復播放背景音樂使人產(chǎn)生聽覺疲勞。此外,這個web頁面插入音樂文件,它會影響網(wǎng)頁打開速度。因此,除了重大節(jié)日或重大事件,需要用音樂來襯托頁面效果,政府門戶網(wǎng)站通常不應使用在web頁面的背景音樂。

2是在圖片設計方面。圖片包括圖形和圖片,網(wǎng)頁設計通常是結合使用,在標題圖,標志,等等。在圖片處理圖像,也有一個手冊或軟件渲染圖形。圖像與一個強大的廣告效應的信息,也可以加強視覺效果,構建web氣氛明快的布局。(見圖5)政府門戶網(wǎng)站設計和使用的圖像,緊密圍繞主題選擇獨特的和排他的名勝古跡、風光民俗、代表人物、動植物品種等典型素材,如植物和動物物種,利用創(chuàng)新的加工技術,用和諧的色彩色調,確定合適的大小,精心設置頁面,突顯出獨特的區(qū)域特征。此外,還應嚴格控制圖像的能力,通常每個圖像的容量應控制在40 KB,和每個頁面所有圖片加上不超過200 KB的文件大小為宜。

插圖5 廣東省門戶網(wǎng)站標題圖

3是在動畫設計方面。動畫是最生動、最活躍的因素在web設計元素,具有較強的親和力。據(jù)統(tǒng)計,動畫對瀏覽者的吸引力是圖片的三倍。網(wǎng)絡動畫通常使用flash格式,在政府門戶網(wǎng)站設計,主要設計和應用不片面追求特效,應注意,應該突出主題和表現(xiàn),而不是斷開連接的頁面和其他元素。應該結合運動,充滿節(jié)奏,畫面變化不能太強烈刺激,以免引起視覺疲勞;動畫數(shù)量不能太多,不能占用空間太大,以免喧賓奪主,信息表示和網(wǎng)頁打開速度。

五、文字字體與字型

政府門戶網(wǎng)站,頁面的文本占據(jù)主體。字體和字體選擇應該給人以清晰的視覺印象,繁雜無序,避免頁面容易閱讀和容易理解。目前,一些政府門戶網(wǎng)站字體文字處理的問題主要包括:文本字體使用太多,太多的顏色變化;文本不一致的厚度,對齊;不符合頁面內(nèi)容、文本風格和主題的沖突等等。限制網(wǎng)站的特點和視覺心理需求,政府門戶網(wǎng)站網(wǎng)頁的字體和字體有相對固定和規(guī)范模式,個性化的創(chuàng)意空間并不大,主要從以下幾個方面來考慮。

1是文字的字體。政府門戶網(wǎng)站,在相同的頁面上使用的字體類型一般不應超過四個。鑒于你的電腦可能沒有一個特殊的字體,網(wǎng)頁字體應該使用兼容或系統(tǒng)默認字體,比如黑色字體,字體模仿宋代風格和官方腳本,如果需要其他真正使用的字體,字體可以圖形圖片后插入web頁面中使用。文本的文本通常選擇字體,文章標題通常選擇大膽或黑體。標題文本字體選擇這張照片更靈活,可以是一個標準的字體,也可能是創(chuàng)意字體設計。除了大膽,一般不宜使用字體效果如斜體、下劃線。香港和臺灣和外國游客,也應當建立一個傳統(tǒng)的中文版本和英文版本,字體應該充分考慮這些游客的閱讀習慣。

2是文字的字號及間距。字體大小的選擇,政府門戶網(wǎng)站的文本文本通常使用的字體大小9磅。字間距,網(wǎng)頁設計軟件的默認值之間的距離,身體的接近是明智的字體大小,間距的文字大小和空間是最適合10：12。適當?shù)拈g距引導瀏覽者的眼睛，寬間距影響的連續(xù)性文本閱讀,會造成擁擠,太窄間距會造成文字擁擠，在閱讀時發(fā)生跳行錯誤。同時,為了適應不同用戶的偏好和視野,最好與可切換圖像的頂部按鈕字體大小。

3是文字的排列。因為政府門戶網(wǎng)站功能以顯示信息為主,網(wǎng)頁排版是相對固定的,根據(jù)文本布局通常有多少列固定,適用于板,板將統(tǒng)一的文本。如:雙欄、三欄、甚至多欄的編排形式。Web頁面通常使用水平類型,也有一個Web頁面使用垂直放置,傾斜的安排后,文本或圖形。垂直排列文本空間和強烈的速度感,在網(wǎng)頁設計中根據(jù)需要可以使用少量。網(wǎng)頁文本文字安排包括兩端對齊,中心,左對齊和右對齊,繞圖排列等,但通常采用左對齊的布置形式更符合閱讀的習慣。

4是文字的色彩。合理的文本顏色設置,可以吸引游客的注意,使文本更突出醒目。政府門戶網(wǎng)站,文本的類型使用顏色不宜過多,最好不要超過三個,純粹的顏色不宜過高,文本顏色和背景顏色亮度對比不宜太強勁;媒體比如圖像、動畫、文本顏色應該是一個網(wǎng)頁色彩的和諧,使整個頁面的色彩和諧,強調詞一般為紅色,小心綠色、藍色等顏色來突出顯示標題或重要信息。

六、網(wǎng)站名稱與域名

網(wǎng)站名稱和域名應該符合思維習慣和認知法律,幫助訪問者記憶和快速定位。在國務院頒發(fā)的有關文件,明確要求政府門戶網(wǎng)站英文域名后綴“.gov.cn”，但對于域名的后綴沒有什么強制性的要求,采用簡稱的拼音，但是一些全放在一起中綴,有些拼音首字母中綴,基本的兩個比例的一半。為了防止域名重復,造成歧義,便于瀏覽者記憶,提出一個統(tǒng)一的行政區(qū)劃稱為“整個中綴的放在一起。

與域名相比,各級政府門戶網(wǎng)站更混亂,省級的名稱,例如,命名方法大約有超過10種以上,如xx省人民政府門戶網(wǎng)站,中國.××、××政府公眾信息網(wǎng)、××政務網(wǎng)、××在線等等。建議各級政府的門戶網(wǎng)站,參照中央人民政府門戶網(wǎng)站的命名方法,統(tǒng)一門戶名叫xx省人民政府,促進政府門戶網(wǎng)站的規(guī)范化和標準化,統(tǒng)一嚴格的形式,不同的政府門戶網(wǎng)站系統(tǒng)。