做电商设计应该知道的基础知识「网页设计基础知识总结」
今天给大家普及一下做电商设计应该知道的基础知识「网页设计基础知识总结」相关知识,最近很多在问做电商设计应该知道的基础知识「网页设计基础知识总结」,希望能帮助到您。
做电商设计时一些最常用的知识是每一个设计师都应该掌握的,现在以淘宝网为例说一下都有哪些方面。
一、淘宝网店各部分图片尺寸
店招
淘宝店招位于淘宝店铺的最上面,淘宝店招区域也是展现店铺名称、标志甚至是店铺整体格调的区域。所以当客户进入我们的宝贝详情页第一眼看到的不是宝贝的销量、也不是看宝贝的评价、也不是去看宝贝的详情,客户第一眼见到的就是店招,可见淘宝店招的重要性。在设计淘宝店招时,通常可以突出自己店铺的名称,还可以添加一些广告词,放上爆款产品展示。店招的尺寸为950*120 。
导航栏
导航栏的作用是方便买家从导航栏中快速跳转到另一个页面,查看想要查看的商品或活动等,使店内的商品或活动能及时准确的展现在买家面前。或者,部分没有展现在首页的商品,也都可以从导航进入并找到。导航栏的尺寸为950*30px。
店铺标志
店铺标志简称为“店标”,是一间店铺的形象参考,体现了店铺的风格、定位和产品特征,也能起到宣传的作用。店铺标志的尺寸为100*100px。
宝贝主图
通过发布主图,可以吸引买家的注意,从而引起点开链接的欲望。商品主图尺寸通常为宽800px*高800px,要求JPG或GIF格式。
店铺海报
店铺海报分为全屏海报和普通海报两种,全屏海报的尺寸为1920*600,普通海报尺寸为950*600左右。
左侧栏
主要包含收藏本店标识、联系方式、客服中心、旺旺在线、关键字搜索栏、新品推荐、宝贝分类、宝贝排行榜、友情链接、充值中心等内容;每一块的设计都要协调,与整体店铺风格保持一致。左侧栏的宽度为190像素。
二、图片储存格式
在淘宝店铺装修中,图片的常用的存储格式有三种:分别是JPG、PNG和GIF。
JPG格式是平时最常用的一种图像格式。它是一个最有效、最基本的有损压缩格式,被绝大多数的图形处理软件所支持。
PNG格式由于可以实现无损压缩,所以PNG图片的清晰度相对较好,但是图片占用储存空间比JPG大。PNG格式图像还有一个特点就是可以储存透明像素,因此常用来存储背景透明的素材。
GIF格式是输出图像到网页最常用的格式。GIF格式采用LZW压缩,它支持透明背景和动画,被广泛应用在网络中。网页切片后常以GIF格式进行输出,除此之外我们常见的动态图需要以GIF格式进行存储。
三、素材资源的获取
网络是一个大的资源库,有很多免费资源也有高品质的付费资源,我们应该学会如何“淘”到适合自己的素材。
我们可以直接在搜索引擎里面搜索需要的素材图片,需要注意的是,网络上的绝大多数图片都是带有版权的,未经允许而进行商业用途的使用很可能涉及到侵权问题。所以,在素材的获取方面可以搜索一些“免版权素材网站”,或者到正版素材网站购买素材使用。
找字体,在安装字体之前需要下载或购买字体,字体下载成功后,常见的字体文件的格式为ttf。若安装的字体比较少,那么可以选中字体文件,单击鼠标右键执行“安装”命令,即可进行安装。网络上的很大一部分字体并非免费使 用,想要进行商用需要购买字体的使用权,具体情况需要到字体官网进行查询。
找模板,对于初学者而言,临摹能够快速提高制图效率,也能在 学习他人作品的过程中对自己有所启发,进而逐步提升技术水平。此外,还可以找模板进行套用,尤其是在没有制 作思路的时候,套用模板可以快速完成工作。在网站上下载PSD格式的文件,将原来文件中的文字和图片删除,换上自己的商品图片和相应的文字即可。当然,此类模板替换的办法虽然能为新手解燃眉之 急,但是想要制作岀与众不同的版面,还是需要自己学习。