師曉丹

（北華大學(xué)，吉林省吉林市132013）

響應(yīng)式網(wǎng)頁設(shè)計(jì)為用戶提供了諸多便利。如，不論用戶在用手機(jī)還是電腦上網(wǎng)，響應(yīng)式網(wǎng)頁的設(shè)計(jì)都能夠提供適宜的分辨率，不會(huì)讓用戶因?yàn)榻邮芙K端的不同而影響網(wǎng)頁的收看。有了響應(yīng)式的網(wǎng)頁設(shè)計(jì)，電子商務(wù)網(wǎng)站也不再需要為不同的接觸終端設(shè)備設(shè)計(jì)不同的網(wǎng)頁形式。由此觀之，響應(yīng)式網(wǎng)頁設(shè)計(jì)不僅為網(wǎng)站用戶們提供了瀏覽網(wǎng)頁的便利，也為網(wǎng)站設(shè)計(jì)的公司企業(yè)減少的了設(shè)計(jì)布局的成本。與此同時(shí)也為網(wǎng)站的設(shè)計(jì)提供了一個(gè)高度標(biāo)準(zhǔn)的網(wǎng)頁模式。茶葉企業(yè)電子商務(wù)網(wǎng)站使用響應(yīng)式網(wǎng)頁設(shè)計(jì)也將享受到諸多的便捷。

1 茶企響應(yīng)式網(wǎng)頁設(shè)計(jì)的優(yōu)勢(shì)

我國是飲茶的大國，茶葉貿(mào)易在國內(nèi)乃至世界的發(fā)展十分繁榮。在網(wǎng)絡(luò)迅猛發(fā)展的現(xiàn)代社會(huì)，茶葉在網(wǎng)絡(luò)上的交易也十分的頻繁，現(xiàn)如今，越來越多的人們通過互聯(lián)網(wǎng)來了解或購買茶葉。優(yōu)秀的網(wǎng)頁設(shè)計(jì)水平能夠使得更多的人對(duì)相關(guān)茶葉企業(yè)產(chǎn)生好感，對(duì)茶葉的購買產(chǎn)生欲望，因此，茶葉企業(yè)的電子商務(wù)網(wǎng)站網(wǎng)頁的設(shè)計(jì)應(yīng)用十分關(guān)鍵。響應(yīng)式網(wǎng)頁設(shè)計(jì)的優(yōu)勢(shì)有以下幾點(diǎn)。如，響應(yīng)式網(wǎng)頁的設(shè)計(jì)有其固有的模板，減少了網(wǎng)頁設(shè)計(jì)布局的成本；對(duì)于不同用戶設(shè)備環(huán)境的強(qiáng)大適應(yīng)性也使得用戶的使用更為輕松；建站的高標(biāo)準(zhǔn)化，使得建站的技術(shù)與水平更為規(guī)范。

1.1 減少布局成本

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

1.2 用戶使用輕松

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

1.3 建站高標(biāo)準(zhǔn)化

響應(yīng)式網(wǎng)頁設(shè)計(jì)使得商務(wù)網(wǎng)站的建站技術(shù)更加的標(biāo)準(zhǔn)化，這也代表著商務(wù)網(wǎng)站設(shè)計(jì)技術(shù)的進(jìn)步。網(wǎng)頁設(shè)計(jì)技術(shù)在業(yè)內(nèi)的更進(jìn)一步，能夠起到一個(gè)良好的帶頭作用。如，響應(yīng)式網(wǎng)頁設(shè)計(jì)技術(shù)已經(jīng)為行業(yè)的商務(wù)網(wǎng)站網(wǎng)頁的設(shè)計(jì)重新定位了一個(gè)標(biāo)準(zhǔn)化的模式，既可以讓相對(duì)落后的網(wǎng)頁設(shè)計(jì)有了模板和參照物，促使它們迎頭趕上，達(dá)到同樣的網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)，同時(shí)也以此為基準(zhǔn)線，促使網(wǎng)頁設(shè)計(jì)在此基礎(chǔ)上不斷地更新超越，設(shè)計(jì)出更具有先鋒意義的建站技術(shù)。

2 茶企響應(yīng)式網(wǎng)頁設(shè)計(jì)存在的問題

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

2.1 設(shè)計(jì)布局單一

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

2.2 設(shè)計(jì)元素簡化

設(shè)計(jì)元素的簡化這也是響應(yīng)式網(wǎng)頁設(shè)計(jì)所存在的問題，設(shè)計(jì)元素的簡化，體現(xiàn)了網(wǎng)頁設(shè)計(jì)能力的退化，這是一個(gè)倒退的現(xiàn)象，如果每個(gè)企業(yè)都圖簡單方便，節(jié)約企業(yè)的成本，那么商務(wù)網(wǎng)站網(wǎng)頁的風(fēng)格設(shè)計(jì)很有可能倒退最開始的網(wǎng)頁設(shè)計(jì)形式，“設(shè)計(jì)已死”的風(fēng)潮足以讓我們?nèi)巳俗晕?。如，沒有模板可用的網(wǎng)頁設(shè)計(jì)時(shí)期，每位設(shè)計(jì)師都會(huì)發(fā)揮出自身最大的才華和能力來做好網(wǎng)頁的設(shè)計(jì)工作，并且會(huì)取得極高的成就感，但是響應(yīng)式網(wǎng)頁的沖擊也使得許多設(shè)計(jì)師放棄了設(shè)計(jì)。

2.3 設(shè)計(jì)靈感固化

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

3 茶企響應(yīng)式網(wǎng)頁設(shè)計(jì)的應(yīng)用

上文針對(duì)響應(yīng)式網(wǎng)頁設(shè)計(jì)在現(xiàn)如今的發(fā)展中可能會(huì)出現(xiàn)的一些問題，對(duì)于茶葉企業(yè)的電子商務(wù)網(wǎng)站的響應(yīng)式網(wǎng)頁設(shè)計(jì)的發(fā)展，尋找了一些既可以保留響應(yīng)式網(wǎng)頁設(shè)計(jì)所帶來的便利之處，又可以在一定程度上彌補(bǔ)響應(yīng)式網(wǎng)頁設(shè)計(jì)在發(fā)展過程中所遇到的缺憾。如。在茶企的網(wǎng)頁設(shè)計(jì)中，增加布局的設(shè)計(jì)感，來體現(xiàn)茶葉產(chǎn)品的特色；在響應(yīng)式網(wǎng)頁設(shè)計(jì)中增強(qiáng)與用戶的互動(dòng)，強(qiáng)化用戶的體驗(yàn)感；設(shè)計(jì)多樣化的視覺主題，吸引用戶眼球。

3.1 增加布局設(shè)計(jì)感

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

3.2 強(qiáng)化用戶體驗(yàn)感

在茶企的響應(yīng)式網(wǎng)頁設(shè)計(jì)的過程中，增加用戶的參與感與體驗(yàn)感十分重要，因此加入與用戶互動(dòng)交流的成分就顯得非常關(guān)鍵了。針對(duì)強(qiáng)化用戶的體驗(yàn)感可以通過以下幾種辦法。如，在網(wǎng)頁設(shè)計(jì)中采用靈活多變的引導(dǎo)設(shè)計(jì)元素和風(fēng)趣幽默的引導(dǎo)語；在網(wǎng)頁設(shè)計(jì)中融入一些“滑動(dòng)”“滾動(dòng)”“點(diǎn)擊查看更多”的小模板組塊，使得網(wǎng)頁設(shè)計(jì)“活”起來。

3.3 視覺主題多樣化

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

4 結(jié)論

響應(yīng)式網(wǎng)頁設(shè)計(jì)使得商務(wù)網(wǎng)站的建站技術(shù)更加的標(biāo)準(zhǔn)化，這也代表著商務(wù)網(wǎng)站設(shè)計(jì)技術(shù)的進(jìn)步。本文以茶葉企業(yè)電子商務(wù)網(wǎng)站建設(shè)為例，對(duì)響應(yīng)式的網(wǎng)頁設(shè)計(jì)教學(xué)應(yīng)用進(jìn)行研究，既可以為茶企的網(wǎng)站網(wǎng)頁設(shè)計(jì)提供思路，也為響應(yīng)式網(wǎng)頁設(shè)計(jì)的發(fā)展摸索出了發(fā)展的新方向。