在网站设计中，互动是个极其重要的东西，我们需要用一系列的版块去向客户展示我们可以提供一个很好的客户体验。这里有一个常用的版块就是向客户展示我们做过哪些大品牌的客户，这样客户会觉得这么难搞的客户，他们都可以满足对方的标准，那么这家公司的服务肯定也不错。这就是公司partner展示版块，也是网站设计中经典的版块之一。
如上图，则是Kiwi设计的其中一个partner 展示的版块，这个版块一可以满足文字需求，也方便布局关键词。标题也特意用了绿色去渲染。而图片则需使用PNG透明格式才能让图片跟背景融为一体。最后再加了一个button，目的是指向专门的客户案例版块。只不过太多客户不重视这些，让我搞这个设计也有些无奈。
当然，上面的文字肯定不能这么写，这是Kiwi随便copy的一段文字，具体的写法建议还是写做了哪些知名品牌客户，把图片不能展示完全的，用文字接着补充。右边的大图，其实放视频是最好的，如果有条件，专门针对客户案例做一个一分钟左右的视频，方便客户理解。到现在为止，没有客户做到这点，所以Kiwi则放了这么一张图片，具体还需客户自己选择。
一、Partner logo的图片素材教程
这里Kiwi演示一下如何准备合格的partner LOGO素材，因为大部分客户虽然懂这些，也觉得这个重要，但是素材一直不合格，要么就是尺寸不一致，要么就是图片不是透明背景，这样的素材肯定不符合网站设计的要求，所以Kiwi觉得做这个教程很有必要。
这个教程的目的有两个：修改尺寸和透明背景处理。
一般我处理的partner logo的尺寸是13053 像素，但是有时候我们可以根据图片微调，做成13060， 13080， 甚至是130100像素，但是无论你选择多大的尺寸，一定要保证每张图片的尺寸是一致的。这里Kiwi就以130*100像素的尺寸进行演示。
1、新建130*100空白文件
点击Ps 软件的文件菜单栏，先择新建文件。
这时候会跳出来文件设置界面，我们输入我们要的尺寸：130*100像素，记得单位要是像素才行。
设置好之后，点击确定，这个背景图片文件就新建成功了。
2、图片尺寸处理
现在我们就需要把LOGO素材都做成这个背景图，这样也简单，直接把logo拖到PS软件里就可以了。记得拉住图片不要动，直到把它放在那个白色的背景上面，这样图片就拖动成功了。
拖动成功之后，用快捷键：Ctrl+T, 把图片调整到一个合适的位置，然后按Enter键，这个图片尺寸就修改成功了。
这时，我们可以看到右侧有两个图层，我需要把这两个图层合并成一个图层，我们使用Ctrl+E快捷键，这样图层就合并了。
3、图片背景透明处理
在左侧选择橡皮擦工具，选择第三个魔术橡皮擦工具。这个魔术橡皮擦工具就是可以把同样的背景颜色一次性擦除，变成透明色。
选择了魔术橡皮擦工具之后，我们用工具选择白色的背景，这样就会发现所有的背景一次性被擦除了，变成了透明背景的图片了。
到这一步，图片就处理完成了，我们点击文件，选择存储为Web所用格式，格式就选择PNG-24，给图片命好名，点击保持即可。
二、客户案例有多重要
有不少客户跟我反映过客户评价，partner展示展示很虚，觉得可以不要这么版块。我之前也写了一篇文章，专门讲这个客户评价要怎么写，有兴趣的可以去看看：客户评价怎么写？
这里我也不想再去分析这个客户评价如何如何重要，总之它是很重要的啦。但是这个版块重要，不代表我们就可以用的好，我这里就举个例子，让大家去感觉一下这个客户评价的重要性。
这是很久之前一个外贸朋友分享的一个采购代理的网站：https://jingsourcing.com/
说实话，这个网站做的不怎么样，设计没有美观可言，很多设计也不甚合理。但是甚在内容好，内容营销做得不错，所以这个网站的流量现在都挺好的。我这里重点想分析下首页的几个视频。<iframe src="https://www.youtube.com/embed/DnjZbQ7WEsg" width="560" height="314" allowfullscreen="allowfullscreen" class="lazyloaded" data-was-processed="true" style="margin: 0px; padding: 0px; border: 0px; font-size: 16px; vertical-align: baseline; max-width: 100%;"></iframe>
这其中有个客户评价，就做的很不错了。咋一看，这个评价视频很真实，Kiwi也不知道这个视频是否是真实的客户说的，但是真的让我觉得这就是客户在评价他们。但是这种视频作假也完全可以做到这个效果的，费用也不高，大约40美金就可以搞定了。后面Kiwi会写篇文章，讲下如何去用比较低的成本去外包这种视频。
