家产品展示页面是每个平台展示产品不或缺的页面，而个页面的设计师是触家用户驻的一个重要的设计触点，是我们在家驻链路的重要一节，到底何来设计我们网页的家产品展示页面？今天给大家看看我的总结。
今天我们就具体的聊一聊，按照以下的顺序行详细介绍吧！
详细的计如下：
- 部设
- 了解产品
- 入驻.操作.合作的流程
- 合作伙伴
- 数据视化展示
- 联系我们
头部位设计主要含banner位和占位图，设计表现形主要分为技类图形配图、品品相关配图、品相关视频。
1. 技类图形配图
技感类图形配图，会让平台充满逼格和简洁风，主要适用于技类公司品。
2. 产品品牌相关配图
产品品牌相关的配图，对于用户有着更加直观的受相对于图形而言，同切品牌基因，能更好的宣传产品本身，吸引用户选择的产品。
3. 产品相关视频动画
部增加产品相关宣传视频当下比较潮流的设方式，同时视频的传播引导力度也于图形图片单一的表手法。
了解产品的计主要是展示产品总的概述，比如产品简介计配图、产品功能点计配图、产品优势配图等等，在计上主要为左右布局的大卡片、宫格计、背景图覆盖计、以及视频的计等等。
1. 左右布局的大卡片计
大卡片计的大图计比较高，在画面效果上非常简洁，能够比较直的吸引用户。当然有一些缺失是内容填充不够，息传达量少，所以有候计会增加文本的息量起相对互补的作用。
2. 宫格设
宫格布局设，清晰展示产品功能特色介绍，清晰明确，相对限的布局下，纳多信息展示。缺点不能展示太多的点击入口，信息文本也不能添加太多，易造层级深的况出。
3. 背图覆盖设计
部背图覆盖的设计比有沉浸感，在网页设计上，可以增加品元素和特色覆盖到底图上，提示设计质感。
4. 视频简介设计
产相简介视频是当较潮流的设计方式，同时视频的传播和引导是大于图形和图片单一的表现手法。
入驻操作合作的流程引导用户加入我们的重环节，如何引导用户入驻操作合作我们设的重点，主的设手法我总结了几方面，主图形明的展示手法、图片明展示手法、产品截图类展示手法、流程图展示。当然还很多，全部明，希望设小伙伴们一起补充吧！
1. 图形明的展示手法
图形明的展示手法，主概括产品品牌特色，作图形具象化的展示给用户，所以这部分设重点需好的融入品牌基因产品特色，这样能好的打动用户。
2. 图说明的展示手法
图类的说明展示需要把产品具有代表的应用场拍摄出来，展示给用户，传播和引导效果比图形一点。痛点是需要我们选取高清有代表的图来应用设计。
3. 品截图类展示手法
品截图类展示手法，更加真实展示用户品具体操作，减轻用户学习成本，提升用户体验。是个不设计手法。
4. 流程图展示
流程图展示设计要是重点突流程架构，户对于产本身的操作、展示、入驻等流程清晰直观的了解。吸引户注和使我们的产，示产引导效率。
作伙伴主要是资源共享，优势互补，作伙伴计需要展示给用户公的实力，宣传的品牌内在力量。在计上一会选择铺和滚动展示等等。
1. 铺
铺的计法主要是可以全面的展示给用户的作伙伴，更加直观和效率。
2. 滚动展示
滚动展示主可以引导用户焦点，提升交互体验，且页面利用率高；不足信息展示不足。
效率更快，是因为人脑对视信息的处理要比书面信息容易得。使用数据来总结复的数据。数据视化是一种非常清晰的沟通方式，使用户能够更快地理和处理他们的信息，提升用户验。
联系我们主要是予用户联系沟入口，设计可以主要分为浮窗设计，卡片设计，功能入口按钮内等等。
1. 浮窗设计
浮窗设计联系我们主要是可以全页固定展示，予用户更多联系我们入口会，便用户使用我们功能，提示用户体验，属于比较层级高联系我们入口设计。
2. 卡片设计
置的卡片设计相对于浮入口层级低了一点，但是设计引导固定是一种错的联系我们设计手法。
3. 功能入按钮内置
每一步的引导计都放入系的功能入按钮，操作更加便捷，引导更加有效。
我看，今天的这几设分子-部设、了解产品、入驻操作合作流程、合作伙伴、数据可视化展示、联系我们我们商家产品展示中相对通用的设分子，当然根据不同的产品业务，也会其他的设分子，希望家一起探索！以就我对于官网的商家产品展示页面的归纳总结，不全面的方，家可以多多讨论交流。谢谢家！
本文图片来源于网络截图。
注作者微信公众号：「阿韩设计」
浙公网安备33011002017549号