个性化阅读
专注于IT技术分析

视觉保存期限–为什么网页设计插图会过时

本文概述

插图是一种生动多样的视觉交流形式。作为设计学科, 它融合了图形设计的信息清晰度和美术的表现力。插图在巅峰时期可以做摄影无法做到的事情。它从人眼无法企及的角度刻画了熟悉的事物。

最近使用在线插图的品牌大量涌入是很长一段时间以来发生在网络上的最好的事情之一。它为一系列业务命题带来了活力, 幽默和清晰度, 并使公司更清楚地讲述自己的故事。

网页设计插图

插图以熟悉和意外的方式描绘了世界(Emaar EMR应用程序)。

尽管有积极的方面, 但仍然存在问题。插图的核心是讲故事的工具, 但是随着插图的普及, 它转向了强制性的工具。我们有一个网站, 因此我们必须有插图。

缺乏战略眼光, 插图是装饰, 是对立的创意。故事被抛弃, 想象力被抛弃。各个网站失去了区别, 所有图示的产品和服务融合在一起。

一名衣着整齐的员工坐在整洁的办公桌上, 操作着抽象的界面, 当文本和电子邮件在纸飞机上飞行时, 抽象的界面与现实世界融为一体, 纸飞机降落在一只猫上, 睡在绿树成荫的植物旁, 人们在做瑜伽的同时喝红茶菌并浏览应用程序出现, 一只巨大的手与一支超大的钢笔签订合同。

你肯定已经看过了。

有四大罪魁祸首威胁着网络插图的长期生存。


罪魁祸首1:意象缺乏智慧

起源

插图具有悠久的煽动历史。数百年来, 它一直被用作一种社会评论。为什么?因为它深刻地阐明了人类事务的复杂性。当人们自相矛盾时, 当经历令人困惑时, 插图马上就会变得显而易见。

说明的目的不是为了自己而引起争议。相反, 目标是让人们停下来思考一下, 即使与自己的观点冲突。在最好的情况下, 插图是终极的回忆。

问题

如今, 对视觉内容的需求已剥夺了当代网络插图的许多阐释能力。在网上, 插图很少煽动;大多数情况下, 它会指示或修饰。

在许多网站上, 插图是与之配对的文本的一对一视觉表示。试试我们独特的计划功能! [插入日历的单线插图]

或者, 他们通过购买的产品和服务来描绘人们生活在”最佳生活”中的情景。试试我们独特的计划功能! [插入插图的咖啡饮用笔记本电脑的家伙击掌笑脸日历]

两种方法都无法阻止网站插图失去讲故事的能力。

补救措施

有些概念很难说明。有些产品和服务既不令人兴奋, 也不容易与人类体验联系在一起。在这里, 插画家必须在概念创作过程中深入研究。要发现主题最引人入胜的角度, 请探索其阴暗面。

  • 主要的痛点是什么, 为什么存在?
  • 谁在财务, 职业或情感上受到的影响最大?
  • 公司, 客户或专家之间是否存在矛盾或有争议的观点?

此类问题适用于大多数在线销售的商品。作为插图画家, 我们经常要承担展示好事物的任务, 但如果我们不了解坏事物, 我们将寻求疲倦的对立。实际上, 这种积极/消极的平衡是讲故事的关键方面。没有低点, 说明性的高点将失去影响。

做得好:大卡特尔

网页设计插图

大卡特尔(Big Cartel)的博客插图幽默而机智, 例如此三联画强调了其数字结帐的及时性。


罪魁祸首2:猖R的模仿破坏了新颖性

起源

模仿和创造力并非截然相反。自世界上最早的文明以来, 艺术家和设计师就通过模仿来培养创造力。引人注目的风格引起了人们的注意。我们对其进行检查, 解构并收集其技术以增强自己的工作。这就是增长。

在一个完美的世界中, 模仿将仅限于学习和评论。复制的样式将在视觉和概念上进行转换。这种方式很少起作用。

问题

模仿会阻止进化。当我们遇到一种流行的风格并将自己置于自己的轨道上时, 我们就像老式的学徒一样, 有着险恶的转折。我们不当使用”跟随”插图画家的风格, 并以我们自己的名义推广成果。

品牌是同谋。 X公司想要Y公司的插图风格, 因此他们委托了仿制产品。它一遍又一遍地发生, 每次迭代都会引入新的熵层。最终, 整个行业都使用了许多简并的克隆, 例如Multiplicity中的Michael Keaton。

SaaS领域的主要插图风格别具一格。令人尴尬的同质。

补救措施

除了模仿, 还有无数的途径。不需要创造性的天才或排除外部灵感。恰恰相反;插图画家需要充分接触参考资料。我们看到和存放的东西越多, 我们就能重新诠释的越多。可以进行许多探索性练习:

  • 历史混搭。通过有才华的艺术家的眼睛重新构想鼓舞人心的插画风格。
  • 快速重绘。在参考其他插图画家的风格时, 请仔细绘制对象。然后, 在没有参考样式的情况下快速重绘同一对象7-10次, 并接受出现的怪癖。
  • 添加规则。创建一个影响插图过程的约束。例如:我只能画直线。它们可以是任何长度或角度, 但必须是直的。
  • 工具开关。使用不太适合该工作的绘图工具模仿插图样式。例如, 如果样式依赖于精确的线条, 请使用墨水和柔软的毛刷复制它。
  • 盲目解释。汇编3-4种引人注目的插画风格, 并请同事以书面形式描述。丢弃所有原始参考样式, 并使用书面说明来告知创意选择。

做得好:Toggl

网站插图

凭借其3D风格和讽刺意味, Toggle打破了2D感觉良好的Web设计插图的当前趋势。


罪魁祸首3:插图系统变老而僵硬

起源

我们是一个迷恋设计系统的时代, 一个时代源于在多个品牌接触点保持一致体验的需求。并不是说设计系统是新的。编辑系统已经存在了一个多世纪, 但是考虑到品牌现在使用的数字渠道数量, 系统思考正在紧迫。

同样, 品牌数十年来一直采用不同的插图风格, 但是现代设计系统引入了新的考虑:我们如何使我们的插图风格系统化?

颜色, 纹理, 长宽比和主体类型都经过仔细定义。结果被大肆宣传。时间揭示了一个缺陷。

问题

插图和界面设计不一样。当设计系统告知界面样式时, 结果就是幸福的凝聚力, 将用户定向在他们的数字环境中。信息架构是一个里程碑。导航是一种习惯。但是以系统为主导的说明性风格令人窒息, 无法激发创意冲动, 即突然激发并完善了新创意。

这并不是说系统本身就很糟糕。当系统支持图像概念时, 插图画家实际上可能会发现约束解放了。但是, 当通过系统的镜头构思图像时, 由于插图画家对凝聚力的错误信任而使想法减弱:它适合系统, 因此有效!

逐渐地, 更多的精力投入到了系统维护上。线宽和服装文章推翻了引人注目的概念。最后, 插图的风格和讲故事的能力会消亡。

补救措施

插图化解了人类的创造力和情感的复杂性。它邀请局外人欣赏他们可能不习惯的经历。插图成为品牌形象载体的能力是次要的。这些不可逆转。

为防止图像变得僵硬, 请按照主题原则构建插图系统。品牌的声音和价值观不只是风格决定的来源。它们是讲故事的策略, 可以从多个角度(客户, 公司和竞争对手)进行查看, 解释和重新讲述。

有一些实际步骤可指导插图系统的开发和长期相关性:

  • 不要痴迷普通观众不会注意到的规则和细节。
  • 避免以破坏创造性直觉的方式执行系统准则。
  • 不要将系统锁定在与其代表品牌相同的调色板中。
  • 有时会通过邀请外部插图画家贡献自己的独特风格来打破体系并挑战观众。
  • 计划系统的发展, 并允许进行渐进式的实验-即使当前的风格广受好评。

做得好:Notion.so

Web插画风格

许多插图系统的样式过于繁琐, 规则繁重。相反, Notion的单色插图系统简单, 一致且富有表现力。


罪魁祸首4:过度使用了插图

起源

许多公司在其网站上需要大量的视觉内容, 但是时间和预算的限制限制了可以调试的自定义图形的数量。为了满足需求, 公司转向在其购买主题插图集的库存站点。

不幸的是, 很少有原始, 高质量和未充分使用的库存插图(更不用说品牌上的插图了)。

问题

在股票插图的世界中出现了令人不安的趋势。在对剪贴画时代的误导致敬中, 现在出现了混合搭配插图网站, 这些网站允许用户定义性别, 肤色和衣服等变量, 从而立即生成”自定义”图像。所产生的插图会污染使用它们的公司的创意信誉。

补救措施

对于资源有限的公司, 有两种方法可以规避与股票图像有关的虚假氛围。第一个可能令人惊讶。全心全意拥抱股票插图。全力以赴。不加保留地使用库存图像, 但可以找到自定义图像的方法。怎么样?

  • 将不同的股票样式与数字拼贴混合和匹配。
  • 将插图与摄影相结合(甚至包括摄影)。
  • 覆盖手绘元素, 例如Sharpie标记或油漆笔触。
  • 跟踪数字变形和失真的股票样本。
  • 将库存转换为灰度并使用数字绘制的图形注入品牌颜色。

在编制预算时避免存货的第二种方法是确定最需要哪些插图并订购少量插图。也许这意味着要调试五个主页插图。在短期内, 它们将提供视觉效果, 随后, 它们可用于为其他渠道提供更多插图。

做得好:《彭博商业周刊》

Web插图趋势

彭博(Bloomberg)的印刷封面长期以来利用库存图像来产生戏剧性(且有趣)的效果。在网上, 这一传统仍在继续, 这一巧妙的照片拼贴就证明了这一点。


有目的地创建网页设计插图

在网络上, 插图使服务更相关, 产品更理想。它加强了品牌叙事, 并帮助网站访问者了解他们每天遇到的无休止的信息流。但是, 仅在网站上显示插图是不够的。

不能超出其对应文本的1对1表示形式的插图浪费了参与机会。同样, 插图中几乎没有价值, 可能会被误认为属于其他数百个品牌之一。

插图必须以独特的视角(从风格和概念上)吸引观众。它们不必太复杂, 逼真的照片或色彩突兀, 但它们确实需要以文字, 图片和图表无法理解的方式来阐明有关其主题的有趣信息。

插图将保留。它的交流能力太有说服力, 不能被抛弃。但是对于那些未能发掘插图表现力的公司和插画家来说, 其价值将证明是短暂的。

• • •

在srcmini设计博客上进一步阅读:

  • 品牌插图101:形象化的叙述
  • 无需任何绘图技能即可设计自定义插图的分步指南
  • 探索格式塔设计原理
  • UX设计趋势回顾展2019
  • 设计原理及其重要性
赞(0)
未经允许不得转载:srcmini » 视觉保存期限–为什么网页设计插图会过时

评论 抢沙发

评论前必须登录!