网页设计技巧,怎么做出极简风格的电商设计方法

2018-02-06  6280 分类:设计资讯

网页设计技巧,怎么做出极简风格的电商设计方法


在网页设计中,怎么做出极简风格的电商设计方法呢?这两年各个电商公司已经非常重视设计了,而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展,更加重视产品的品质而进化的。回到页面设计本身,我们来分析一下这个页面的设计。


一、极致的版式


网页设计技巧,怎么做出极简风格的电商设计方法.png


可能大家开始画画的时候就接触和学习构图了,而构图就是版式设计的基础。但我们往往忽略了对于构图和版式的极致追求,一般我们总会说,差不多看着舒服就行,可是对于设计师的能力晋升我们还需要更加重视版式的设计。


下面是几个版式设计的技巧:


1. 对齐——最基础但也最重要


对齐的版式的几个特点和作用:


A、视觉聚焦;


B、强化页面统一性和条理性;


C、对视觉的导向作用。


2. 对比 —— 让画面不再平凡


作为简洁乃至极简的设计来说,对比非常重要,对比可以让人非常快速的阅读到重要信息,也可以让版面的设计有节奏感,让画面看起来不乏味。


3. 有“气质”的留白


极简设计里的留白非常重要,最典型的是无印良品的设计,它是把留白应用到现在设计里最好的典范,但是我觉得我们中国人才是留白的“老祖宗”,国画就是非常典型的例子。


二、精致的颜色


网页设计技巧,怎么做出极简风格的电商设计方法2.png


在电商设计中,对颜色的把控非常重要,在某种情况下对颜色控制的好坏直接影响着页面的停留时间。一些经验不足的设计师往往会对颜色的把握非常头痛,颜色脏、配色不好看、用色过多等都是经常出现的问题。在极简的设计中更需要对颜色做减法,并且不断的调节细微的明度、饱和度和颜色的搭配,正是这些细节的调节才会让极简的设计更加耐看。


2.1 让设计快速出“彩”的方法


在极简的页面里,颜色往往用的非常谨慎,而我们第一步就需要选择主色调。


这里有几种选择颜色的方法:


A、黑白灰主色调+亮色辅色


B、选择商品主色调作为整体画面的主色调


C、使用的颜色不要超过3种


2.2 看似很复杂的颜色搭配其实很简单


在极简设计中,颜色的搭配需要非常用心,因为画面的颜色搭配简单时,即使稍微有点不协调也会被放大很多,因此我们需要了解颜色的几个属性:色相、饱和度、明度,还有对比色、相近色等概念。


对于极简设计的配色也有几个方法:


A、统一明度和饱和度;


B、控制颜色的层次;


三、考究的字体


网页设计技巧,怎么做出极简风格的电商设计方法3.png


文字在电商设计中的位置极其重要,它承担着直观信息传播的用途,例如活动页面的折扣信息、商品宣传页面的卖点信息、商品的优惠价格、文案内容的表现等。而在极简设计中,字体的选择更为讲究。


1. 选用符合整体设计风格的字体


字体也是有自己的外貌、性格和风格的,当字体的风格与设计完美的融合在一起的时候,会给整个设计加分不少。


2. 选用字形结构简单的字体


这几年出现了一些结构复杂,字形极其夸张的字体,个人认为尽量少用甚至可以不用。字体是一门非常专业的门类,很多设计师还不能很好的驾驭一些字体,无论是普通的电商设计还是极简设计最好使用字形和结构都相对简单的字体。


3.“牛叉”的中文字体


这里说中文字体“牛叉”,不仅仅因为我是中国人,我们可以数数中国有多少种字体,每种字体都有自己的历史背景,例如隶书,平民是不能用的,魏碑是专门刻在碑上的字体等。而且中文也是唯一一种成为艺术的文字——书法。可能有些人觉得中文字体或书法字体看起来很老旧,不现代,下面我们用实例来证明这是错的。


其实极简设计是设计发展进程中的必然结果,这是一种优化的过程,也就是做减法,把不必要的,干扰信息传达的元素删除掉,保留最基本最为有用的东西,我这次的教程也从排版、颜色、字体三个方面来具体的讲解了怎样做极简的设计,同样这些内容也适用于一般电商的设计。


猜你喜欢