首页 > 视觉技术 > 如安在网页中应用留白
2017
10-30

如安在网页中应用留白

所谓留白,有时也称作负空间,两者是同一个概念。尽管这个术语尤其指留“白”,但它所指的区域并不必定如果白色的。它只是网页构造中环绕各元素的空白空间。

如许的空间表现为多种不合情势,例如图片、图表、裂缝、外边距、列甚至一行行文字之间的空间。尽管它似乎“空无一物”,里面没有任何其他设计元素占据一席之地,但我们不该该如斯对待它。视之为“无物”,也许打造美感与表示力的机会就流掉了。

处理合适的话,留白确切可认为网页设计带来大年夜量的益处。不该削减网页设计中的留白,相反,应当增长网页中的负空间。一些有名的大年夜众品牌已经在朝这个偏向进步,更多的设计师们也在跟随他们的脚步。

更多的留白,等同于更豪华的品牌与网站

客户往往请求设计师尽可能用尽网页里的空间,因为网页中的空间是昂贵的,只有有限的屏幕来展示信息。无论若何,反其道而行之——增长留白——促使设计师在更严格束缚的空间中,打造加倍光鲜的品牌信息。

别的,大年夜家会认为,留白更多的网站,它的内容比屏幕空间更重要。所以,品牌也显得更尽豪华,因为它就义了更多屏幕空间,反而将核心汇聚在内容信息上。

豪华的品牌懂得这层隐喻,平日都应用更多留白来达到这一确切后果。PotteryBarn是个有名的高等家具零售商,它的网站很聪慧地应用了留白,恰好反应了这一点。留白安排了主页,页面旁边大年夜片的留白,更好地将拜访者的留意力集中在页面中心的交易与促销信息上。甚至页面顶部的品牌名称本身,也在字符之间大方地应用了留白。

留白晋升搜刮流畅度

两大年夜搜刮引擎Google和Yahoo Search,诠释了留白简洁有效,这个简单的例子再合适不过了。

Google精确地舆解了一点,正在搜刮某个话题的用户,不想被嘈杂的背景和告白分散留意力。是以,留白安排了全部http://www.aliyun.com/zixun/aggregation/9464.html">Google搜刮引擎页面,实际搜刮框只占据页面中心窄窄一丝空间。类似的,Yahoo搜刮也表现了应用留白的妙处。固然这个页面顶部有长长一条菜单栏,理念照样雷同的:大年夜量的留白,应用户专注于搜刮,别无他物。

可读性和易读性获得应有的大年夜幅晋升

用好留白,任何网站的可读性与易读性都邑获得改良。假如一个页面上的文字过于拥挤,它就会妨碍舒适的浏览体验,从而阻碍整体用户体验。更多的留白使文字更易浏览,从而晋升浏览体验,也更易懂得。

Information Highwayman是个控制这项原则的小我站点,是D Bnonn Tennant——一名案牍和市场专员的小我网站。善于夸耀的他,知道什么样的网页内容对任何小本经营管用,令人欣慰的是,Tennant在他本身的网站上实践了他所宣传的器械。标题标字间距、文字段落和菜单栏间距,有利于确保可读性和易读性。

留白也可以用于不合内容区块之间,不只是为了晋升浏览体验,也为了将内容分隔成不合部分,使得信息的接收加倍专注。Andrew
Lucas的网站很好地展示了这一点。他是名伦敦的设计师,留白在他小我主页上应用得行之有效。

它让色彩更光鲜

也许留白最直接,尽管也是最简单的益处,就是凸起网页中的其他色彩,使它们加倍鲜艳。这点对于吸引访客眼光大年夜有赞助,因为色彩深浅、饱和度甚至浓度都加倍凸起。

I Am Dan背后的设计师处理得异常棒,他在主页上应用稀少的色彩,成为了这个概念的典范。他的网站的确就是零碎几片红色瓜分开的留白。经由过程这种手段,红色突显了他作品集的链接,吸引访客浏览他的站点,有效地凸起了他的网站,是以进步了访客响应呼唤的几率。

Zurb是家网页设计公司,他们网站也表现了留白若何能凸起色彩。它的特点是主页顶部单一的纯色和不合页面的彩色图标(就在虚线邻近)。除了极少的色彩应用外,首页的整体设计以留白为主。

像绿色、橙色和红色这种简单的色彩,可以或许创造出令人高兴同时吸引留意的外不雅。上面提到两个网站,都采取了极简的用色筹划,因为有如斯大年夜面积的留白。是以,用色异常机灵合适,应用户赞美有加。

留白不是浪费空间

网页设计师们越来越多摈弃之前的误会,认为设计页面时应当尽可能在屏幕内填塞每个元素、每种色彩。正如上面例子解释过的,留白被用于凸起品牌内容、晋升可读性与易读性、突显极简色彩时,展示出了强大年夜的影响力。

俗话说“少等于多”,不论你怎么看,它切实其实实用于关于留白的一切不雅点。广义上讲,网页设计中的这种极简处理方法,如今正越来越风行,这项趋势肯定能持续下去。

者: 十萬個為什麼 原作者:Marc Schenker

最后编辑:
作者:yjcdj
这个作者貌似有点懒,什么都没有留下。