公告:网站目录不再提供免费收录网站服务( 在线充值获取积分)进行自助审核服务(快审10元/站);

点击这里在线咨询客服 点击这里在线咨询客服
首页 ›  策划 › 正文

QQ截图20180328115240.jpg

想要让一个元素足够吸引用户的注意力,往往需要通过周围的留白来衬托,这样的设计所营造的用户体验更为优雅。

在极简主义风格是主流的今天,「少即是多」是设计师奉为圭臬的准则。控制配色方案的数量,限制视觉元素的数量,在清晰的层级之下,呈现最核心的元素,抓人眼球,直击核心。

这样的设计对于留白极为依赖,因此,留白很重要。

留白并不一定必须是白色的,它可以是其他的任何颜色,而留白的另外一个名字是「负空间」。留白能够衬托和凸显视觉主体,这也是它发挥作用的主要途径。

尽管留白看起来不复杂,但是在复杂多变的设计环境之下,往往并不是一件简单的事情。优秀的留白设计能够在简约的风格和功能的可用性之间达到平衡,而要做到这一点,需要相当的实践和积累。

在什么地方用留白

必须承认,并非每个设计都需要大量的留白。留白的使用一定是有范围,且有留白会对设计中下列因素产生影响:

  • 排版布局

  • 影像图片

  • 功能控件

  • 文本内容

  • 边距间隙

Mark Boulton 将留白划分为大小两种。

小留白是在较小的元素之间小间隙,比如下面的元素周围的留白就是小留白:

  • 链接

  • 列表

  • 图标

  • 按钮

  • 文本段落

相反,在处理相对较大的元素的时候,周围的负空间是大留白。

正确使用留白能够为整个设计带来平衡感。对于文本内容,你会发现易读性的高低和其中的小留白的控制有着密切的关联,这对于内容的呈现有着重要的影响。

使用留白的好处还有很多:

  • 留白能够增加内容的可理解性。

  • 留白能够凸显特定的 UI 元素,CTA 元素大都如此。

  • 可以让设计更加整洁、友好。

Bear Creek Distillery

充满形式感和冲击力的图片搭配上令人眼前一亮的文案,Bear Creek Distillery 可以轻松地从同类网站中脱颖而出。为了突出他们作为酒类供应商的核心竞争力「蒸馏技术」,设计师尽可能地降低可能让人分心的因素,从而将信息精准直接地传递给访客。

Squarespace

在保证用户能够获取足够的信息的前提下,Squarespace 的设计师尽量限制了界面上使用 UI 元素的数量。搜索框让用户能够轻松找到他们想要的信息,而文案设计上的独特性使得品牌的调性得到了放大。文本的字体色彩选用了黑色,和浅色的背景构成了强烈的对比,让阅读和信息的获取都无比的轻松。

Progressive Punctuation

如何使用标点符号来传达复杂的情绪?Progressive Punctuation 这个网站将这些「全新」的标点符号都展示了出来。

和其他的页面不同的地方在于,页面需要承载多个不同的非标准标点符号,为了将信息准确的传达,设计师巧妙地使用留白来控制符号之间的间距,确保整体的优雅性,又保证了信息的传达。

Apple

关于留白的设计,很难绕过苹果这么经典的案例。虽然他们不是先驱,但是苹果将这一技巧的运用在自家的产品设计和网站设计上,体现的淋漓尽致。

在他们的网站上,你会看到清晰的视觉脉络,页面的每个部分都有清晰的视觉焦点,主次分明,用户永远不会在这里迷失和分心。

    管理员

    站长目录网
  • 0

    网站

  • 0

    文章

赶快注册账号,推广您的网站吧!
站长推荐
中国画家网

中国画家网2018-04-08

打造中国最大、最全的著名画家数据库和网上交流平台,包括画家(16675) ……

私人飞机网

私人飞机网2018-04-08

航趣私人飞机网是飞机、私人飞机、直升机、公务机行业门户网站,关注私人飞机 ……

华夏收藏网

华夏收藏网2018-04-08

华夏收藏网(cang.com)是古玩鉴定估价、艺术品在线拍卖、收藏品交易 ……

古诗文阅读网

古诗文阅读网2018-04-08

免费提供古诗文阅读资源 ……

中国古诗文网

中国古诗文网2018-04-08

古诗大全栏目提供古代经典古诗的原文和翻译,包括唐诗三百首、宋词精选、元曲 ……

历史春秋网

历史春秋网 2018-04-08

历史春秋网是一个以历史为核心的文化资讯门户网站,提供中国古代历史、政治军 ……

中医世家

中医世家2018-04-08

中医世家(王氏)的记录;中医相关的理论、方剂、药材、医案等信息的收集发布 ……

养生之道网

养生之道网2018-04-08

养生之道网作为养生门户网站,和口号“养生之道,我们知道”一样,致力于为网 ……

中华康网

中华康网2018-04-08

中华康网致力于打造最权威、全面、专业的健康资讯门户,全心全意为网友提供健 ……

网易体育

网易体育2018-04-08

体育,体育频道,包含体育新闻,NBA,CBA,英超,意甲,西甲,冠军杯, ……