评论:如何在移动和桌面屏幕尺寸上将徽标绑定到我的网站设计中?

平面设计 网站设计 标识 页面布局 移动的 批判
2022-02-14 17:36:23

我是 SE 图形设计部分的新手,这是我在这里的第一个问题,但对图形或网页设计并不陌生。

我正在为新的本地电子竞技酒吧制作免费网站。基本布局在那里,但标志看起来不合适。(请注意,这些图形都不是我制作的,目前只是占位符)该网站使用媒体查询,并且有 4 种基于宽度的不同尺寸布局:

  • 非常大:1051px +
  • 大:751px - 1050px
  • 中:461px - 750px
  • 小:小于460

在我看来,徽标在“小”布局上看起来非常合适,但在其他三个布局上看起来非常不合适。

我的问题:我可以做些什么来将我的徽标绑定到更大的布局中,这样它看起来就不会像坐在那里一样?(调整浏览器宽度以查看不同的布局)

网站: http: //pvp.comeze.com/

在此处输入图像描述 在此处输入图像描述

2个回答

最简单的答案:我不认为徽标看起来很糟糕,因为它位于一切之上。

简单的回答:您可以尝试将徽标浮动到较大的左侧和上方,然后向上移动菜单以填充空间。

复杂的答案:您可以更多地考虑身份系统。标志不是品牌;这只是其中的一部分。想想可口可乐是如何有他们的标志的,但他们也有“动态丝带”,他们将其用作罐头上的辅助元素。如果您有一些次要品牌元素或调色板可以使用,您可以将其放入标题中并更好地填充空间。

像这个标志+文字这样的垂直形状在宽阔的水平空间中看起来有点迷失,尤其是居中。这主要是因为它立即定义了三个矩形,其中两个与徽标和文本的方向相反。为了使“酒吧和漫画书休息室”的文本足够大以便阅读,您还必须在屏幕顶部使用大量不受欢迎的有价值的垂直空间。

正如您在此处所做的那样,将文本置于徽标下方的中心使其非常静止。与您在滑块中使用的略微偏移的文本进行比较,它具有非常适合主题的运动感。与你的标志的字母形状,由两行文字形成的“基座”使 PVP 看起来有点不平衡,有点不舒服。

为横向应用程序制作一个版本,例如您的网页标题(无论如何您都应该拥有一个)。这使得“酒吧和漫画书休息室”更加突出,还可以让您保持那种运动感,从而减少所需的垂直空间量。

在移动屏幕上,它会很好地填充标题。在大屏幕上,它应该向左浮动。这就是我们希望在从左到右的语言网站上看到徽标的地方,如果您需要,它会为您提供辅助菜单或用于特殊活动公告或广告的横幅旋转器的空间。