政府網(wǎng)站設(shè)計(jì)的要點(diǎn)分析

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

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

二是整體協(xié)調(diào)的原則。每個(gè)鏈接的網(wǎng)頁設(shè)計(jì),包括顏色、布局,文字,圖片,等等,應(yīng)該建立的思想和風(fēng)格。

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

在明確以上設(shè)計(jì)原則的基礎(chǔ)上，政府門戶網(wǎng)站網(wǎng)頁設(shè)計(jì)還應(yīng)掌握以下要點(diǎn)。

網(wǎng)站設(shè)計(jì)的要點(diǎn)分析">

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

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

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

二、頁面色彩與色調(diào)

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

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

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

插圖1 一種配色方案

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

三、欄目布局與版式

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

布局和格式設(shè)計(jì)主要應(yīng)注意以下方面。

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

插圖2 曲線板式的例子

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

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

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

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

5是留白處理?？瞻资浅Ｓ玫脑谥袊鴤鹘y(tǒng)寫意繪畫藝術(shù)技巧,它可以緩解緊張和圖像的復(fù)雜性,引起聯(lián)想,精心組織、突出主題,加強(qiáng)對(duì)比,達(dá)到平衡圖像(見圖4)著名畫家齊白石的《蝦趣》就是留白處理的佳作。留白也適用于網(wǎng)站的布局設(shè)計(jì)和圖形設(shè)計(jì)。在強(qiáng)烈的印象留空的組成元素,可以擴(kuò)大和改善視覺效果,有助于眼睛流,打破沉悶感。一些政府債務(wù)總額門戶網(wǎng)頁的信息,“寸土必爭(zhēng)”,完整的擁擠,給人的感覺“堵得慌”,這是因?yàn)榭瞻滋幚聿划?dāng)?shù)暮蠊?/p>

插圖4 齊白石的《蝦趣》

四、媒體設(shè)計(jì)與運(yùn)用

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

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

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

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

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

五、文字字體與字型

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

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

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

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

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

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

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

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

當(dāng)前題目：政府網(wǎng)站設(shè)計(jì)的要點(diǎn)分析
本文URL：http://www.muchs.cn/news45/173745.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)