最专业的八方代购网站源码!

资讯热点
如何设计高清视觉产品手册

发布时间:2023-3-18 分类: 电商动态

你有什么要解释或解释给别人吗?不要说,但要表现出来!

当你看电视上的说明时,你有没有感觉像云?你见过很多产品只是简单地分成复杂的形式吗?事实上,每个人都有过这种痛苦的经历。即使手册中使用的语言清晰易懂,我们仍然不知道如何操作。我们生活在一个视觉体验的世界中,您需要准确,清晰地对视觉语言应用一些指导。

我们用图片来讲述。

为了使您的产品使用说明易懂,首先我们必须先根据实际产品照片绘制矢量图片。此图片允许您快速安排或重新组合单个元素。只有绘制这张图片,您才能从众多细节中解脱出来。您可以提取重要部分,改变位置,并强调某个细节,效果将保持清晰和干净。说这个还是没用的,让我们来看看图片!

从照片的开头到设计出优秀的产品操作图,准备相机是必不可少的,因为我们的许多图表都是基于拍摄的照片。

使用图片显示操作:您需要使用文本记下操作的整个步骤,然后再细分为一个或两个或三个操作。在绘制示意图之前,拍下整个操作的关键动作照片,然后问自己两个问题:首先,这组照片能表达完整的操作吗?第二,每张照片中表达的含义是否清晰?/P>

一个简单的动作可以在单个图片中表达,但通常操作涉及的步骤需要完成几个动作。如上面三幅图所示,它表示将两条线插入两条线。插槽的动作。图中的手部元素在沟通中起着重要作用。虽然您可以用箭头或导线替换手,但是拉手可以增加用户的真实感受,并且更真实地模拟操作体验。同时,当一系列手部动作结合在一起时,它显示出另一个优势:手部的变化表现出一种运动感,正如我们在现实世界中所看到的那样。您需要非常清楚所涉及的行为。理论上,更多的图片,当然,运动更清晰。将您拍摄的照片导入计算机后,我们可以开始绘画了,但是在这个时候,我们必须要注意很多地方:只需绘制您需要的部分:

添加与操作无关的元素只会引起读者的注意。

“最小化”:思考:在步骤中的每个动作中,我们仅描述与动作相关的部分。在这个例子中,我们只描述它的轮廓和板的背面。只需描述您需要的元素,就可以让读者知道它们的位置。在上面的大图中,顶部两侧的描绘一目了然,这指的是收音机的背面。当然,您可以将其他元素转换为浅灰色,如同小图像(但它仍然不可避免地使构图更加拥挤),这是另一种选择。找到最佳姿势:

不清楚:也许你会按照上图中的相同手势按下按钮,因为你想抓住顶部以避免在按下时翻转收音机。但在图中,直接表示此操作是非常不明智的。

这很明确:手部动作表达非常丰富,而且一些小的变化会有不同的含义,所以我们必须非常仔细地设计手部动作,我们必须能够清楚地表达这个动作的意思,以便读者知道他看到原理图后怎么做。就像第一张照片一样,虽然你知道你按下面的按钮,但观看的人却不知道。这涉及精炼过程。有时候,我们觉得非常自然的一些行为,如果以原理图的形式表达,会让人觉得难以理解。放大:

拉近一点,靠近:截取区域使整个动作看起来更向前,但要注意两点:首先,周边必须有足够的空间,以便读者识别产品中区域的位置——如上图所示,收音机的角落传达了该区域的位置;第二,尽可能充分表达手部动作。

但它并不像前面那么​​好,就像上面的小图一样,它显然太遥远了。理想情况下,我们只放大该区域的某个部分(如上图中较大的图像),并应显示该板与其他组件之间的位置关系。突出显示区域:

提高清晰度:为了获得最大的清晰度,原理图的结构可以适当地着色,以模仿更逼真的感觉。注意上面的第一张照片。虽然黑色反映了真实的无线电颜色,但是动作表达的清晰度是打折扣的。在第二张图片中,浅灰色调与深色板区域匹配,但白色背景与手形元素不对比。因此,如下图所示,我们选择黑色背景来解决问题:

突出显示运动区域:突出显示效果是原理图设计中非常实用的方法,突出显示暗区域中的区域,使读者的视线更加集中。移动和重用元素:

在使用原理图的设计中,有许多元素将被重用。如上面三张图所示,我们使用第一张图像的手势移动来旋转,这可以用来表达第二张图像——插入此操作的第二行。这种重复使用可以节省大量时间,但应该注意的是,这个重复应用元素的前提是这些元素的使用仍然可以清楚地表达动作的含义。调整和简化:

调整:矢量图实际上为设计师提供了很多自由。像这把螺丝刀一样,它来自两张图片,我们可以很容易地合成一张,它可以轻松地拉长或缩短螺丝刀。在设计中,您经常调整大小以适应原理图的空间。使用矢量图,我们可以非常方便地完成。

简化:减少可以减少。如果您不更改读者对项目的感知,则可以尽可能简化元素。像这个螺丝的牙齿一样,我们将三条线简化为两条线。复制元素,图案和动作非常适合描绘零件类的元素。像上面的螺丝一样,您可以通过复制其中一颗牙齿轻松地绘制螺钉。创建立体视觉,解剖组件:上面创建的三维效果使得原理图非常清晰和直观,并且内部结构在此运动中也是非常必要的。这是单独拍摄无法实现的效果。红色箭头表示这是拧紧螺钉的过程。原理图着重于该过程。您不能只向阅读器显示已组装的组件。关键是让读者知道如何安装它。如上图所示,我们将拆开要配对的两个部分,然后添加箭头以使其清晰易懂。如果需要组合多个组件,则还需要表达每个组件。

当然,一个完整而清晰的组装图应该是:首先描述每个组件,然后展示如何在下一步中组装,最后得出一个成功的渲染。

另外,在设计这样的示意图时,如果您对机械结构,3D图纸和透视有一定的了解,那可能会更加科学合理。总之,示意图不是对照片的简单描述,而是合理地排列各种元素,使信息能够清晰传达,发挥规范应该发挥的作用,并且这些由简单的轮廓组成。和简单的色调。该作品的示意图实际上揭示了一种独特的美学 - ——这需要细心的体验才能感受到。

« 锤子手机的副本永远不会让我失望。 | 新代购源码网站上线后如何实现快速包容 »