欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

如何设计高逼格的视觉化产品说明书

发布时间:2017:12:26 13:05:59 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1242个文字,预计阅读时间4分钟
导语
你有一些东西需要向别人说明或解释?不要说出来,而是展现出来!

  你有一些东西需要向别人说明或解释?不要说出来,而是展现出来!

如何设计高逼格的视觉化产品说明书
如何设计高逼格的视觉化产品说明书

 

  你是否曾经在看着电视机的说明书时感觉如堕云雾?是否曾经看到很多产品都将操作步骤只是归纳为一张复杂的表格?其实人人都有过这种痛苦的经历。就算说明书中所用的语言清晰易懂,但我们还是不知道如何做。我们活在一个视觉体验的世界里,你要将一些指引准确清晰地传达给别人,需要运用到视觉语言。

  我们通过图片来讲述。

  为了让你的产品使用说明人人都看得懂,首先我们先要按实际产品的照片来画一张矢量图。这张图可以让你将各个元素迅速地安排或重新组合。也只有画了这张图,你才可以从很多细节中解放出来,你可以提取重要部件元素、改变位置、重点强调某一细节,而且出来的效果仍然能够保持清晰干净。说这些还是没有什么用,我们看图吧!

  从照片开始要设计出色的产品操作示意图,准备一部相机是必不可少的,因为我们很多示意图都是根据拍出来的照片来描绘的。

如何设计高逼格的视觉化产品说明书
如何设计高逼格的视觉化产品说明书

 

  用图片展示动作:你有必要先用文字写下操作的整个步骤,然后细分成一二三几个动作。在描绘示意图之前,先用相片拍下整个操作的关键动作,然后再问自己两个问题:一、这组照片是否可以表达一个完整的操作?二、每张照片所表达的意思是否清晰?

如何设计高逼格的视觉化产品说明书
如何设计高逼格的视觉化产品说明书
如何设计高逼格的视觉化产品说明书

 

  一个简单的动作可以用一张图片来表达,但通常在操作中所涉及的一个步骤都需要几个动作才能完成,如上述三张图所示,它表达出了将两条线分别插进两个线槽的动作。图中的手部元素发挥着重要的沟通作用。虽然你可以用箭头或引线代替手部,但描绘双手更能增加使用者的真实感受,更真实地模拟操作时的体验。同时,当一个系列的手部动作组合时,就显示出它的另一个优点:手部的变化呈现出移动感,一如我们在真实世界中所看到的一样。你需要对所涉及的动作非常清晰。理论上,越多图片当然表达的动作更清晰。将你所拍摄的照片导入电脑中,我们就可以开始描绘,但这个时候,有很多地方我们要小心:只画你所需要的部分:

如何设计高逼格的视觉化产品说明书

 

  将与动作无关的元素加在一起,只会让读者的注意力无法集中。

如何设计高逼格的视觉化产品说明书

 

  “最小化”思考:在步骤中的每一个动作,我们只描绘那些与该动作有关的部件,在这个例子中,这个收音机我们只描绘出它的轮廓及后面的插板。只描绘所需要的元素可以让读者一下子就知道自己在哪里。上面的大图中,在上方两侧的描绘让人一眼就知道这是指收音机的背面。当然,你可以象小图一样,将其它的元素变成浅灰(但它仍然无可避免使构图更加拥挤),这也可以说是另一种选择。寻找最佳姿势:

如何设计高逼格的视觉化产品说明书

 

  不清晰:或许你在实际生活中真的会用象上图一样的手势去按那个按钮,因为你希望抓紧上部以避免按的时候将收音机翻倒。但在示意图中,直接表现这个动作就非常不明智。

如何设计高逼格的视觉化产品说明书

 

  这样才是清晰的:手部动作具有非常丰富的表达能力,一些细小的变化都会产生不同的意思,所以我们必须非常谨慎地设计手部动作,一定要能够清晰表达出这个动作的意思,以让读者一看到示意图就知道如何做。象第一张图,虽然你自己知道是在按下面的键,但观看的人并不知道。这里涉及到一个提炼的过程,有时候,一些我们感觉非常自然的动作如果以示意图表达出来时,反而会让人不知所云。拉近焦距:

如何设计高逼格的视觉化产品说明书

 

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:支付成功页设计的5点思路

下一篇:手机APP的研发和设计流程

  • 18899 文章总数
  • 2333477访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信