響應式圖書館門戶網(wǎng)站設計

摘 要：近年來，隨著計算機、互聯(lián)網(wǎng)等現(xiàn)代科技發(fā)展，信息化時代已然成形，并在很大程度上影響著人們的生產(chǎn)生活。尤其是移動互聯(lián)技術的開發(fā)，更是為人類信息交互提供了新的通道，便捷性功能表現(xiàn)更為突出?；邶嫶蟮囊苿咏K端用戶數(shù)量，圖書館門戶網(wǎng)站必須進行積極的創(chuàng)新變革，以用戶體驗為中心，優(yōu)化設計，實現(xiàn)更大范圍內(nèi)的知識信息友好交互。本文基于對響應式圖書館門戶網(wǎng)站設計發(fā)展需求的定位與論述，就其實現(xiàn)相關進行了探究。

關鍵詞：圖書館門戶網(wǎng)站;響應式設計;技術;發(fā)展

時至今日，移動設備已然成為了現(xiàn)代人生活中的標配，如手機、電腦等，加速著移動圖書館的發(fā)展，并積累了龐大的用戶群體?；陧憫皆O計的高校圖書館門戶網(wǎng)站建設，改變了傳統(tǒng)的網(wǎng)站頁面布局模式，以獨特、多變的風格提升了視覺印象，滿足了用戶的個性化需求，對增強讀者黏性有著重要的現(xiàn)實意義，相關方面的課題研究備受關注和熱議。

一、發(fā)展需求

知識經(jīng)濟時代，面對愈加激烈的社會競爭格局，人們的知識渴求度急速攀升，圖書館作為重要的知識資源輸出陣地，由此迎來了巨大的發(fā)展機遇。同時，宏觀信息化生態(tài)下，互聯(lián)網(wǎng)技術應用普及，為信息交互創(chuàng)造了諸多便捷性操作條件，且種類構成多樣，日漸積累了十分龐大的受眾群體，成為了圖書館服務輸出的主陣地之一。因此，越來越多的圖書館開始著手信息化建設，并朝著“移動”的領域邁進，以迎合社會主流需求。目前，師生使用手機、筆記本、PAD等移動終端越來越多，傳統(tǒng)網(wǎng)站建設并未考慮移動設備的顯示和兼容問題，直接影響了用戶體驗。一般來講，對于上述問題的解決，需要設計多套網(wǎng)頁，從而為各種設備匹配不同的版本，是真正實現(xiàn)以用戶體驗中心的圖書館服務發(fā)展關鍵舉措。在現(xiàn)實的操作中，由于圖書館自身的技術研發(fā)能力有限，移動服務輸出主要依靠第三方平臺，導致同質化現(xiàn)象嚴重，個性化定制內(nèi)容稀缺等系列問題突出。而響應式圖書館門戶網(wǎng)站設計，則很好地適配了各種尺寸設備，上述問題迎刃而解。所謂響應式網(wǎng)頁設計，率先由美國知名網(wǎng)站設計師Ethan Marcotte提出，是指可以自動識別屏幕寬度，并做出相應調整的網(wǎng)頁設計，因而能夠兼容更多尺寸規(guī)格的設備，得到了用戶的廣泛青睞。相較于其他網(wǎng)站設計技術，響應式設計的開發(fā)成本低，且不涉及安裝成本，可進行重要和重復數(shù)據(jù)的本地保存，跨平臺終端無需分配子域，保證了訪問地址的唯一性，有助于個性化定制服務輸出，是圖書館門戶網(wǎng)站建設的未來方向。

二、遵循原則

響應式網(wǎng)頁設計開通了新的設計思維領域，通過集中創(chuàng)建頁面的內(nèi)容排版設計，使之能夠智能地根據(jù)用戶行為及其使用的設備環(huán)境進行對應布局，包括系統(tǒng)平臺、屏幕定向以及屏幕分辨率等。友好的用戶體驗是響應式圖書館門戶網(wǎng)站設計的初衷所在，并使之功能優(yōu)勢得到了最大釋放。為了更好地推動該項技術發(fā)展與應用，QA公司首席技術專家David Walker從實際開發(fā)層次總結了響應式網(wǎng)站設計的原則，包括建立流動布局、使用CSS3、使用自適應圖片。其中，建立流動布局要求所有容器的寬度必須定義成瀏覽器的百分比。使用CSS3則要求根據(jù)媒體類型及參數(shù)的不同，采取不同的樣式設計。使用自適應圖片要求圖片不得超過最大顯示寬度。事實上，布局適配小屏幕時的圖片顯示是相當清楚的，并隨著分辨率提高，設計逐步增強。目前來講，臺式開發(fā)技術的發(fā)展已然相當成熟，移動互聯(lián)網(wǎng)時代背景下，移動終端設備的應用愈加廣泛，是未來響應式圖書館門戶網(wǎng)站設計的關重點所在。除此之外，業(yè)內(nèi)公認的響應式網(wǎng)站設計還需遵循宏觀性原則和彈性化原則。具體而言，宏觀性原則要求在響應式網(wǎng)站設計之初，就需衡量不同類型用戶的需求，選擇一種網(wǎng)頁盡可能保證其在各種設備上的顯示效果，并做到合理取舍，從而提升多數(shù)用戶的體驗。彈性化原則作為響應式網(wǎng)站設計的基本遵循，亦是其功能優(yōu)勢的關鍵體現(xiàn)，以媒體查詢技術為依托，在不同尺寸的設備上呈現(xiàn)出流動式的不同顯示效果，并能夠根據(jù)視口大小自動調整顯示位置，盡量做到簡潔、可視的頁面布局。

三、核心技術

響應式圖書館門戶網(wǎng)站設計的核心技術包括媒體查詢、彈性視覺媒體和流動布局。其中，媒體查詢作為CSS3規(guī)范中的重要模塊，實現(xiàn)了按設備特性來分級控制的頁面布局設計。在該項技術支持下，圖書館門戶網(wǎng)站可自動識別用戶終端設備的條件語言，并對其物理屬性和瀏覽器屬性進行檢查，包括寬度、方向等，最終選擇性地供應樣式表，允許建立使用相同的HTML文件多個布局?，F(xiàn)階段而言，幾乎所有的瀏覽器都支持CSS3媒體查詢功能，即使一些較為陳舊的網(wǎng)站瀏覽器，亦可通過一些替代方案解決媒體查詢不支持的問題。與此同時，隨著響應式圖書館門戶網(wǎng)站瀏覽器的寬度適配變化，其內(nèi)容風格、布局及比例等亦會進行相應的變更，最大限度地保證了用戶無縫體驗。彈性視覺媒體處理是保證響應式圖書館門戶網(wǎng)站效果的關鍵一環(huán)，包括文字、圖片、視頻、動畫等。隨著5G時代的到來，移動終端設備的帶寬得到了很大延展，但仍舊作為其硬傷所在。如果單純地進行頁面布局的響應式處理，手機訪問圖片還是PC上的大圖，勢必會消耗較大的流量，且請求時間延長，一定程度上影響了用戶閱讀興趣。因此，彈性視覺媒體處理顯得至關重要，即根據(jù)移動終端設備的屏幕分辨率適配合理的圖形，保證了清晰度和請求時間。流動布局則是通過浮動和百分比寬度來實現(xiàn)圖書館門戶網(wǎng)頁布局的“流動”，動態(tài)重組布局區(qū)塊的同時，減少了創(chuàng)建的斷點數(shù)，從而保證了呈現(xiàn)效果。在本案研究中，依托bootstrap柵格系統(tǒng)，實現(xiàn)了一系列行與列的組合，并集合了多種創(chuàng)建好的頁面布局。

四、實現(xiàn)路徑

從技術層次上講，改造舊式網(wǎng)頁的難度較大，而新建網(wǎng)頁的開發(fā)成本偏高、耗時較長，相比之下響應式圖書館門戶網(wǎng)站設計的價值效益更加突出，可以適配電腦或手機等不同設備，靈活性表現(xiàn)更強，能夠給用戶帶來統(tǒng)一的視覺體驗，增強了其粘度，是推動圖書館服務持續(xù)發(fā)展的有效路徑。同時，在本案研究中，基于bootstrap框架有機地將HTML、CSS和JavaScript整合在一起，賦予了其CSS動態(tài)屬性，能夠滿足不同尺寸設備的顯示要求，并且為了減少工作量，采取前端響應式設計，加快了開發(fā)進度，相應成本消耗較低。當然，響應式圖書館門戶網(wǎng)站設計并非盡善盡美，只兼容IE9以下的瀏覽器，可在新網(wǎng)站建設中植入判斷模塊，如果檢測到用戶瀏覽器不支持條件，則自動跳轉到舊的網(wǎng)站頁面，從而有效保障了用戶體驗。在具體的設計實踐中，還需注重個性化定制服務建設，不斷豐富功能模塊構成，如報名、投票、評論、視頻、附件上傳等插件，并可設置不同風格的模板，由用戶自定義切換，從而滿足他們的多樣化需求。目前來講，我國響應式圖書館門戶網(wǎng)站設計的發(fā)展尚未完全成熟，只有少數(shù)高校完成了開發(fā)。正是基于師生用戶需求考量，加之響應式圖書館門戶網(wǎng)站設計的多重功能優(yōu)勢，應當?shù)玫皆盒ｎI導層面的高度重視與支持，緊跟時代潮流，結合自身實際情況，逐步加大相關方面的物力與人才支持，為推動新型圖書館門戶發(fā)展奠定厚實的基礎，實現(xiàn)更高質量的服務輸出，最大限度地釋放圖書館功能價值，助力高?？蒲?、教學等系列工作的有效展開。

五、結語

綜上所述，響應式圖書館門戶網(wǎng)站設計，開啟了用戶移動閱讀新的體驗方式，更為個性化的版面設計，贏得了廣大用戶群體的青睞，是圖書館門戶網(wǎng)站建設的主流趨勢，在實際踐行過程中，依托精準的需求定位，遵循宏觀性、彈性化等原則導向，充分利用媒體查詢、彈性視覺媒體以及流動布局等核心技術優(yōu)勢，實現(xiàn)更高質量的信息服務輸出，同時應當?shù)玫皆盒ｎI導的高度重視與支持，實現(xiàn)其功能價值最大化。

參考文獻：

[1]王玥琳.基于響應式圖書館網(wǎng)站構建的探討[J].產(chǎn)業(yè)與科技論壇，2016，15（09）：60-61.

[2]曹樹金，吳育冰.響應式Web設計及其在圖書館門戶網(wǎng)站中的應用——以“211”高校圖書館為例[J].圖書情報研究，2016，9（01）：30-34.

[3]馮春英.基于響應式Web設計的新型圖書館門戶網(wǎng)站構建[J].圖書館學研究，2015（15）：34-40.

作者簡介：李寧（1977—），男，漢族，重慶長壽人，館員，研究方向：數(shù)字圖書館。