9.3 独立站视觉设计（课件）《跨境电商视觉营销》（电子工业出版社）

9.3 独立站视觉设计 1 独立站 视觉设计 一、独立站视觉设计要点 二、独立站主要图片设计 一、 独立站视觉设计要点 、 “ 色彩搭配对独立站树立形象起着至关重要的作用，因此，在独立站视觉设计时，要求页面色彩统一协调，并且与企业、产品相得益彰。 01 色彩统一 、 “ anker 尽量控制在三种色彩以内，并按6:3:1比例进行分配，同时，突出公司色，重视风格色，并且背景和前文的对比尽量要大，以便突出主体内容。 、 “ shein 01 色彩统一 尤其是首页设计要求简洁明了，着重突出企业的主题，网站导航布局清晰，可以适当使用面包屑导航增加用户体验感。 、 “ 02 主题突出 随着移动互联网的快速发展，移动搜索占网络搜索的比重不断上升，因此响应式设计成为趋势。 、 “ 03 响应式设计 站点的细节往往能起到画龙点睛的作用。与国内不同，国外消费者非常重视Email反馈，以及必备的Facebook、Twitter等社交网站的企业链接。同时，FAQ(常见问题解答)也是独立站设计中很重要的内容，是所有营销型独立站不可或缺的信息。因此，独立站一定要设计此类版块。 、 “ 04 注重细节 、 “ 04 注重细节 二、独立站主要图片设计 、 “ 01 Logo 、 “ Logo是独立站形象的重要体现，一般处于网页的左上方，置于站点中最显眼的位置。 Logo也会影响到站点的主色调选择。 Logo与网站主色调 01 Logo 、 “ 为了能将Logo更好地融入独立站页面的底色中，往往要求Logo采用透明的PNG格式。 Logo融入页面中 02 Banner 、 “ 做为独立站网站的“当家脸面”，几张时尚简洁大气的Banner可直接提高网站的设计水平及其企业品牌形象。 Banner图片要选择高清图，全屏宽度为1920像素，高度根据版面调节，移动端的Banner自动适配。Banner主体部分一定要放在版心位置。 Banner主体在版心位置 02 Banner 、 “ 在首页Banner的图片选择上，建议使用场景化、生动的图片，可以让海外买家自然产生情感上的共鸣。 场景化的Banner设计 03 公司介绍 、 “ 公司介绍版块可选用工厂俯拍图、前台、车间、高大上的办公室、产品或宣传视频等，全方位展示公司的实力。尺寸要求为1000像素×1000像素以上的高清图。 公司介绍 04 产品图 、 “ 产品图要求尺寸统一，根据产品不同，可选择正方形(660像素×660像素及以上)或长方形(宽高比4:3或3:2)的高清图，同时，所有的产品主图要求风格一致，可采用底色一致的产品图，也可统一采用场景图。 风格统一的产品图 小 结 “ 独立站视觉设计要点 独立站主要图片设计 谢 谢 观 看！ 18 $$