劉 玨

(廣西師范大學(xué)職業(yè)技術(shù)師范學(xué)院，廣西 南寧 541000)

【理論研究】

門戶網(wǎng)站設(shè)計創(chuàng)新
——以廣西農(nóng)村信用社門戶網(wǎng)站為例

劉 玨

(廣西師范大學(xué)職業(yè)技術(shù)師范學(xué)院，廣西 南寧 541000)

近年來門戶網(wǎng)站正處于蓬勃發(fā)展時期,本文以廣西農(nóng)信社門戶網(wǎng)站設(shè)計為例，從樹立銀行門戶網(wǎng)站形象,方便民眾瀏覽,提高銀行便民服務(wù)的角度出發(fā),由設(shè)計細(xì)節(jié)凸顯銀行門戶網(wǎng)站設(shè)計特色。(指出銀行門戶網(wǎng)站建設(shè)應(yīng)遵循服務(wù)為本、設(shè)計創(chuàng)新的理念。)

門戶網(wǎng)站；視覺元素；網(wǎng)頁設(shè)計；貼心便民

一、簡潔方便的界面

門戶網(wǎng)站是一個單位對外宣傳的網(wǎng)絡(luò)窗口，是方便廣大用戶的辦事平臺。方便和效率是評價一個門戶網(wǎng)站是否實用的標(biāo)準(zhǔn)，方便簡潔的界面決定使用的高效。廣西農(nóng)村信用社新版門戶網(wǎng)站，通過采用先進的技術(shù)和理念、成熟的產(chǎn)品，目標(biāo)是建設(shè)一套更為安全可靠、先進高效的門戶網(wǎng)站。新版的門戶網(wǎng)站幾大功能定位精練，操作方便，實用性強，基本分為：網(wǎng)站首頁、區(qū)社概況、業(yè)務(wù)推介、電子銀行、新聞中心、企業(yè)文化、人才招聘等。公眾在訪問一個銀行門戶網(wǎng)站時，都是帶有一定的目的性，希望快速定位到功能版塊，進一步了解了解內(nèi)容和業(yè)務(wù)。但是現(xiàn)今許多銀行的門戶網(wǎng)站為了更好地為客戶服務(wù)，尋求更多的方式，從而使得頁面過長，形式繁冗，布局混亂。使得閱讀者的搜索困難增大，對閱讀造成不便，影響服務(wù)效率。

廣西農(nóng)信社門戶網(wǎng)站網(wǎng)頁布局工整簡練，首頁導(dǎo)航欄目分為7個一級導(dǎo)航名稱，鼠標(biāo)劃過導(dǎo)航就會顯示更多信息。操作不復(fù)雜，能夠準(zhǔn)確定位到想要了解的信息。布局柵格工整，網(wǎng)站首頁及其他頁面風(fēng)格色彩淡雅、美觀大方，視覺效果鮮明同時不易造成審美疲勞，定位清晰、站點主題明確、功能設(shè)計上遵循簡潔易用的原則，突出重點欄目設(shè)計，突出銀行業(yè)的特色設(shè)計。布局具有整體性的特點，短小精干的欄目標(biāo)題，識別性強，新增的電子地圖功能也在很醒目的位置，方便用戶查詢。新網(wǎng)站新增和完善了很多便民的功能，例如：新增地圖查詢網(wǎng)點和ATM機位置信息、在線客戶、網(wǎng)上直撥客戶熱線等功能。力求把廣西農(nóng)村信用社門戶網(wǎng)站群建設(shè)成為外觀大氣、功能齊全、內(nèi)容豐富、更新及時、服務(wù)到位、制度健全、考核機制完善的對外宣傳窗口和公眾交流服務(wù)平臺。

二、易于識別的視覺元素

(一) 色彩設(shè)計

銀行門戶網(wǎng)站是為老百姓提供金融服務(wù)的平臺。首先，顏色選擇的過程中需要思考一般老百姓的喜好和色彩趨向。第二，在色彩的運用中數(shù)量要有一個限制，給人穩(wěn)重、和諧、舒服的感受。第三，要考慮到網(wǎng)站整體色調(diào)與形式美感的和諧統(tǒng)一，色彩不宜過多。

色彩是銀行門戶網(wǎng)站的重要組成部分。在排版美觀的基礎(chǔ)上，色彩的使用起到了十分重要的作用。好比一位優(yōu)雅的少女戴上了一件精美的飾品一般，讓人賞心悅目。隨著人們生活水平的提高，在生活中對色彩使用的關(guān)注度也不斷增加。所以，美觀的色彩運用，在美化門戶網(wǎng)站的同時，網(wǎng)站的色彩搭配對網(wǎng)站的推廣和宣傳作用也是不言而喻。

廣西農(nóng)村信用社門戶網(wǎng)站在色彩搭配上是不同明度的紅色為主色，米白色的背景進行烘托。在門戶網(wǎng)站用色的選擇上，穩(wěn)重的色系是首選。紅色系的選擇，給人大氣莊重的感覺。尤其是信息欄采用深紅色而公告欄和分隔欄用大紅色，明快又不失清新。廣西農(nóng)村信用社作為新興企業(yè)，在顏色的選擇上更應(yīng)活潑有特色。

紅色通常是最受歡迎的顏色之一，無論是自然流露還是刻意為之，都象征著力量和生命力。與形態(tài)相比，色彩能給人以更深刻的印象，對消費者也有更強的訴求力。作為一種標(biāo)識導(dǎo)向，色彩最大的作用就在于能夠向受眾傳播一定的情感。有層次的紅色給人柔和的感覺，滿足人們的精神需求。

2015年2月11日，廣西農(nóng)村信用社新版門戶網(wǎng)站正式上線運行，在主頁面的用戶登錄欄色調(diào)的搭配上更是使用了淺紅與白色登錄欄對比的組合，而“個人網(wǎng)銀登錄”、“企業(yè)網(wǎng)銀登錄”、“銀銀平臺登錄”“網(wǎng)上商城”欄目使用紅色漸變欄，鼠標(biāo)移入框內(nèi)文字會自動向左縮進，右側(cè)出現(xiàn)箭頭。使用者更容易找到瀏覽內(nèi)容，進而使銀行門戶網(wǎng)站更高效完成任務(wù)。

(二)字體、文字

文字排版是網(wǎng)站設(shè)計的重要組成部分，具有信息傳遞的功能，也需要創(chuàng)意設(shè)計。不同種類的字體，有著自身的表達內(nèi)涵。廣西農(nóng)信社網(wǎng)站作為銀行門戶網(wǎng)站，應(yīng)具有正式感，在字體的選擇上，正文內(nèi)容選擇宋體，正文的小標(biāo)題應(yīng)用黑體，提高了網(wǎng)站的可閱讀性。加之背景顏色的相映襯，更顯出和諧的閱讀空間。

三、貼心便民的服務(wù)細(xì)節(jié)

衡量一個網(wǎng)站的好與壞，不僅僅是版塊的排版，整體的布局，還要在信息的數(shù)量、顏色的使用、圖片的說明上恰到好處，在實際應(yīng)用上也要仔細(xì)斟酌，尤其是服務(wù)性質(zhì)的網(wǎng)站，更要在服務(wù)細(xì)節(jié)上下足功夫，讓公眾更加體會到貼心和便民。廣西農(nóng)村信用社門戶網(wǎng)站在服務(wù)細(xì)節(jié)上有很多值得設(shè)計者欣賞和學(xué)習(xí)的地方。

廣西農(nóng)村信用社門戶網(wǎng)站的主菜單欄看上去簡潔清爽，但瀏覽者鼠標(biāo)在菜單欄劃過，會發(fā)現(xiàn)主菜單下會快速自動的展示出二級導(dǎo)航界面，并且由于導(dǎo)航的欄目內(nèi)容較多，瀏覽者可以通過右上角的搜索功能，搜索查詢想要了解的業(yè)務(wù)和功能，在定位功能上充分體現(xiàn)了服務(wù)細(xì)節(jié)和客戶體驗。

新版網(wǎng)站突破傳統(tǒng)網(wǎng)站簡單的文字和圖片的硬性的組合，此外新版網(wǎng)站也有一些帶有新鮮感的設(shè)計理念，有許多新穎的效果和功能，讓你在瀏覽網(wǎng)頁的同時有眼前一亮特殊的效果，比如網(wǎng)站中很多業(yè)務(wù)功能當(dāng)鼠標(biāo)劃過業(yè)務(wù)該業(yè)務(wù)會自動展示出詳細(xì)介紹，鼠標(biāo)滑過亦有相應(yīng)效果，使整個網(wǎng)頁簡約有新意，增加了很多人性化的樣式。

每一家銀行營業(yè)網(wǎng)點分布在全區(qū)各個地方，想了解營業(yè)網(wǎng)點位置需要借助第三方的地圖進行查詢，有很多地圖由于不能及時的更新位置信息，導(dǎo)致顯示和引導(dǎo)的錯誤，公眾使用起來很不方便。廣西農(nóng)村信用社門戶網(wǎng)站新增了電子地圖功能，提供全區(qū)農(nóng)村信用社網(wǎng)點、ATM機的查詢，用地圖的形式展現(xiàn)，直觀方便進行查看所有的位置信息。實時更新位置坐標(biāo)信息，公眾能夠準(zhǔn)確定位，點擊可以查詢網(wǎng)點詳細(xì)信息，方便公眾業(yè)務(wù)辦理。提供多種查詢條件，支持所有縣級偏遠(yuǎn)地圖顯示，以經(jīng)緯度坐標(biāo)精確定位。地圖設(shè)計樣式很人性化，標(biāo)志文字清晰可見，查找方便，可以說，這樣的設(shè)計功能兼顧了美觀和實用性。

整個網(wǎng)站所有頁面使用了自動識別的兼容形式，網(wǎng)站支持不同大小電腦屏幕進行瀏覽網(wǎng)頁，網(wǎng)站的分辨率會根據(jù)屏幕的大小進行自適應(yīng)，查看的效果和感官都是一樣的，不會因為屏幕的大小而感到失真。同時網(wǎng)站也支持所有的瀏覽器，不會產(chǎn)生由于不同的瀏覽器導(dǎo)致圖片文字的變形。這些貼心便民的服務(wù)細(xì)節(jié)累計起來，會讓公眾對新版網(wǎng)站的認(rèn)可度不斷提升，不僅讓公眾感覺只有在需要的時候才會使用，而且會讓公眾有種喜歡用，經(jīng)常用的感覺，這樣才是新版網(wǎng)站服務(wù)于人民的最終目標(biāo)。

一個優(yōu)秀的門戶網(wǎng)站將有助于企業(yè)品牌形象的推廣，是企業(yè)軟實力的綜合展示平臺之一。廣西農(nóng)村信用社新版門戶網(wǎng)站，作為銀行品牌形象的推廣，突破了以往存在的文字繁復(fù)、導(dǎo)航分類不清晰、界面設(shè)計不美觀等問題，體現(xiàn)了企業(yè)文化內(nèi)涵。設(shè)計師在進行網(wǎng)頁設(shè)計時要盡量與企業(yè)形象保持一致，不能拘泥于狹小的范圍，要具備開闊的視野和合理的創(chuàng)造性，以達到企業(yè)形象的定位從而營造最完美的瀏覽體驗達到最佳宣傳和媒介效用。

[1]張毅,鄭露.城市門戶網(wǎng)站設(shè)計分析[J].包裝工程，2014(3).

[2]梁日升,楊杰.網(wǎng)頁藝術(shù)設(shè)計[M].北京：機械工業(yè)出版社，2011.

[3]羅玉娟.基于以人為本理念的服務(wù)型政府網(wǎng)站構(gòu)建[J].現(xiàn)代經(jīng)濟信息，2009(11).

[4]劉雪平,艾治瓊.Web2.0 網(wǎng)站的版面設(shè)計[J].今日科苑，2008(10).

[5]楊冰之,鄭愛軍.服務(wù)型政府網(wǎng)站的本質(zhì)特征與表現(xiàn)形式[J].信息化建設(shè)，2008(4).

[6]邢慶華.色彩[M].南京：東南大學(xué)出版社，2005.

2016-12-10

劉玨(1986-)，女，廣西桂林人，廣西師范大學(xué)職業(yè)技術(shù)師范學(xué)院助教，碩士，研究方向：設(shè)計藝術(shù)學(xué)。

TP393.1

A

1672-2086(2017)01-0039-02