阅读这10个网站后,您将了解网页
浏览:482 时间:2020-9-14

中白页的提示想要从用户吸引足够注意力的元素通常需要被周围的空白区域引起。此设计可创建更优雅的用户体验。

今天,当极简主义风格成为主流时,“少即是多”是设计师视为标准的标准。控制配色方案的数量,限制视觉元素的数量,并在明确的层面,呈现核心元素,抓住人们的眼睛,打击核心。

这种设计非常依赖于空白区域,所以留空是很重要的。

白色空间不一定是白色,可以是任何其他颜色,另一个名称留空是“负空间”。白色空间可以突出并突出视觉主体,这也是它的主要工作方式。

虽然白色空间看起来并不复杂,但在复杂多变的设计环境中,这通常不是一件简单的事情。优秀的白色空间设计平衡了风格的简洁性和功能的可用性,并且这需要相当多的练习和积累。

 在什么地方用留白

必须承认,并非每个设计都需要大量空白。必须确定空白区域的使用范围,并且空白区域的存在将对设计中的以下因素产生影响:

排版布局

图像图像

功能控制

文字内容

保证金差距

Mark Boulton将白色空间分为两种尺寸。

小白色空间是较小元素之间的小间隙,如下面元素周围的白色空间是小白色:

链路

列表

图标

按钮

文字段落

相反,当处理相对较大的元素时,周围的负空间是一个很大的空白。

正确使用白色空间可以为整个设计带来平衡感。对于文本内容,您会发现易读性水平与小空白的控制密切相关,这对内容的呈现有重要影响。

使用空白区有很多好处:

消隐可以增加内容的可理解性。

消隐突出显示特定的UI元素,主要是CTA元素。

可以使设计更整洁和友好。

 Bear Creek Distillery

凭借形式和影响力以及引人注目的副本,Bear Creek Distillery可以轻松地从同行中脱颖而出。为了突出他们的“蒸馏技术”作为葡萄酒供应商的核心竞争力,设计师试图尽可能减少可能分散注意力的因素,以便信息可以准确,直接地传递给参观者。

 Squarespace

Squarespace设计者试图限制他们在界面上使用的UI元素的数量,同时确保用户可以访问足够的信息。搜索框允许用户轻松找到他们想要的信息,而复制设计的独特性使品牌的音调得到放大。文本的字体颜色为黑色,与浅色背景形成对比,使阅读和信息更容易。

 Progressive Punctuation

如何用标点符号来表达复杂的情感?渐进式标点符号此站点显示这些“新”标点符号。

与其他页面的区别在于页面需要携带许多不同的非标准标点符号。为了准确传达信息,设计师巧妙地利用白色空间来控制符号之间的间距,以确保整体的优雅。保证信息的沟通。

 Apple

关于空白的设计,很难绕过Apple的经典案例。虽然他们不是先锋,但Apple已将此技能应用于自己的产品设计和网站设计。

在他们的网站上,您将看到清晰的视觉上下文,页面的每个部分都有清晰的视觉焦点,主要和次要,用户永远不会迷失和分心。

Tinker

您可以在Tinker自定义您的手表。在网站上,您可以选择手表的款式,颜色和装饰元素。

为突出产品的可定制性,Tinker在本网站上可以看到的最明显的视觉元素是分离的手表组件的清晰画面。就像Apple的官方网站一样,设计师不希望你的注意力分散注意力。事情已经消失,减少了二次信息的显示,从而增强了核心要素的呈现。只显示必要的内容,直接为您提供所需的一切——手表很好。

 The Pisacco Chronicle

Pisacco Chronicle是一本致力于食品,电影和艺术的在线杂志,是大多数人非常喜欢的。

有趣的是,该网站使用宝丽来风格的旋转木马来吸引人们。页面上的标题和导航非常吸引人,很大程度上是因为页面上的元素确实没有多少可以被注意到。如果文本内容更多,则很难确保每个元素都清晰直观。

没有炫目的颜色和弹出的颜色组合,因此页面上的图像内容没有令人不快的原因。

 Seedlip

这个品牌也是一个酒庄,但这次他们的网站推荐了软饮料。这次饮料是基于一个新概念创建的,并且使用具有大量空白的网站是一个不错的选择。

该网站还使用了大量空白来突出显示信息。更重要的是,设计师还增强了浏览体验。当用户浏览时,高清饮料图像将成为整个视觉的中心。为了增强品质感,设计师可以让用户快速注意到品牌巴洛克风格的华丽LOGO,而这种效果也离不开空白的贡献。

 Pocket Penguins

Penguin一直以其出色的封面设计而闻名。大胆的文字和大胆的色彩是他们的特点,Pocket Penguins网站完美地延续了他们的品牌形象,允许用户通过颜色和排版来注意他们的书籍。

 Sweetgreen

这是一种用白色和彩色图像吸引用户的非常有效的方法,因为这两者可以进行比较。

特别是对于食品,在三种颜色中,颜色和视觉是第一个传达给人们的。诱人的画面是Sweetgreen吸引用户的最强大武器,因此请尽可能多地保留照片以制作这些食物。

 Jomor Design

当您想要传递信息时,让用户专注于该信息是最有效的。如果用户有这样的消息,他自然不会错过它。

柔佛设计本网站一直致力于传达清晰的信息。作为一个设计机构,他们使用精心设计的副本来吸引你的注意力,“我想帮你踢屁股。” (让我帮助你成为最好的。)

如果页面上有图像,则不会注意到该段落,因为文本通常没有吸引力。

 结语

巧妙地使用白色空间可以使您的设计足够优雅,您需要使用它来保持简单和直接。消除不必要的干扰并专注于提供关键信息,所有这些都需要空白参与。