赞助商
立即赞助

看了几十款产品,总结了6大商家产品展示切入点!

专题页设计3年前 (2021)发布 流光
2.8K 0 0

家产品展示页面是每个平台展示产品不或缺的页面,而个页面的设计师是触家用户驻的一个重要的设计触点,是我们在家驻链路的重要一节,到底何来设计我们网页的家产品展示页面?今天给大家看看我的总结。

今天我们就具体的聊一聊,按照以下的顺序行详细介绍吧!

详细的计如下:

  • 部设
  • 了解产品
  • 入驻.操作.合作的流程
  • 合作伙伴
  • 数据视化展示
  • 联系我们

头部设计

头部位设计主要含banner位和占位图,设计表现形主要分为技类图形配图、品品相关配图、品相关视频。

1. 技类图形配图

技感类图形配图,会让平台充满逼格和简洁风,主要适用于技类公司品。

看了几十款产品,总结了6大商家产品展示切入点!

看了几十款产品,总结了6大商家产品展示切入点!

2. 产品品牌相关配图

产品品牌相关的配图,对于用户有着更加直观的受相对于图形而言,同切品牌基因,能更好的宣传产品本身,吸引用户选择的产品。

看了几十款产品,总结了6大商家产品展示切入点!

3. 产品相关视频动画

部增加产品相关宣传视频当下比较潮流的设方式,同时视频的传播引导力度也于图形图片单一的表手法。

看了几十款产品,总结了6大商家产品展示切入点!

看了几十款产品,总结了6大商家产品展示切入点!

看了几十款产品,总结了6大商家产品展示切入点!

看了几十款产品,总结了6大商家产品展示切入点!

了解产品

了解产品的计主要是展示产品总的概述,比如产品简介计配图、产品功能点计配图、产品优势配图等等,在计上主要为左右布局的大卡片、宫格计、背景图覆盖计、以及视频的计等等。

1. 左右布局的大卡片计

大卡片计的大图计比较高,在画面效果上非常简洁,能够比较直的吸引用户。当然有一些缺失是内容填充不够,息传达量少,所以有候计会增加文本的息量起相对互补的作用。

看了几十款产品,总结了6大商家产品展示切入点!

2. 宫格设

宫格布局设,清晰展示产品功能特色介绍,清晰明确,相对限的布局下,纳多信息展示。缺点不能展示太多的点击入口,信息文本也不能添加太多,易造层级深的况出。

看了几十款产品,总结了6大商家产品展示切入点!

3. 背图覆盖设计

部背图覆盖的设计比有沉浸感,在网页设计上,可以增加品元素和特色覆盖到底图上,提示设计质感。

看了几十款产品,总结了6大商家产品展示切入点!

4. 视频简介设计

产相简介视频是当较潮流的设计方式,同时视频的传播和引导是大于图形和图片单一的表现手法。

看了几十款产品,总结了6大商家产品展示切入点!

看了几十款产品,总结了6大商家产品展示切入点!

入驻.操作.合作的流程

入驻操作合作的流程引导用户加入我们的重环节,如何引导用户入驻操作合作我们设的重点,主的设手法我总结了几方面,主图形明的展示手法、图片明展示手法、产品截图类展示手法、流程图展示。当然还很多,全部明,希望设小伙伴们一起补充吧!

1. 图形明的展示手法

图形明的展示手法,主概括产品品牌特色,作图形具象化的展示给用户,所以这部分设重点需好的融入品牌基因产品特色,这样能好的打动用户。

看了几十款产品,总结了6大商家产品展示切入点!

2. 图说明的展示手法

图类的说明展示需要把产品具有代表的应用场拍摄出来,展示给用户,传播和引导效果比图形一点。痛点是需要我们选取高清有代表的图来应用设计。

看了几十款产品,总结了6大商家产品展示切入点!

3. 品截图类展示手法

品截图类展示手法,更加真实展示用户品具体操作,减轻用户学习成本,提升用户体验。是个不设计手法。

看了几十款产品,总结了6大商家产品展示切入点!

4. 流程图展示

流程图展示设计要是重点突流程架构,户对于产本身的操作、展示、入驻等流程清晰直观的了解。吸引户注和使我们的产,示产引导效率。

看了几十款产品,总结了6大商家产品展示切入点!

合作伙伴

作伙伴主要是资源共享,优势互补,作伙伴计需要展示给用户公的实力,宣传的品牌内在力量。在计上一会选择铺和滚动展示等等。

1. 铺

铺的计法主要是可以全面的展示给用户的作伙伴,更加直观和效率。

看了几十款产品,总结了6大商家产品展示切入点!

2. 滚动展示

滚动展示主可以引导用户焦点,提升交互体验,且页面利用率高;不足信息展示不足。

看了几十款产品,总结了6大商家产品展示切入点!

数据可视化设计

效率更快,是因为人脑对视信息的处理要比书面信息容易得。使用数据来总结复的数据。数据视化是一种非常清晰的沟通方式,使用户能够更快地理和处理他们的信息,提升用户验。

看了几十款产品,总结了6大商家产品展示切入点!

联系我们

联系我们主要是予用户联系沟入口,设计可以主要分为浮窗设计,卡片设计,功能入口按钮内等等。

1. 浮窗设计

浮窗设计联系我们主要是可以全页固定展示,予用户更多联系我们入口会,便用户使用我们功能,提示用户体验,属于比较层级高联系我们入口设计。

看了几十款产品,总结了6大商家产品展示切入点!

2. 卡片设计

置的卡片设计相对于浮入口层级低了一点,但是设计引导固定是一种错的联系我们设计手法。

看了几十款产品,总结了6大商家产品展示切入点!

3. 功能入按钮内置

每一步的引导计都放入系的功能入按钮,操作更加便捷,引导更加有效。

看了几十款产品,总结了6大商家产品展示切入点!

总结

我看,今天的这几设分子-部设、了解产品、入驻操作合作流程、合作伙伴、数据可视化展示、联系我们我们商家产品展示中相对通用的设分子,当然根据不同的产品业务,也会其他的设分子,希望家一起探索!以就我对于官网的商家产品展示页面的归纳总结,不全面的方,家可以多多讨论交流。谢谢家!

本文图片来源于网络截图。

注作者微信公众号:「阿韩设计」

看了几十款产品,总结了6大商家产品展示切入点!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@做设计的面条 :最近也不知道是哪根筋开窍了,面条我突然就变得很高产,一星期居然做了5张随手拍照片海报,所以才得以有机会...
做设计的面条
做设计和做人一样,一定要大气。 改稿绝对算得上是设计师的一项日常操作,这一点我们都深有体会,至于改稿的原因则五花八门...
什么是大气
优惠券是我们电商中最常见的活跃用户的一种方式,简单的设计就能带来巨大的客流量。虽然小小的一张优惠券并不会占用太多的版...
京东
设计行业,无时无刻不在和色彩打交道。配色问题一直是设计圈恒久不变的热门话题,网络上关于配色的知识多如牛毛,看的时候都...
基础色
60份行业统计和趋势报告,为你揭示电商行业的未来趋势!
2018设计趋势
@做设计的面条 :天猫双11马上要来了,作为电商人的你此刻还好吗? 数英网独家首发了2018年天猫双11的一系列天猫双11海报,...
Banner设计
在日常的设计工作中,往往优秀的作品能在第一时间抓住用户的眼球、吸引注意力,而沉闷的作品恰恰会令其大打折扣,不利于整体...
平面设计
今天跟大家分享的是《瞬间之美》之Web 界面设计如何让用户心动? 本书分为七个部分,第一部分到第三部分讲用户进入网站前30...
Web设计