在设计中合理使用留白.pdf

在设计中合理使用留白 我们都知道在网站或者 APP 里面，留白是个很好的设计元素。 利用空间是设计理论的原则之一，并帮助你创建它的视觉焦点。如果留白用得好 —在设计里页面没 有其他元素，它也不只是白色 — 它是视觉焦点的关键。 留白是我们设计当中不能被忽略的一种手法，这里有 19 个网站都是关于留白，任何一个都能帮助你 更好了解它。 网页设计中的留白 Melanie F 当你打开页面的时候，你可以很容易的发现，留白设计运用的很不错。首页顶部的标题周围有很多 空白。 色彩缤纷的标题背景把标题和标识都很好隔开，使得人们对这个页面印象深刻。 Urban Influence Urban Influence 是一家品牌中介，位于华盛顿州的西雅图。它的招聘页面非常有趣，因为它没有提 供工作岗位或额外津贴列表。 反而，有每个模块和对应的位置。这些内容的周围运用大量留白，让人们更容易浏览，看起来也更 像一个经典的招聘页面。 Trippeo Trippeo 是一个全新的费用跟踪 APP 。当你第一次登陆这个页面，有一个简单的 Trippeo 信息就会迎 面而来，同时有一个箭头指示你去阅读。很少有人去这个网站，但是只要你往下看，你会注意到所 有不同的元素都是分开的，尤其是你看到他们的不同部分。 We Are Adaptable 我们是 Adaptable ，是一家创新机构，服务于不同领域，比如用户体验或者电子商务。在他们网站 滚动的时候，你可以看到他们在不同的地方给予专业的留白。团队工作的重要照片下面都有一些简 短的描述。 Gogoro Gogoro 是一个新的环保代步车网站。它的页面很容易吸引人的眼球 –摩托车在前面和中间。很少 有这种围绕一个产品特殊介绍的网站。它使用这种留白方式肯定会让人们更加关注到产品。 Over 服装品牌使用简约的外观 ,它做的非常棒。当你进入页面，首先引起你注意的是一张简单的模特照片 。当然那里还有网站 LOGO ，导航和一些其他有用的链接，但是你的注意力一直围绕着模特，并不 会被其他信息转移。 Mathais Sterner Mathais Sterner 的信息都是放在一起，这种方式让内容更加突出，它不喜欢拐弯抹角，它的信息是 直接呈现的。页面有三个主要文本部分和大量的留白来帮助你阅读信息。 Dog Studio 在这里我们有个数字机构，它们有一个简单的主页，但是他们的留白运用的很不错。当他们在浏览 页面的时候，留白的运用让访问者很容易抓住重要信息。不得不说这个网站整体采用这种设计，简 直美的不要不要的。 T hierry Ambraisse 当你进入这个网站， T hierry Ambraisse 作为一个摄影师知道如何让人眼前一亮。他用幻灯片背景展 示他的工作。没有什么信息在网页的上面分散你的注意力。有一些元素在主页上，比如导航，小的 标志在中间，但是他们都很恰当的隐藏起来了。 VO2 Group 另外一个例子就是艺术的标题，它是 VO2 Group 制作的。它们的主页元素很少，只有彩色的大标题 . 因为页面没有太多东西，所以不会让人感觉杂乱，这都归功于留白的巧妙运用。 While We ’re Young 这个网站是对 Noah Baumbach 新电影进行有趣的介绍。它的大标题里面包含演员列表。标题确实 很大 ,但不凌乱。 Spring Polar 这里有一个简短的登录页的程序。有些元素在页面中位置和大小的不同，但都能在页面中很容易的 看到，这就是留白的重要性。 Blossom Type 这是一个有趣的网站，它有一个巨大的 LOGO 。当你打开页面的时候，它已经在工作了，因为它没 有太多额外可以点击的二级页面。但是网页仍然有一些非常小的可以点击并跳转的的按钮，所以整 个页面看起来都是大量的留白。 Quentin Morisseau 留白是图形设计经常使用的手法。不同的项目有可能是相互堆叠，相反，他们是分开的，创建出给 人不同的体验 Stupid Studio Stupid Studio 的轮播是我喜欢这个网站最重要的原因。他们用创造性的方法解决了这个问题。注意 文字描述部分信息也没有那么多。这就是为什么留白让