淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 设计师后期类教程分享 图片设计教程

电商设计师需要知道的基本设计规范有哪些?图片尺寸做多大合适? ...

收藏 邀请

电商设计师需要知道的基本设计规范有哪些?图片尺寸做多大合适?很多做电商的老板会发现别人家的店铺装修总是比自己家的好看,这是为什么呢?很可能是你家电商设计师装修的时候是随意发挥,看心情设计,并没有遵从电商设计的基本规范,那么电商设计的基本规范有哪些呢?

首先PC端页面的尺寸宽度1920px,高度尺寸按照页面所需信息来定即可,显示尺寸1920×1080px;手机端页面的尺寸宽度750px,高度尺寸按照页面所需信息来定即可。

1.jpg 

在页面中使用的中英文字体不得多于5种,页面中出现3次以上为主要字体,其他文字作陪衬字体。在产品详情页设计中,一般主要字体为黑体。


在做横幅广告字体时要经过设计变形,没有字体设计能力的,应在原字体基础上适当做些特殊效果;字体字号大小与颜色要和背景颜色对比分明,使消费者便于预览阅读。经过设计后的文字,显得很有扩张力,很有力量感。在原来的文字基础上做了一些特效,做了一个渐变的效果,比之前的文字在活跃度上有了很明显的提升。

2.jpg 

横幅广告字体设计风格要形成统一;字体要统一位置,达到有统一的秩序感,如果首页有5张横幅广告图,那必须要有3张达到统一风格。


PC端首页横幅广告尺寸为730×400px,手机端首页横幅广告尺寸为750×400px。专题活动页,主页页面宽度为1920px,高度为580—700px,最好不要超过700px,其中显示区域页面高度为1210px。产品详情页,宽度尺寸790px,高度尺寸充分展示所需信息即可。


规范分两类:设计风格规范、版式排版构图规范。页面颜色要求:页面中使用的颜色不得多于5种,黑白灰不算色;针对不同的主体使用合理的色系;主题颜色和辅助颜色要根据配色原理搭配。

3.jpg 

①单色、同色系:适合产品本身颜色比较统一,通过吸取产品较近的周边颜色,再通过添加合适的辅助元素,使画面变得统一而丰富,这种色系适合单品的一个横幅广告的设计。


②相似色、邻近色系:相似色相对于单色系可变化的范畴会大很多,但也是在主色调明确的情况下辅助添加类似色,这类配色方式在横幅广告应用中还比较常见。是一种比较好掌握的配色方式,同时配色运用得当会使画面看起来很时尚。

4.jpg 

③补色系:这里把互补色、单边补色分割、补色分割3种情况一同来说,因为三者在大范畴内上下浮动,效果也颇为相似,并无特别明显的区分,主要因为整个画面调性要活泼,加之产品都属于色彩明快的品类,色彩上的愉悦感更容易激起点击欲望。补色系的运用应注意面积搭配及颜色灰度的调整,对于补色系的运用可在今后多尝试。


④多色搭配,可把对比色、矩形分割、广场分割多颜色的搭配归为一类来说,这三种跨度较大的配色方式,相对来说应用的比较少,不是很容易掌握,一般比较适合小面积的应用起到装饰平衡的作用。

5.jpg 

页面设计色彩要清新,布局要大方;页面设计要有整体性、一致性等。一致性包括色彩的统一、版式的统一和字体的统一等;页面布局应主次简约分明,中心突出,大小搭配,互相呼应,图文并茂,适当的空白利于消费者阅读。版式排版快速法则:


①第一招,对齐。对齐分左对齐、右对齐和居中。最常见的电商海报,基本上都采用了左右对齐排版方式。对齐是最常见也是最基础的板式排列方式,给人以稳重、力量、统一、工整的感觉。左对齐的排版方式,版面不会显得很凌乱,而会显得很统一很有秩序感。


居中的排版会给人正式、大气、高端、有品质感觉。在电商海报中居中排版经常会见到文案直接打在产品上面,文案的遮挡汇合后面的产品营造出一前一后的层次感,加上一些光效会让整张画面空间感提升许多。


②对比。无对比不设计,人们在视觉上不喜欢平淡、千篇一律的东西,喜欢看有对比的画面。使用对比的排版技巧可以最有效的增加画面的视觉效果和冲击力。

以上就是今天的内容,关注疯狂的美工官网,每天分享不同电商技巧!

 


路过

雷人

握手

鲜花

鸡蛋
粉丝0 阅读1806 回复0

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

十年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂十年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

ICP证(电信增值许可证):赣B2-20220105 本站支持IPv6访问

Powered by Fkdmg.Com © 2013-2024    赣ICP备18006944号-1