怎么用ps做图片详情页
默认运营在提出详情页设计需求时,已经提交完整的需求内容,包括详细的文案。
设计在用ps做详情页时,首先是根据运营提供的目标客群的人群画像,去确定详情页的设计风格。不同的目标群体他们的阅读习惯是不同的,合适的风格会增加买家浏览的兴趣和时长。
比如我们在做这个蓝莓的详情页时,它的风格可以根据产品的色调来做,白色留白结合蓝莓的颜色,可以重点突出产品,同时整个画面又显得很简洁。
在详情页的框架结构上,有创意海报、产品卖点、产品作用、产品效果、产品基本信息、产品对比、产品全方位展示、品牌实力展示、售后物流等服务信息。
首先设计一张有创意点的海报,用来吸引买家的注意力。
卖点1:新鲜采摘
卖点2:多汁美味,营养丰富
卖点3:强调老少皆宜
接下来体现产品的主要卖点,一般按照三屏设计,卖点不宜过多。
展示图片
然后通过产品的实拍图和细节图全面展示商品。
食用方法
通过不同的食用方法,把买家带入到真实的体验场景中。
最后可以加上附加的服务信息,包括物流、售后等相关问题,进一步打消买家的购物顾虑。
详情页设计的基本步骤
1.确定页面风格,页面风格主要是根据产品本身来定的,如产品的属性、产品功能等,如果产品没有特定的风格属性,可以根据目标销售人群、季节、节日或主题活动来定。
2.产品和素材搜集前期实拍素材,进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库,做好备份。
3.确定配色方案已有店铺视觉规范的可以直接延续使用,如果没有,可以从产品本身提取,或者从Logo中提取或从产品联想属性提取。在配色过程中,无论用几种颜色来组合,首先要考虑用什么颜色作为主色调。
4.确定配色方案已有店铺视觉规范的可以直接延续使用。如果没有,可以从产品本身提取,或者从Logo中提取或从产品联想属性提取。在配色过程中,无论用几种颜色来组合,首先要考虑用什么颜色作为主色调。
5.选择合适字体类型,字体相当于一个桥梁,相当重要。主要用来对产品进行解释说明,方便顾客阅读,同时,也是起重要信息的引导作用,可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体;在重点部分内容进行加粗突出显示,以加深买家对该信息的印象程度。
6.整个详情页排版,怎么对图片和文案内容进行排版设置,要考验我们平时积累下来的设计的水平。越是简约大气的页面,元素务必不要太多,清爽舒适的页面多留白,参考优秀案例,多多借鉴和学习。学习是没有止境的,同样,详情页的设计排版也是。多学习,多总结,扩展相法。拓屏思维,建立自己的设计风格。
详情页头图设计有什么技巧?
产品局部放大
在详情页头图设计中,产品局部放大是一种比较常用的视觉表达形式,因为它会给用户呈现出一种简洁大气的视觉感受和比较强烈的视觉冲击力,同时也会让你的设计整体显得饱满、有内容、不单调,很多时候头图设计只是简单的背景、文案以及放大或者局部放大的产品相互结合,就可以做出很出色的头图。
场景表现法
场景表现的形式重点在于:场景与产品的视觉融合以及关联度,这里的场景可以是产品的实拍图,也可以是自己合成的场景图;如果是自己找场景融合或者干脆自己合成场景,这对于设计师的基本功要求是很高的,但是精髓还是在于光与影的体现,其次是头脑风暴。
立体块形式
利用简单的立体块搭建场景,这种场景的局限性很小,适用于很多产品,偏百搭型;这类重点除了前面所说的光感,还有材质、高光以及立体感的体现,材质在之前的文章中说过,重点说下高光,高光就是指立体块面与面衔接处的高光,这类高光能体现出立体块的细节感以及立体感。
