「10招」教你玩转电商专题页面设计
在前面写
电子商务中的主题设计是一个单个页面设计应用程序。
单页设计,只需将其视为纸上的创作和设计即可。
单页出现在图形设计中。设计师使用不同的尺寸和材料在正面和负面方面进行免费设计过程。它主要用于折叠,传单和海报。
如下所示:
花瓣网的图片
电子商务字段中的单页设计更像是对环境中平面单页的升级。它不仅具有图形设计中的所有设计规则,而且具有许多网站设计的特征。
例如,您可以使用新的视觉分裂和H5技术使页面更接近与人的互动,还可以使用户看起来更像是在浏览页面时阅读故事。
它主要出现在某些促销活动页面开yun体育app入口登录,产品简介页面和商店主页的需求中。
如下所示:
总体特殊主题设计的“岩石葫芦原理”是什么?
在设计单个页面的主题时,要使视觉效果从第一个屏幕到第二个屏幕和内容间隔,有必要充分利用本地对比和整体关系,以使页面效果更加完整。
岩石葫芦原理:单页点,这里指的是起点
特殊单页中的入口点是整个页面中的主线。
飞机理论中的要点用于集中,分歧并吸引人们的注意力。
如下所示:
岩石葫芦原理2:单页线,用于连接和指导
特殊单页中的线条用于导致故事情节。
使用一些艺术表达方式在页面上添加一些有趣且装饰性的特性。
如下所示:
岩糖葫芦原理3:单页表面,用于整体样式设计
这里是指整个页面的完成。
单页设计不应仅限于完成第一个屏幕或单个元素的设计。
它强调了从头到尾的视觉连接(第一个屏幕至内容区域,底部到底部),从本地到整体。
让我们看一下三组的出色设计:
10种特殊设计技术
接下来是我组织的10种特殊设计,主要是针对一些重要的理论观点。根据您自己的主题,请考虑一下。
1。头部图中有一个点,以下设计很容易连接
头部图元素的设计是Chuhe和Han Dynasty的。
您不能只使用单个页面来进行头像,以便将头部图视觉与以下内容连接。
打破第一个屏幕(通常称为头部图),第二个屏幕具有明显的颜色屏障,形式分离,线分离等。
如下图所示,红色圆圈中显示的位置是头图的高度。建议在450到600之间使用一般头部图的高度值。如果太高开元棋官方正版下载,它将浪费空间。
2。支持它很重要。
SO称为的继承是向上和向下的,也就是说,必须有一个主要元素,该元素贯穿整个页面以形成整个页面的视觉焦点。
让元素上下呼应头和尾巴。
例如:
(1)在图中显示红色圆圈
主题中出现的主要要素,例如:头部和尾巴的元素必须在视觉上回荡和一致性;
(2)在图中显示在黑色圆圈中
整个主题的元素必须在整个页面中直接下降,并且将一口气完成,否则会有一个断点。
如果在实际需求中无法实现总体设计性能,则在使用本地或某些元素时也应尽可能多地完成此功能。
3。背景颜色应该是总体上,使用色块“切豆腐”
尽量不要使用颜色块来制作页面的页面内容。整体单页设计主要使用单色背景。
对于某些平台-Type活动单页页,我们经常看到一些具有不同色块的设计。当然,这种处理方式是更好地分发不同的活动内容,也是设计的体现。
对于类别主题和购物主页,多色块的分离显然更糟。
如下所示:
左侧的图片是整个深蓝色背景。没有分区。整个页面看起来更均匀;
右侧的图片是带有块的浅色背景,该背景使用颜色来制作分区,使整个页面更加活跃和嬉戏。
(注意:并不是说无法用多色块对页面内容进行分区,而是取决于特定的需求和主题。选择不同的表格来表达它。)
4。从点到整体意义,请记住
如上所述,该元素的重复是更好地将整个点的点感与面部联系起来。
但是,如果这些元素出现在整个或东方或样式的样式中,则单页的整体性将被大大折扣。
无论排版,字体选择,按钮和颜色的类型如何,都必须保持一致。这样的一页是总体上。
如图所示:
5。一目了然地看到3个屏幕后,如果您不离开白色,则必须晕倒
由于单页关注整个页面中的所有信息和元素,因此单页设计注定是可以超过3个屏幕的页面设计。
由于它是整个页面的长版本,并且信息量非常大,因此应通过每个屏幕的高度适当控制它。本质
例如:
离开白色不是特别白色〜
使用空白时,请注意不要因为在页面上出现白色和较大的间隙而出现,以便发生整体视觉连接开元ky888棋牌官方版,视觉断点发生。尝试尽可能地达到紧密度和松动的屏幕,以使整个页面充满节奏。
6.整体上,整体上做,整体看它
整个页面的设计强调了整个点的想法和表达,然后是线。
以及更多要求,我们使用详细信息来查看设计中的详细信息,减少页面以查看整个页面方法,以完成超高,创意,实用和平衡的页面设计。
例如:
图中显示的变焦效果在细节和技能上很棒。
7.如何完成总体主题,请注意打破的表格
单页设计的最大特征是强调整体形式的表达。
正是由于过度强调了形式的形式,因此整个页面的效果必须具有完整的特征和精致的创造力,因此可以免除普通单页设计的等级。
这吸引了用户的注意力,并允许用户遵循整体设计以体验完整的页面信息,形成更完整的用户体验和对整个页面的视觉理解。
例如:
左侧的图片是我当时创作的圣诞节的整体创意页面,它以仪式的形式贯穿整个整体设计。当时,整个仪式要素被放大为要表达的主要要素。
右侧的图片是外国户外特殊页面的一页。整体主要基于倾斜线,它具有动态和运动的印象。同时,结合非常动态的字符图片使整体页面动态。
8。整体设计故事对页面可能很有吸引力
当您设计一个页面时,请在想法开头为整个页面设置一个故事,以便页面掩码具有新颖的主题,以及单个页面,以便用户为用户提供更好的视觉体验。
从技术到技术,再到设计,两部作品已经与传统电子商务的折扣表现分开。更有趣的是,您想知道技术细节,以及更多的知识吗?
9。视觉旋转好助手,单页发展的新趋势
滚动动画的特征是:
首先,它用于逐步讲述故事。
然后,利用完美而光滑的浏览体验来无缝并精确地连接到每个内容的内容之间的某些局部元素,以使分层动画特殊效果。
最后,当前的极简主义和平面设计的设计有点晴朗!
如下图所示,来自蒂法尼。