响应式网页设计教学应用研究<br/>——以茶叶企业电子商务网站建设为例

响应式网页设计教学应用研究
——以茶叶企业电子商务网站建设为例

2019-01-07师晓丹

福建茶叶 2019年3期

师晓丹

（北华大学，吉林省吉林市132013）

响应式网页设计为用户提供了诸多便利。如，不论用户在用手机还是电脑上网，响应式网页的设计都能够提供适宜的分辨率，不会让用户因为接受终端的不同而影响网页的收看。有了响应式的网页设计，电子商务网站也不再需要为不同的接触终端设备设计不同的网页形式。由此观之，响应式网页设计不仅为网站用户们提供了浏览网页的便利，也为网站设计的公司企业减少的了设计布局的成本。与此同时也为网站的设计提供了一个高度标准的网页模式。茶叶企业电子商务网站使用响应式网页设计也将享受到诸多的便捷。

1 茶企响应式网页设计的优势

我国是饮茶的大国，茶叶贸易在国内乃至世界的发展十分繁荣。在网络迅猛发展的现代社会，茶叶在网络上的交易也十分的频繁，现如今，越来越多的人们通过互联网来了解或购买茶叶。优秀的网页设计水平能够使得更多的人对相关茶叶企业产生好感，对茶叶的购买产生欲望，因此，茶叶企业的电子商务网站网页的设计应用十分关键。响应式网页设计的优势有以下几点。如，响应式网页的设计有其固有的模板，减少了网页设计布局的成本；对于不同用户设备环境的强大适应性也使得用户的使用更为轻松；建站的高标准化，使得建站的技术与水平更为规范。

1.1 减少布局成本

响应式网页的设计方式在很大程度少减少了网站设计方的布局成本，一些基本的模板布局统一了设计方式。茶叶企业电子商务网站采用响应式的网页设计可以极大的缩减自身在网站网页设计中的开支，将更多的资金投入茶叶的生产流程与茶叶交易的经营管理部分。响应式网页的设计拥有适应性极高的“万能模板”，这样的模板既可以帮助用户快速获取自己所要了解的信息，与此同时，设计布局的工程既简单化，又可以达到同样的用户效果，茶企便有更多的时间精力投身于茶贸经营。

1.2 用户使用轻松

有时设计精巧，设计难度较高的网页设计风格并不能捕获网页用户的风格，因为极少数的用户会因为，一家企业的网页设计风格好看，而增加对该网页的浏览量与与网页产品的购买量，大多数用户浏览网页都是“有备而来”，即带着自己的目的来的，图个轻松省事。如，一位顾客想要购买一种品种的茶叶，他便会在相关的茶叶企业的商务网站中，查阅这方面茶叶的一些具体的信息，倘若用户能够在网页中轻松迅速的搜素查阅到自己所需要的信息，并且相当满意的话，既节约了用户的时间，又能提高企业的成交率。

1.3 建站高标准化

响应式网页设计使得商务网站的建站技术更加的标准化，这也代表着商务网站设计技术的进步。网页设计技术在业内的更进一步，能够起到一个良好的带头作用。如，响应式网页设计技术已经为行业的商务网站网页的设计重新定位了一个标准化的模式，既可以让相对落后的网页设计有了模板和参照物，促使它们迎头赶上，达到同样的网页设计标准，同时也以此为基准线，促使网页设计在此基础上不断地更新超越，设计出更具有先锋意义的建站技术。

2 茶企响应式网页设计存在的问题

虽然响应式网页设计的发展已经渐趋成熟，并且在大规模的应用中也获得了极高的赞许，但与此同时，响应式网站所出现的一些问题也十分值得我们来重视，以茶叶企业的电子商务网站网页的设计为例。如，一味的使用模板进行嵌套，虽然使得用户的浏览更为快速便捷。但是不可否认单一的设计元素与布局，短期的应用影响力范围也较小，但是如果长期的使用一贯的模板，会降低用户对茶企的好感度，可能会认为该茶企是一个充满惰性的企业，从而减少与该茶企的合作率。

2.1 设计布局单一

单一的设计布局对于网页的设计而言，在一定程度上可以简化网页布局的流程，使得网页的内容一目了然，对于想要迅速获取信息的用户来说，可以在很短的时间快速得到想要了解的信息。与此同时，另一个问题也被暴露出来，倘若所有的企业都是如出一辙的单一设计，那么每一企业的特色亮点该从何体现，网页设计很大程度上，会被当成一个企业的门面，单一的布局设计也淡化了企业的特色，因此茶企还是应该在响应寺网页的基础之上增添自己的独创设计。

2.2 设计元素简化

设计元素的简化这也是响应式网页设计所存在的问题，设计元素的简化，体现了网页设计能力的退化，这是一个倒退的现象，如果每个企业都图简单方便，节约企业的成本，那么商务网站网页的风格设计很有可能倒退最开始的网页设计形式，“设计已死”的风潮足以让我们人人自危。如，没有模板可用的网页设计时期，每位设计师都会发挥出自身最大的才华和能力来做好网页的设计工作，并且会取得极高的成就感，但是响应式网页的冲击也使得许多设计师放弃了设计。

2.3 设计灵感固化

由于响应式网页设计的强大的冲击力，不少网页设计师甘愿躺在响应式网页设计的便捷布局中，放弃了设计灵感的追寻。如，对于许多的网页设计师而言，获得一个绝佳的灵感并不是一件容易的事情，因此设计师们往往会采取一个更加便利的方式，就是直接从素材网站中查找设计的素材，但是许多设计都用同样的方式进行设计时，设计元素便会出现同质化的现象。网页设计师们灵感也被固化在了一些素材收集的平台上，茶企电子商务网站的网页设计应该要及时预防此类行为。

3 茶企响应式网页设计的应用

上文针对响应式网页设计在现如今的发展中可能会出现的一些问题，对于茶叶企业的电子商务网站的响应式网页设计的发展，寻找了一些既可以保留响应式网页设计所带来的便利之处，又可以在一定程度上弥补响应式网页设计在发展过程中所遇到的缺憾。如。在茶企的网页设计中，增加布局的设计感，来体现茶叶产品的特色；在响应式网页设计中增强与用户的互动，强化用户的体验感；设计多样化的视觉主题，吸引用户眼球。

3.1 增加布局设计感

增强网页布局的设计感可以从以下几个方面出发。如，茶企的电子商务网站可以每期都设计一个大的版式布局，用来突出每个阶段所展现的产品的亮点与特色，这样一来用户既可以在第一时间找到网页中的重要信息，与此同时也增强了用户浏览的新鲜感；增加布局界面中的设计小元素，能够让用户觉得耳目一新，进一步获得用户的好感度。

3.2 强化用户体验感

在茶企的响应式网页设计的过程中，增加用户的参与感与体验感十分重要，因此加入与用户互动交流的成分就显得非常关键了。针对强化用户的体验感可以通过以下几种办法。如，在网页设计中采用灵活多变的引导设计元素和风趣幽默的引导语；在网页设计中融入一些“滑动”“滚动”“点击查看更多”的小模板组块，使得网页设计“活”起来。

3.3 视觉主题多样化

视觉主题的多样化主要的体现在色彩的呼应与主题的定义，以及字体的选用等方面。因此茶企的响应式网页设计的应用也可以从这几个方面来着手。如，为每一期的网页都选择不同的搭调色彩组合与相应配合的字体，但是值得注意的是，色彩的选择需要与每期的主题相吻合，这样不会显得格格不入。如此一来，可以有效增强用户对于网页的直观视觉体验。