如果一个设计方案能够让客户想象到它在现实环境下的外观,那么客户将更有可能批准或者购买该设计。在当今世界,快节奏的商业决策已成为常态,所以设计师能否快速完成逼真的视觉稿将比以往任何时候都更加重要。

 

由于这些视觉稿可能是决定设计是否得到批准的关键所在,所以最好的做法是提前准备好足够的视觉稿,以备不时之需。

 

在这则简短的指南中,我们将通过三个步骤向您介绍如何查找、理解和使用视觉稿。

步骤1:识别并下载


您可以几乎在网上找到您需要的任何信息,这对于视觉稿也同样适用。网上有大量的免费和付费文件,而我们建议您这两种文件都查看下,看下哪一种更适合您。

 

当您找到所需文件后,请下载该文件。大多数视觉稿文件都包含一个带有.psd 、.jpg、和.txt、或者.pdf格式文件的文件夹。让我们来了解下这些文件的目的:

 

• .psd格式的文件是源文件,您可以在其中进行修改并将其编辑成为您自己的文件

 

• .jpg格式的文件是最终模板的预览图,可以查看完成后的效果

 

• .txt或.pdf格式的文件概述了文件的详细信息,例如文件制作者信息,许可证信息以及其中包含的内容信息。

 

我们用一个iPhone的视觉稿作为例子:

Image title

正面iPhone视觉稿

在这个解压缩的文件中,我们看到上面提到的多种文件格式。

步骤2:打开文件并找到智能对象


现在您已经下载了文件并完成解压缩,这时可以在Adobe Photoshop程序中打开它并熟悉一下图层。

 

了解如何编辑图层非常重要,因为您很快就会学会用模板中的元素来替换自己的设计。

 

大多数视觉稿都至少包含三个图层:背景颜色,对象本身,以及标记或商标的空间。当然,图层可以根据模板中对象数量,以及您希望展示效果的简单或复杂程度而有所不同。

 

找到不同图层的简单方法是在Photoshop程序中点击眼睛图标来在图层之间进行切换。

 

如果想要编辑您的智能对象,请点击它以使其占据整个窗口。

智能对象

无论您对智能对象如何调整大小或进行修改,它的图像质量都不会发生变化。智能对象是由矢量或光栅图像组成,这些图像是由Illustrator或Photoshop文件格式创建的图像数据层。它的作用是在对文件进行编辑后仍可以安全地存储图像特征,因此称该对象为“智能对象”。

 

智能对象是非栅格化文件。这应该如何去理解?

 

栅格化是将充满点和曲线的矢量图像(Illustrator文件)转换为计算机或打印友好的像素化版本,以便于进行显示。某些工具(如橡皮擦,油漆桶和过滤器)仅适用于栅格化文件。

 

智能对象不是光栅化的文件,因为光栅化过程意味着你无法在不损失图像质量的情况下缩放图像。同时,您也在这个过程中失去了编辑文字或字体的能力,而这是设计师编辑视觉稿模板的一项重要任务。

 

要找到智能对象,请在图层上寻找一个小图标,它通常位于右下角。当您将鼠标停在图标上时,显示文本将弹出并告知您正在操作智能对象。

Image title

第3步:放置您的设计内容


最后一步是来实现您的定制设计。

 

在包含智能对象的编辑窗口中,您只需将您的设计拖到框架中,就可以使用自己的图稿来代替视觉稿上的内容。

Image title

智能对象编辑界面

点击保存并返回至初始PSD文件来查看您的修改。

 

更新后的文件效果如下:

Image title

如果您要添加任何自定义副本,现在就可以进行添加。添加完成后,您可以将逼真的视觉稿设计展示给客户,让他们充满惊喜!

 

在这个例子中,我们使用的是iPhone X 的视觉稿

 

结语

视觉稿模板可帮助您的客户更加直观地了解到为他们提供的设计在现实世界中的样子。这些模板文件非常容易下载和使用,可以使帮助您的设计获得更好的效果。

 

您是否认为这些视觉稿模板会帮助您建立更好的客户关系?请联系我们的团队来与我们沟通。

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)