苏州平面设计研究

发布时间:2020-06-29 12:23:00

?为什么用户访问网站?在大多数情况下,访问的主要原因是内容。内容是最重要的,每个设计师都想以最实用、最直观的方式呈现出来。因此,设计师在开始新项目时首先要做的事情之一就是为内容选择正确的布局。

为什么用户访问网站?在大多数情况下,访问的主要原因是内容。内容是最重要的,每个设计师都想以最实用、最直观的方式呈现出来。因此,设计师在开始新项目时首先要做的事情之一就是为内容选择正确的布局。

许多设计师认为,他们设计的每个网站的布局应该是完全独特的,以满足项目的目标,但这远非事实。如果你访问热门网站,你会发现许多网站使用类似的布局。这不是巧合,也不是出于懒惰,因为这些布局有三个显著的优势:

可用性:常见的布局非常常见,因为它们证明用户可以很好地使用它们。

熟悉度:通过建立熟悉度,可以创建良好的用户体验。当用户看到他们熟悉的功能时,他们会有一种似曾相识的愉快感觉。因此,人们花时间消化内容,而不是专注于页面的独特设计。

省钱:重用现有的布局可以节省时间。设计师将花更少的时间尝试布局,并将更多地关注视觉层次和其他方面的设计,直接影响用户体验。

虽然每个项目都是独特的,需要单独的方法,但熟悉公共布局是有帮助的。在本文中,我们将讨论11个非常常见的布局,您可以在无数的网站上找到。

单列布局在垂直列中显示主要内容。这种布局可能是列表中最简单的,也是用户最容易导航的,访问者只需向下滚动即可看到更多内容。

虽然简单,但单列布局在许多网站中非常流行。移动终端的快速发展也推动了这种版式的普及——单行版式完全适合手机屏幕。

适用场景:这种布局在许多基于极简主义设计原则的个人博客中很常见。

对于长页面,考虑顶部/底部导航。由于单列布局通常用于长页面,因此需要始终保持导航可见,以避免滚动到页面顶部以查看导航。

分屏布局非常适合包含两个重要内容的页面。它可以同时显示两者,并且它们的权重相等。

适用场景:当网站提供两种不同的用户旅程时,例如两种不同类型的指令

拆分屏幕布局可以有效地进行比较,因此此布局通常用于设置两个项目之间的相对位置。

避免使用过多的内容。随着内容的增长,分屏设计不能很好的展开,所以当需要呈现大量的文字或视觉信息时,_避免这种布局。

考虑添加动画。您可以通过组合动画细节来创建更具动态性的体验。

不对称是指双方分布不均。在艺术界,不对称一直很流行。近年来,它在网络设计中也很流行。

很多人把不对称和不平衡混为一谈,但事实上,不对称的目的是当两部分不能使用相同的重量时,利用不对称来创造平衡。使用不对称可以产生张力和力量,它可以通过将用户的注意力集中在单个对象(焦点)上来促进更好的浏览行为。通过更改内容的宽度、比例和颜色,可以提升用户的沉浸式体验。

适用场景:当设计人员想要创建有趣的、创造性的布局时,可以使用这种布局方法,也可以提供方向指导。适当的应用不对称可以创造一个活跃的气氛,引导眼睛从一个元素到另一个元素

确保内容适合非对称布局。不对称布局不适合任何网站。对于极简布局,它可能是一个更好的选择。

按颜色添加焦点。不对称的根源在于,视觉重量较大的部分首先会引起人们的注意。通过使用强烈的颜色对比元素,可以将视觉权重添加到设计的特定部分。

卡片是一个可点击信息的大容器,它可以以一种容易理解的方式呈现很多信息。小的预览(通常是一张图片和一个简短的描述)可以帮助用户找到他们喜欢的内容,点击卡片进入详细信息页面。

网格布局最重要的特点是其无限的可操作性。它可以根据大小、间距和列数而变化,卡片的样式也可以根据屏幕大小而变化(卡片可以重新排列以适应任何屏幕)。因此,它可以在响应式设计中发挥很好的作用。

适用场景:网格布局适用于内容较重的网站,可以显示同一级别的多个项目。

使整个卡片可点击,而不仅仅是特定的部分。当用户不需要点击卡片的标题或图片就可以准确地访问内容细节时,互动会更加舒适。

如果您的卡包含图像,请考虑小屏幕上的大小。如果你不能在小屏幕上很好地缩放,你将有一个糟糕的用户体验。

注意卡之间的空格,因为它会影响用户浏览的方式。卡片之间的空间会减慢浏览速度,但会让用户更加关注每张卡片。小的间隔可以加快浏览速度,增加用户忽略某些内容的风险。