劉 玨

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

【理論研究】

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

劉 玨

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

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

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

一、簡潔方便的界面

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

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

二、易于識(shí)別的視覺元素

(一) 色彩設(shè)計(jì)

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

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

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

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

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

(二)字體、文字

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

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

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

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

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

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

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

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

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

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

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

[4]劉雪平,艾治瓊.Web2.0 網(wǎng)站的版面設(shè)計(jì)[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è)計(jì)藝術(shù)學(xué)。

TP393.1

A

1672-2086(2017)01-0039-02