本文分析了购物网站界面的现状，探讨了基于卡片的网站设计的起源及其在购物网站中的应用趋势。
析地图元素的最佳使用，以获得商业网站的形式和内容的统一，并提高用户的质量。用归纳法和案例分析法比较和比较一些商业网站的界面，我们获得了基于网络的设计的好处，以及网页设计的三个基本要素。map：地图中包含的信息的融合，地图的布局和大小，地图的内外边距。键词：卡式网页;购买网站;界面设计研究：www.artdesign.org.cn中图分类号：TP393.092文献标识码：A文章编号：1008-2832（2016）06-0066-03介绍在线购物的消费已经过受到越来越多消费者的欢迎。据中国互联网信息中心的调查数据，截至2014年12月，使用电子商务平台推广和销售产品的商户比例已达到45.5％。2013年至2014年间，使用互联网购物的互联网用户数量从3，889万增加到13，642万，使用率增加了19。
％，2014年12月至2015年6月互联网用户数量从36142万增加到37891万，利用率增长了3.5％，是商家采购销售的必然趋势。为消费者和商家之间的沟通手段，购物网站界面的美观和易用性是推动消费者行为的主要因素。好的网站界面设计首先可以传达商家的产品风格和商业理念，引起消费者的情感共鸣，从而产生消费者的愿望。此，越来越多的公司正在特别注意设计其网站的界面，这催生了“菜肴”，“级联”和“卡片风格”的趋势。
式购物网站的基本概念卡片设计风格在过去两年中经常听到“平面风格”。面样式放弃了所有的装饰效果，所有元素的限制都很清晰，没有渐变，没有羽毛或阴影。强调颜色的简单性，元素的简单性和信息的符号化，并且经常用于移动终端界面设计。图样式主要用于网页，要显示的内容分为几个矩形地图。后通过图像和文本描述将信息发送给公众。
式地，卡片样式通常以矩形形式布置在网页中（图1），并且卡片具有相似的形状但不一定相同。此，展平与地图设计风格不同。士和国外购物网站的设计风格不断变化当网上购物上升时，文字往往会填满整个屏幕，希望能为用户提供更多选择。制。理学教授Sheeya Iyengar总结道：“当人们面临太多选择时，他们的表现非常相似：他们没有这样做。为了解决密集用户在文本中引起的信息流，公司逐步自主化在购买平台中引入更多产品图像而不是文本描述。大多数情况下，图像的记忆总是比单词的记忆更好。种现象称为“图像优势效应”。家里，我们熟悉的淘宝网站是在2003年5月创建的，它的界面只包含少量信息。2009年（图2中的橙色区域对应于图像区域），文本信息占据了页面的近四分之三。Ebay是第一个外国商业网站，创建于1997年，最初是一种简单的混合形式。2012年，网页布局几乎成熟（图3），是地图类型商业网站的基本原型。
于信息的直观性和导航的舒适性，这种方法迄今已在ebay网站以及国内外购物网站中使用。基于网络的购物界面的整个设计趋势中，内容从“简化”变为“复杂”，形式从“传统”变为“简化”。片设计风格的诞生是设计师在对商家网站界面的形式和内容进行彻底审查后所带来的创新。买网页上卡片设计风格的好处对于产品销售，设计主要是提供清晰的产品展示和优秀的视觉指导，以鼓励用户购买。买Web Design不仅仅是关于可视化单元，而是关于当前业务流程中用户的需求。息浏览网站时，根据消费者的视野研究一致性，视觉力场是一个动态的概念：公众在一定一系列的视觉效果得到信息，然后读取和卖场有条不紊地卡的呈现将网页转换成卡片矩阵，以有序的方式引导消费者的导航线。买网站上的信息内容主要包括：菜单栏，导航栏和产品展示。多数商业站点将它们视为主要功能模块，模块化的关键是创建相同级别的信息。地图演示中，相同级别模块被分成几个地图并具有相对固定的位置。单栏通常位于主页的顶部，水平排列;导航栏位于页面的最左侧，并垂直排列。产品展示区，每张卡具有相同的尺寸和相同的面积。张卡吸引消费者的可能性是相同的，消费者更容易找到真正吸引人的产品。善网站的风格网站的视觉风格是网站内容和视觉形式的体现，是网站功能需求的独特特征，也是设计师解读的用户需求。Web地图设计的基本要素是图像和文本。过改变卡片的颜色，数量，位置，文字，大小和颜色，可以改善品牌识别。GUCCI官方网站的产品展示界面（图4），产品预览从卡底部的水平屏幕进行。
鼠标放在卡片上时，位于地图上的产品被放大并提供信息。明从一张卡片切换到另一张卡片在轴承上有一定的视觉差异，这与大多数商品展示方法不同。站采用黑白，灰色三种颜色，符合商品皮革的特点，体现了GUCCI品牌的高端，商业和简约特色。Rejuvenation品牌大胆填写其官方在线商店主页上的整个地图页面（图5）。分利用卡的友好和友好的特点，处理所有产品的色调，与简洁优雅的产品形式和谐一致。页几乎没有产品描述，但高质量的图像和明亮的字体足以让用户感觉内在，就好像这些高端家居用品质量随手可得。个页面干净明亮，反映了品牌的生活方式和消费者对新生活的期望。页更易于开发和维护。Web开发过程中，开发人员必须首先“剪切”网站的整体布局，对每个模块进行分区并依次设置其属性。图布局通常遵循至少一个等于长度和宽度属性的属性值，这使得更容易确定值。产品显示区域中，所有产品属于同一级别，产品图像和信息存储在数据库中。个映射都可以用作链接以关联数据库中元素的信息。
级产品链接路径是相同的：当需要更新产品信息时，您只需要从数据库中更改它，这样可以减少代码量。应式设计近年来也成为大多数网站的重要组成部分，尤其是商业网站，不受不同设备的影响。路板设计可以将离散信息集成到模块中，降低接口元件的复杂性，调整不同器件的相对位置和尺寸，更好地满足响应需求。衡网站的功能和美感在基于Web的地图设计中，图像和文本执行不同的功能，减少用户的思考时间。度使用卡元素很容易导致单调的网页，这需要协调的功能组合。用户感觉到当前的视觉元素符合他的心理意愿时，他会感到愉快的愉悦感。
过合理地组织卡片并匹配对应于网站定位的颜色，可以提高用户对产品的识别。式商务网站设计元素卡片式卡片可以充分利用图形解释方法，在同一领域显示更有效的信息，而不会失去其动力。要有以下方法在地图上组合图像和文本：产品的整个图像用作网页的背景。过大规模展示，商家网站可以更加关注网站信息的情感表达，创建符合产品特征的情境环境，并在商品和网站之间建立信息流。户。时，地图代表整个屏幕，产品分类和购买链接可以位于图像的一侧（图6）。字部分清晰明了。端奢华的精致细节具有不可替代的优势。地图划分为两个分区，即图像和文本。像用作地图的背景，描述性文本与图像之间存在一定距离，这些距离在同一地图中共存。在基卡设计中更常见。张图片都用作单独的地图。鼠标悬停在图像上时，动态显示图例，或者您可以使用地图反转来更改元素的显示角度。字标牌效应将增加网站的智能和高档情绪（图7），但如果效果太大，Web开发的难度将会增加。个地图分为2到4个区域，主要信息占据最大区域，次要信息围绕主要信息放置（图8）。息越多，对用户的选择性越大。片的布局和大小使用网页中的地图布局，其调节图形和图像的轮廓并使元素之间的连接更紧凑。图的布局和大小主要包括两种方式：均等分布：在大多数商业卡式网站中，卡片大小相同且相邻，并且通常以矩阵形式组织。种布局更常见，很容易被用户接受。是，很容易错过网站的品牌个性，而且相似度很高。部嵌套：首先将Web界面划分为多个不同大小的地图部分，并在其中嵌入较小的地图。
等式的矩阵布局相比，这种布局可以突出关键信息，创建拼凑印象，同时考虑次要信息对用户的影响。制卡内外的控制当用户进入商业网站时，焦点通常在产品图片上。演示形式易于理解时，它通常有十行。果卡彼此靠近并且卡的尺寸很小，则整个页面将是密集的，从而导致用户的视觉疲劳（图9）。反，如果卡片相距很远，
宁波网站建设页面内容将会松散，关联性会很弱（图10）。消费者电子商务网页设计中，信息块外的空白区域通常很大，信息块内的空白区域很小。
种类型的治疗方法可以使用户在使用时更容易担心。页面更清爽。卡片类型的网页中，信息块内的空白区域对应于卡片的内部边缘，信息块外部的空白区域表示边缘卡的外部和这个。常，卡的边距在10到70像素之间。着计算机屏幕的大小增加，导航整个网页需要更长的时间。果商家网站的网站采用垂直导航方法，则双方必须在屏幕边缘保持适当的边距，以避免从用户的视线突然跳跃。果使用水平导航，则地图不应太宽并保留上下文单词。确的间距。以在很宽的范围内选择地图的边距。
下是常用的（图11）。充的大小也反映了卡的内部信息的组合。扁平风格的影响下，字体也逐渐演变成优雅而精致的潮流。体外观简洁大方，内容丰富细腻。内部和外部边缘的合理控制可以为用户提供更舒适的导航环境，允许视线吸入呼吸，使用户能够看到更多潜在的产品。论购物网站具有复杂的产品分类和广泛的信息，卡片的设计风格直观，简单。
将卡应用于商家网站之前，有必要分析用户的需求，定位网站的市场，最后通过卡呈现产品的个性。是，每种设计风格只是设计趋势的一部分。了与当前的设计趋势保持一致，地图的设计风格融合了网页元素的统一性，但如果您查看整个表格，地图的轮廓将决定内部元素的独特形状。然您还可以创新许多这些元素，但创建各种动态效果，如放大，翻转，飘动等，同时增加开发和运营网站的成本。此，随着商家和用户的需求变化，一个良好的基于卡的购物网站应该改进并变得更加动态。
本文转载自
宁波网站建设 https://www.leseo.net
补充词条：
宁波seo优化公司
宁波网站seo优化
宁波seo哪家好
宁波网站优化推广
宁波网站seo
