響應式網頁設計教學應用研究
——以茶葉企業電子商務網站建設為例

師曉丹

（北華大學，吉林省吉林市132013）

響應式網頁設計為用戶提供了諸多便利。如，不論用戶在用手機還是電腦上網，響應式網頁的設計都能夠提供適宜的分辨率，不會讓用戶因為接受終端的不同而影響網頁的收看。有了響應式的網頁設計，電子商務網站也不再需要為不同的接觸終端設備設計不同的網頁形式。由此觀之，響應式網頁設計不僅為網站用戶們提供了瀏覽網頁的便利，也為網站設計的公司企業減少的了設計布局的成本。與此同時也為網站的設計提供了一個高度標準的網頁模式。茶葉企業電子商務網站使用響應式網頁設計也將享受到諸多的便捷。

1 茶企響應式網頁設計的優勢

我國是飲茶的大國，茶葉貿易在國內乃至世界的發展十分繁榮。在網絡迅猛發展的現代社會，茶葉在網絡上的交易也十分的頻繁，現如今，越來越多的人們通過互聯網來了解或購買茶葉。優秀的網頁設計水平能夠使得更多的人對相關茶葉企業產生好感，對茶葉的購買產生欲望，因此，茶葉企業的電子商務網站網頁的設計應用十分關鍵。響應式網頁設計的優勢有以下幾點。如，響應式網頁的設計有其固有的模板，減少了網頁設計布局的成本；對于不同用戶設備環境的強大適應性也使得用戶的使用更為輕松；建站的高標準化，使得建站的技術與水平更為規范。

1.1 減少布局成本

響應式網頁的設計方式在很大程度少減少了網站設計方的布局成本，一些基本的模板布局統一了設計方式。茶葉企業電子商務網站采用響應式的網頁設計可以極大的縮減自身在網站網頁設計中的開支，將更多的資金投入茶葉的生產流程與茶葉交易的經營管理部分。響應式網頁的設計擁有適應性極高的“萬能模板”，這樣的模板既可以幫助用戶快速獲取自己所要了解的信息，與此同時，設計布局的工程既簡單化，又可以達到同樣的用戶效果，茶企便有更多的時間精力投身于茶貿經營。

1.2 用戶使用輕松

有時設計精巧，設計難度較高的網頁設計風格并不能捕獲網頁用戶的風格，因為極少數的用戶會因為，一家企業的網頁設計風格好看，而增加對該網頁的瀏覽量與與網頁產品的購買量，大多數用戶瀏覽網頁都是“有備而來”，即帶著自己的目的來的，圖個輕松省事。如，一位顧客想要購買一種品種的茶葉，他便會在相關的茶葉企業的商務網站中，查閱這方面茶葉的一些具體的信息，倘若用戶能夠在網頁中輕松迅速的搜素查閱到自己所需要的信息，并且相當滿意的話，既節約了用戶的時間，又能提高企業的成交率。

1.3 建站高標準化

響應式網頁設計使得商務網站的建站技術更加的標準化，這也代表著商務網站設計技術的進步。網頁設計技術在業內的更進一步，能夠起到一個良好的帶頭作用。如，響應式網頁設計技術已經為行業的商務網站網頁的設計重新定位了一個標準化的模式，既可以讓相對落后的網頁設計有了模板和參照物，促使它們迎頭趕上，達到同樣的網頁設計標準，同時也以此為基準線，促使網頁設計在此基礎上不斷地更新超越，設計出更具有先鋒意義的建站技術。

2 茶企響應式網頁設計存在的問題

雖然響應式網頁設計的發展已經漸趨成熟，并且在大規模的應用中也獲得了極高的贊許，但與此同時，響應式網站所出現的一些問題也十分值得我們來重視，以茶葉企業的電子商務網站網頁的設計為例。如，一味的使用模板進行嵌套，雖然使得用戶的瀏覽更為快速便捷。但是不可否認單一的設計元素與布局，短期的應用影響力范圍也較小，但是如果長期的使用一貫的模板，會降低用戶對茶企的好感度，可能會認為該茶企是一個充滿惰性的企業，從而減少與該茶企的合作率。

2.1 設計布局單一

單一的設計布局對于網頁的設計而言，在一定程度上可以簡化網頁布局的流程，使得網頁的內容一目了然，對于想要迅速獲取信息的用戶來說，可以在很短的時間快速得到想要了解的信息。與此同時，另一個問題也被暴露出來，倘若所有的企業都是如出一轍的單一設計，那么每一企業的特色亮點該從何體現，網頁設計很大程度上，會被當成一個企業的門面，單一的布局設計也淡化了企業的特色，因此茶企還是應該在響應寺網頁的基礎之上增添自己的獨創設計。

2.2 設計元素簡化

設計元素的簡化這也是響應式網頁設計所存在的問題，設計元素的簡化，體現了網頁設計能力的退化，這是一個倒退的現象，如果每個企業都圖簡單方便，節約企業的成本，那么商務網站網頁的風格設計很有可能倒退最開始的網頁設計形式，“設計已死”的風潮足以讓我們人人自危。如，沒有模板可用的網頁設計時期，每位設計師都會發揮出自身最大的才華和能力來做好網頁的設計工作，并且會取得極高的成就感，但是響應式網頁的沖擊也使得許多設計師放棄了設計。

2.3 設計靈感固化

由于響應式網頁設計的強大的沖擊力，不少網頁設計師甘愿躺在響應式網頁設計的便捷布局中，放棄了設計靈感的追尋。如，對于許多的網頁設計師而言，獲得一個絕佳的靈感并不是一件容易的事情，因此設計師們往往會采取一個更加便利的方式，就是直接從素材網站中查找設計的素材，但是許多設計都用同樣的方式進行設計時，設計元素便會出現同質化的現象。網頁設計師們靈感也被固化在了一些素材收集的平臺上，茶企電子商務網站的網頁設計應該要及時預防此類行為。

3 茶企響應式網頁設計的應用

上文針對響應式網頁設計在現如今的發展中可能會出現的一些問題，對于茶葉企業的電子商務網站的響應式網頁設計的發展，尋找了一些既可以保留響應式網頁設計所帶來的便利之處，又可以在一定程度上彌補響應式網頁設計在發展過程中所遇到的缺憾。如。在茶企的網頁設計中，增加布局的設計感，來體現茶葉產品的特色；在響應式網頁設計中增強與用戶的互動，強化用戶的體驗感；設計多樣化的視覺主題，吸引用戶眼球。

3.1 增加布局設計感

增強網頁布局的設計感可以從以下幾個方面出發。如，茶企的電子商務網站可以每期都設計一個大的版式布局，用來突出每個階段所展現的產品的亮點與特色，這樣一來用戶既可以在第一時間找到網頁中的重要信息，與此同時也增強了用戶瀏覽的新鮮感；增加布局界面中的設計小元素，能夠讓用戶覺得耳目一新，進一步獲得用戶的好感度。

3.2 強化用戶體驗感

在茶企的響應式網頁設計的過程中，增加用戶的參與感與體驗感十分重要，因此加入與用戶互動交流的成分就顯得非常關鍵了。針對強化用戶的體驗感可以通過以下幾種辦法。如，在網頁設計中采用靈活多變的引導設計元素和風趣幽默的引導語；在網頁設計中融入一些“滑動”“滾動”“點擊查看更多”的小模板組塊，使得網頁設計“活”起來。

3.3 視覺主題多樣化

視覺主題的多樣化主要的體現在色彩的呼應與主題的定義，以及字體的選用等方面。因此茶企的響應式網頁設計的應用也可以從這幾個方面來著手。如，為每一期的網頁都選擇不同的搭調色彩組合與相應配合的字體，但是值得注意的是，色彩的選擇需要與每期的主題相吻合，這樣不會顯得格格不入。如此一來，可以有效增強用戶對于網頁的直觀視覺體驗。

4 結論

響應式網頁設計使得商務網站的建站技術更加的標準化，這也代表著商務網站設計技術的進步。本文以茶葉企業電子商務網站建設為例，對響應式的網頁設計教學應用進行研究，既可以為茶企的網站網頁設計提供思路，也為響應式網頁設計的發展摸索出了發展的新方向。