我目前正在为一个使用大圆形标志的地方设计一个网站。他们的徽标包含图像和文本。
我遇到的问题是将此徽标融入网页设计,同时仍保持徽标中的文本可读,但不占用大量屏幕空间。
圆形徽标与宽度一样高。大多数徽标比它们的高度更宽,因此更容易适应屏幕。
我正在考虑将它与菜单一起合并到页面的标题中,但是徽标的高度会在屏幕上造成真正的不平衡,并且徽标中的文字使徽标变得更小是不可能的。
所以我的问题是你如何处理不守规矩的标志?是否可以解构它们,或者在这些类型的情况下哪种变通方法有用?
我目前正在为一个使用大圆形标志的地方设计一个网站。他们的徽标包含图像和文本。
我遇到的问题是将此徽标融入网页设计,同时仍保持徽标中的文本可读,但不占用大量屏幕空间。
圆形徽标与宽度一样高。大多数徽标比它们的高度更宽,因此更容易适应屏幕。
我正在考虑将它与菜单一起合并到页面的标题中,但是徽标的高度会在屏幕上造成真正的不平衡,并且徽标中的文字使徽标变得更小是不可能的。
所以我的问题是你如何处理不守规矩的标志?是否可以解构它们,或者在这些类型的情况下哪种变通方法有用?
想到的一个想法是,您可以真正利用圆在光学方面的自然作用。如果将它放在彩色导航栏上,并让圆形徽标的顶部和底部溢出矩形,它应该会减少标题和正文之间所需的空白量。
在我的示例中,圆圈居中(我有点喜欢圆形徽标,但这可能是个人的事情),但您也可以将其左对齐。
我查看了几个带有圆形徽标的网站。戴尔的很小。UPS 也是如此(不是圆形,而是与它的高度一样宽)。苹果也是如此。汉堡王做了一件有趣的事:
不,三明治上的炸薯条不是有趣的部分……我们在匹兹堡已经这样做了几十年。有趣的是他们把它放在了英雄形象中。因为他们有很棒的摄影师,所以他们可以确保他们的照片被设置好,这样左上角就没有任何东西会损害徽标。但它绝对允许更大的标志,不会压倒,因为它仍然很小,与那里的巨大食物图片相比。
有一个 Linux 发行版,其徽标也是一个圆圈。Ubuntu 的标志是一个圆圈,里面有一个“朋友圈”。他们缩小了徽标,并将其放在您可能希望在其名称右上角看到“商标”符号的位置。他们确实改变了他们的“标志”,这就是其中之一。要查看徽标的变化,请访问http://design.ubuntu.com/brand/ubuntu-logo它还介绍了他们如何分配徽标。如果他们对他们想要的外观不太保守,这可能会给你一个设计的想法。否则,我建议制作带有徽标的横幅,并将其用作网站的标题。
大标志,尤其是圆形标志有点让人头疼。不太了解徽标的实际外观,这里有一些非常快速和肮脏的概念。
请原谅极其原始的例子;把它当作它的本质:概念性的想法,而不是布局指南。
平衡页面与左侧的徽标(您最有可能拥有更多空间的位置)
使用一点透明度,使标志大,不要害怕“空白”(或更准确地说是“标志空间”。
根据徽标属性,您可以同时使用透明和非透明
透明度的另一种看法 - 不透明度
最后,在切割徽标时获得一点古怪的乐趣。只要您在某个地方拥有整体,切片实际上就可以非常有效。并带来令人兴奋的设计。