提供全面的用户体验在多种媒介中,一个真正的响应式设计并不局限于上下文或者缩小页面上的内容。微妙的设计考虑,如图标和标识也应该灵活足以遵循类似的上下文响应原则。
几年前,这种改变标志的疯狂、疯狂的言论会被称为设计禁忌,让你招致那些自命不凡的品牌大亨的愤怒。但是今天,一家公司可能会把它的商标用在任何东西上,从巨大的广告牌到小巧的智能手表响应式标志“想法正在消失。如果您对创建响应式标志设计的工具感兴趣,您应该查看我们的最佳标志设计软件 文章。
在一个反应灵敏的世界里调整标识
随着手机友好性在网络上掀起风暴,标志设计者发现越来越重要的是让他们的矢量适应任何和每个用户的屏幕尺寸,以便公司标志在各种分辨率下呈现时不会被剥夺其固有的意义或本质。由于徽标是品牌的基石,因此很自然地将它们硬连接起来以迎合网络空间的需求。
为了让这个概念扎根,一个辉煌的标志是先决条件;能以简单的形象完美体现一个品牌价值观的东西。不管用什么设备访问一个网站,创造一些能继续充分展示一个品牌的东西是一个棘手的问题。
让我们来看看如何在不丧失品牌个性的情况下设计可扩展的徽标
面向设计师的响应式标志设计指南
1.简约设计
无响应logos最大的困境是过于复杂;充满了细节和错综复杂的微妙之处。
在Matthew Fidge发表的一篇关于创意的文章中,许多人讨厌看到徽标只是一个视觉挂钩。他们希望他们的标志成为组织传统和品牌价值的载体。然而,拥有太多的元素只会让你更难放弃某个特定的元素,任何试图将它放入更小空间的尝试都会以设计噩梦告终。
橄榄花园的标志,尽管本身很吸引人,却提供了一个完美的设计难题。谁会忍心在不破坏设计的情况下,剥去其异想天开的叶子上美丽而巨大的文字标记呢?
另一方面,没有办法在一个更小的屏幕上呈现整个徽标,否则它会变成一个又大又乱、五颜六色的难以辨认的骗局!
持久的平面设计理念简单明了已经成为新的标准,因为标志设计者努力创造不同尺寸的标志,保持清晰,快速加载,优雅缩放,并具有最大的影响。
这意味着趋势发光,复杂的插图,颜色梯度,阴影,和其他图形修辞已经避免了一个更干净的审美,用更集中的形式取代多余的装饰。
减少标志的细节层次会使小尺寸的标志更容易辨认。轮廓元素可以被填充和反转,渐变可以被展平,插图可以被重绘成图形形状,细笔画可以被加粗,细节形状可以被平滑。这是为什么平面设计变得如此受欢迎。
一个很好的例子是万事达卡最近的标志重新设计。简化和现代化,万事达卡的新品牌标识经过优化,以适应日益数字化的世界。
新标志告别了重叠圆圈上的扁平阴影和不合适的浓缩无衬线文字标记。徽标可以在较小的分辨率上单独使用,而不会失去其可识别性。
这里有一些标志重新设计,这是一个证明少即是多!
2.多功能设计
所有精明的标志设计师都知道创造经得起时间考验的多功能设计的谨慎。
当我们谈论响应时,我们考虑的是质量、易读性和设计的调整。设计师乔·哈里森的项目中的迪斯尼的例子”响应式徽标",展示了如何简化徽标以适应各种屏幕尺寸,同时又不丧失其特性。
尽管“华特·迪士尼”这个名字暴露了城堡的元素,但它足以在观众中煽动附属于品牌名称的情绪。缩小浏览器的尺寸,“迪士尼”是一个更简单的品牌名称。由于迪士尼的“D”是一个独特的标志,该标志进一步缩小到识别该品牌所需的基本要素。
谷歌也选择了赶时髦,改变了它的标志,将简单的蓝色“G”转换成一个字母,它代表了最初标志的所有颜色,毫无疑问标志代表了什么。
3.整理,最小化,减少细节
不管人们相信什么,当由于物理限制而对标志进行微小的调整时,品牌的身份和识别不会受到影响。以下是一些有效缩放徽标的方法:
增量缩减
从Joe Harrison的实验中可以明显看出,你不需要在屏幕尺寸最小的变化上对你的logo做剧烈的改变。
随着浏览器窗口变窄,使徽标失去一个细节元素,变得比以前更抽象。
特别是对于有小字体特征的标志,逐渐消除小字体可以创造奇迹。
去掉文字标记
当在更窄的浏览器中显示时,Hubspot很容易放弃它的文字标记。他们明白一个简单的图标可以让用户更加专注于体验和内容,并且不那么令人分心。达美乐也很快摆脱了较小分辨率上的文字标记,因为它的标识本身就足够明显。
简化徽标
如果一个公司的商标足够复杂,以至于在较小的分辨率下会变得模糊不清,或者如果该公司的文字商标更容易识别,那么最好去掉商标以简化商标;就像披萨快递做得很完美一样。
要点摘要
如果你的公司有一个细节——东方的商标或华丽的文字,但你想保留这个商标而不去掉任何元素,一个很好的方法是使图像更抽象。
这确保了徽标在较小的屏幕上清晰可见,就像捷豹所做的那样!由于原始徽标中的铬合金效果很难按比例缩小,替代版本保留了识别徽标所需的必要细节。
垂直堆叠
垂直堆叠logomark和wordmark是使logo适应设计约束的一种简单方法。虽然并排的徽标最适合较大的设备,但垂直堆叠的徽标在较小的分辨率下占用更少的空间,而不会从徽标中带走任何元素。
面向未来的徽标
响应式徽标的最大好处之一是,即使在较大尺寸显示时,它们也能在所有屏幕尺寸下保持易读性,而不必与极简风格相抗衡。
响应式设计允许徽标设计人员微调图标,以描绘与多种分辨率的易读性相关的“最佳点”。由于这些徽标的设计是根据显示它们的设备来显示各种细节(并且有许多屏幕尺寸可用),响应图标的流动性保证了它们已经针对新设备进行了优化。
在技术上带来它;我们的标志都是为战斗准备的!
常见问题
什么是响应式标志?
响应式或适应性标志是一种可以根据不同大小、颜色背景和复杂程度进行更改或调整的标志,以适应所需的营销或品牌材料。拥有一个响应的标志是任何知名品牌的基本要求。
你如何调整你的标志,使它们具有响应性?
一个可行的选择是简化徽标。您可以为您的品牌推广材料设计不同的简化标志或设计一个简化标志,使您的标志更具适应性。
在设计一个响应式标志时,你应该记住哪些事情?
当设计一个响应式标志时,你应该记住三件事:简单、多功能和极简。虽然还有其他因素,但这些是设计简化标志时要记住的主要因素。
你如何预见未来的标志?
创建一个极简主义的标志是确保你的标志设计经得起未来考验的一种方法。采用极简设计,无论屏幕大小或材料如何,您的徽标都将保持易读性。
垂直堆叠在logo设计中有用吗?
当处理大量文本的徽标时,垂直堆叠是一种很好的方式。这在整合到空间有限的设备或创意材料时尤其有用。