響應式圖書館門戶網站設計

摘 要：近年來，隨著計算機、互聯網等現代科技發展，信息化時代已然成形，并在很大程度上影響著人們的生產生活。尤其是移動互聯技術的開發，更是為人類信息交互提供了新的通道，便捷性功能表現更為突出。基于龐大的移動終端用戶數量，圖書館門戶網站必須進行積極的創新變革，以用戶體驗為中心，優化設計，實現更大范圍內的知識信息友好交互。本文基于對響應式圖書館門戶網站設計發展需求的定位與論述，就其實現相關進行了探究。

關鍵詞：圖書館門戶網站;響應式設計;技術;發展

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

一、發展需求

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

二、遵循原則

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

三、核心技術

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

四、實現路徑

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

五、結語

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

參考文獻：

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

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

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

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