目前,一些政府門戶網(wǎng)站在網(wǎng)頁設計中,有許多問題,如缺乏整體創(chuàng)意,頁面布局不是生活,色彩搭配不當,使用的字體,和導航設計并不完整,格式名稱不一,域名不規(guī)范,等等。上海海淘科技小編認為科技、政府門戶網(wǎng)站、主頁,特別是,發(fā)揮信息,并幫助用戶交互和導航的重要功能,設計應遵循以下原則:
一是內(nèi)容形成的原理,即網(wǎng)站的網(wǎng)頁設計必須服務于呈現(xiàn)的內(nèi)容,要考慮速度和舒適的訪問者獲取信息。
二是整體協(xié)調(diào)的原則。每個鏈接的網(wǎng)頁設計,包括顏色、布局,文字,圖片,等等,應該建立的思想和風格。
三是遵守技術(shù)需求的原則。網(wǎng)頁設計的程度,技術(shù)的限制是非常明顯的。如web頁面的寬度是有限的顯示分辨率的大小,網(wǎng)頁色彩的范圍應該在網(wǎng)絡安全色,圖片和動畫在網(wǎng)頁設計中必須嚴格控制規(guī)模和數(shù)量,等等。
在明確以上設計原則的基礎上，政府門戶網(wǎng)站網(wǎng)頁設計還應掌握以下要點。
創(chuàng)造力和風格主題和內(nèi)容的網(wǎng)頁,網(wǎng)頁的顏色,布局、動畫、圖片、文本和其他頁面元素統(tǒng)一的個性化設計和整體視覺效果和藝術(shù)形式特征。目前,一些政府門戶網(wǎng)站的個性,往往是建模和同質(zhì)性、中央人民政府門戶網(wǎng)站幾乎已經(jīng)成為一些地方政府門戶網(wǎng)站模板，同質(zhì)化現(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ù)牟季?依法進行視覺藝術(shù)的處理,完全一致的視覺形象設計,并繼續(xù)在很長一段時間,不斷提高訪問者的記憶,時間的流逝會深深扎根于人們的心靈,給人留下深刻印象,成為各大地區(qū)獨特的“網(wǎng)絡形象代表”，這就是一個政府門戶網(wǎng)站成功創(chuàng)意和風格的最終表現(xiàn)。
對以呈現(xiàn)信息為主的門戶網(wǎng)站而言，和諧的色調(diào)可以提高信息獲取的速度,超過了字體和字體變化可以提高理解的準確性。目前,一些政府門戶網(wǎng)站的顏色色調(diào)的問題主要包括:顏色使用太多,造成雜亂沖突的顏色,顏色感覺是矛盾的,顏色還不清楚;文本、圖像、動畫等元素的顏色處理,整體效果,把頁面的整體感覺顏色;頁面顏色太鮮艷,色彩對比太強烈,視覺跳躍太明顯了,引起瀏覽者的視覺疲勞和注意力分散,文字顏色與背景顏色對比不明顯,降低了閱讀效率。因此,政府門戶網(wǎng)站顏色色調(diào)設計試圖成為一個穩(wěn)定的“穩(wěn)重不夸張、大氣不局促、素雅不濃烈、協(xié)調(diào)不跳躍”,其設計可分為以下步驟。
1是確定主色調(diào)。主色調(diào)是主要的頁面的顏色趨勢。企業(yè)高度重視色彩的作用在web站點的設計,如:IBM的藍色,可口可樂,聯(lián)想集團的紅色和藍色,顏色和企業(yè)形象,已成為企業(yè)的象征。目前,政府門戶網(wǎng)站網(wǎng)頁的主色調(diào)選擇以紅色居多,也有同樣的感覺,其實設計師完全可以根據(jù)網(wǎng)站的想法,主題,和使用對象,和顏色的使用達到視覺和心理影響,大膽選擇黃色,灰色,綠色,等為主要顏色。
2是確定配色方案。確定主色調(diào),將合理使用的顏色模式,圍繞主要的顏色,使用顏色亮度,純潔,和三個元素的顏色的變化,適當增加其他顏色的顏色和互補色,選擇輔助顏色,點眼球顏色,背景顏色,配色方案等,主要的顏色在一起形成一個有節(jié)奏的韻律,和諧和統(tǒng)一的色彩關(guān)系(見圖1),甚至頁面配色方案,以避免出現(xiàn)單一顏色或顏色太多,最好不要超過四色物種。
插圖1 一種配色方案
3是正確使用色彩。確定好顏色和配色方案,應注意在使用顏色"總體協(xié)調(diào),局部對比”,即網(wǎng)絡整體色彩效果應該是和諧的,只有局部小地方可以有一些強烈色彩的對比。正確保持連續(xù)性的著色,風格統(tǒng)一的基礎上,對網(wǎng)站或功能模塊選擇不同的顏色和配色方案,既能區(qū)分不同的內(nèi)容,從頁面的顏色使富于變化,并保持統(tǒng)一和協(xié)調(diào)的顏色。背景顏色通常采用中性優(yōu)雅的顏色,應避免使用模式復雜的圖像和高純度顏色,背景顏色和文本顏色對比強烈,很容易區(qū)分背景和文本,提供舒適的視覺體驗。
Web頁面布局和格式設計使用布局的原則,合理配置和使網(wǎng)頁視覺元素的過程,其目的是實現(xiàn)信息傳遞的清晰化、合理化,人性化,并考慮美化的視覺形式,使他們獲得審美感受在獲取信息的同時。Web頁面布局和格式設計非常類似與傳統(tǒng)印刷媒體格式的設計,它的本質(zhì)是在有限的屏幕空間由于特定的視聽多媒體元素合理的編輯和安排。一般來說,一些政府門戶網(wǎng)站的布局和格式,過于方正、剛硬和死板，缺乏靈感和藝術(shù)美感,主要表現(xiàn)在:使用直線和方塊元素,使用更少的曲線和形狀不規(guī)則元素;使用對稱設計,使用更少的不對稱設計,傳統(tǒng)的布局,突破傳統(tǒng)的布局。
布局和格式設計主要應注意以下方面。
1是版式線條。網(wǎng)頁文本、標題、圖片將頁面上的組合形式的各種線條和形狀。正確處理和匹配這些線條和形狀,提高頁面的藝術(shù)魅力。直線藝術(shù)效果光滑,挺拔、規(guī)則、整潔、輪概要文件。重復的直線和矩形組合呈現(xiàn)在頁面上可以在良好的秩序,不同的視覺效果,一般應用于頁面更莊重而嚴肅;曲線的藝術(shù)效果是流動的,活躍的,動態(tài)的。(見圖2)曲線和曲面在頁面上重復的組合會顯得光滑,快,動態(tài)視覺效果,常用在青春的主題,生動的表現(xiàn)。政府門戶網(wǎng)站設計很重要,如果你能以直線為主,結(jié)合頁面可以表達和豐富的內(nèi)涵,顯得莊嚴而不死板,端莊,不冷。
插圖2 曲線板式的例子
2是欄目布局。頁面布局有一個“國”這個詞,在拐角處,標題正文型、左右框架型、上下框架型、綜合框架型、封面型、F1ash型、變化型等多種形式。(參見圖3)政府門戶網(wǎng)站主頁通常用“國”字體布局,即頂部的標題圖網(wǎng)站,其次是網(wǎng)站主題內(nèi)容,是兩個小項目,中間是主要部分,有列在最后,底部是網(wǎng)站的制作單位,聯(lián)系信息,如版權(quá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)站首頁多頁結(jié)構(gòu)用于在大多數(shù)情況下。多頁類型頁面應避免使一個主頁內(nèi)容豐富,被稱為主頁內(nèi)容的頁面,頁面長度超過三個屏幕,顯得太長了。單頁主頁門戶導航常用類型,因為主頁顯示的信息量少,尤其注意導航系統(tǒng)的設計,方便周到,避免給用戶進一步獲取信息帶來困難。
4是構(gòu)圖比例。黃金比例是0.618,不能準確地表示為3比5(或5比8，8比13……)。金色的整齊的變化。過于強調(diào)簡潔的形狀,容易跑到植被;和改變太多的形式,出現(xiàn)松散無序。黃金分割律中,左右側(cè)長度不同和變化,但也符合一定的規(guī)則,從這個角度看是整潔的。它不僅隨處可見的自然、建筑、廣告、工業(yè)設計也是完美的比例標準。在頁面上的構(gòu)圖,一些政府門戶網(wǎng)站盲目采用對稱和集中設計,顯得過于呆板,如果能有意識地使用金色和視覺中心配置頁面元素,將極大地提高頁面的美感,減少構(gòu)圖比例失調(diào)的情況。
5是留白處理。空白是常用的在中國傳統(tǒng)寫意繪畫藝術(shù)技巧,它可以緩解緊張和圖像的復雜性,引起聯(lián)想,精心組織、突出主題,加強對比,達到平衡圖像(見圖4)著名畫家齊白石的《蝦趣》就是留白處理的佳作。留白也適用于網(wǎng)站的布局設計和圖形設計。在強烈的印象留空的組成元素,可以擴大和改善視覺效果,有助于眼睛流,打破沉悶感。一些政府債務總額門戶網(wǎng)頁的信息,“寸土必爭”,完整的擁擠,給人的感覺“堵得慌”,這是因為空白處理不當?shù)暮蠊?
插圖4 齊白石的《蝦趣》
隨著網(wǎng)絡多媒體技術(shù)的進步、圖形、圖像、動畫、視頻、音頻等多媒體元素,web頁面從靜態(tài)到動態(tài),從沉默到聲音,極大地豐富了表現(xiàn)力的web頁面。多媒體應用程序的設計和性能的影響已成為網(wǎng)頁設計中很重要的因素需要考慮。目前,很多政府門戶網(wǎng)站標題的設計努力找出國徽的“政府+名字+域名+拼音”模具,有些甚至完全模仿中央人民政府的門戶網(wǎng)站,有些網(wǎng)站使用類似的新浪、搜狐等門戶網(wǎng)站常見的橫幅廣告,浮動不符合政府門戶網(wǎng)站的莊嚴氣氛,一些網(wǎng)站使用太多的濫用,動畫和圖片和不適,反而造成適得其反的效果等等,這些都是設計不當和媒體應用的結(jié)果。因此,設計和使用必須注意以下方面的媒體。
1是在聲音運用方面。政府門戶網(wǎng)站通常使用背景音樂,主要是因為門戶訪問頻率非常高,重復播放背景音樂使人產(chǎn)生聽覺疲勞。此外,這個web頁面插入音樂文件,它會影響網(wǎng)頁打開速度。因此,除了重大節(jié)日或重大事件,需要用音樂來襯托頁面效果,政府門戶網(wǎng)站通常不應使用在web頁面的背景音樂。
2是在圖片設計方面。圖片包括圖形和圖片,網(wǎng)頁設計通常是結(jié)合使用,在標題圖,標志,等等。在圖片處理圖像,也有一個手冊或軟件渲染圖形。圖像與一個強大的廣告效應的信息,也可以加強視覺效果,構(gòu)建web氣氛明快的布局。(見圖5)政府門戶網(wǎng)站設計和使用的圖像,緊密圍繞主題選擇獨特的和排他的名勝古跡、風光民俗、代表人物、動植物品種等典型素材,如植物和動物物種,利用創(chuàng)新的加工技術(shù),用和諧的色彩色調(diào),確定合適的大小,精心設置頁面,突顯出獨特的區(qū)域特征。此外,還應嚴格控制圖像的能力,通常每個圖像的容量應控制在40 KB,和每個頁面所有圖片加上不超過200 KB的文件大小為宜。
插圖5 廣東省門戶網(wǎng)站標題圖
3是在動畫設計方面。動畫是最生動、最活躍的因素在web設計元素,具有較強的親和力。據(jù)統(tǒng)計,動畫對瀏覽者的吸引力是圖片的三倍。網(wǎng)絡動畫通常使用flash格式,在政府門戶網(wǎng)站設計,主要設計和應用不片面追求特效,應注意,應該突出主題和表現(xiàn),而不是斷開連接的頁面和其他元素。應該結(jié)合運動,充滿節(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)頁色彩的和諧,使整個頁面的色彩和諧,強調(diào)詞一般為紅色,小心綠色、藍色等顏色來突出顯示標題或重要信息。
網(wǎng)站名稱和域名應該符合思維習慣和認知法律,幫助訪問者記憶和快速定位。在國務院頒發(fā)的有關(guān)文件,明確要求政府門戶網(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)。想要了解更多的關(guān)于網(wǎng)站設計基礎知識可點擊此鏈接查看
