ssw6618

新闻资讯

时时了解最新动态

今天来聊聊网站设计中的留白技巧

2020-06-12  
留白一下是网站设计中非常重要的技巧,留白用得好,整个网站会衬托得非常大气,简洁,优雅。
在这个快节奏的现代初会,反而极简成了主流,越简单越能给人以放松自由的感觉。极简风格中留白就占了主导地位。
首先给大家分析一下留白并不代表都是白色,也可以是另外其它的颜色。留白其实在专业的名称里应该叫“负空间”留白是为了凸显主体,给主体部分留出
一条通道。不知道大家能不能理解。
 
留白看起来简单,其实在整个网站设计中却变得有些小复杂了,因为没控制好,整个网站就会变得格外单调,没有灵魂。优秀的留白设计能够在简约的风格和功能的可用性之间达到平衡。
这么说来,一切都需要用实践和经验才能达到这个程度。
 
一、什么地方要用留白?
不是所有的地方都要留白的,留白的部分一般最多的是在排版布局、图片之间、功能控件之间、文本内容等。小部分的留白一般是列表、按钮、段落、图标之间。大留白就是我们说的负空间。留白最直接的作用就是让阅读的体验感更强,凸显主体,让页面更加舒适。
 
 
图1:左边是一张具有视觉冲击力的图片,右边是简单的文案,可以说文字确实太少,但背景不是纯白,隐约的印有logo做为底部的背景,文字的左下角一条细线拉长了页面的延伸性。这样让背景及文字不那么
孤立无援。整个页面简约不简单,一下子就营造出高级感出来了。
 

图2:界面上使用 UI 元素的数量只有3个左右,不多,让人知道哪个是做什么的,目的性强。文字颜色和背景的浅色是强烈的对比 ,页面给人以轻松的感觉。
 
 
 

图3:要说留白用到最多的要属于iphone官网了。这个是出名的留白使用最多的,因为它要让产品成为最大的焦点。页面的每个部分都有清晰的视觉焦点,主次分明,用户永远不会在这里迷失和分心。这个
手法直接。
 
 

 
 
图4:Tinker 定制手表也是运用差不多的手法,inker 这个网站中所能看到的最显著的视觉元素是清晰的被分离出来的手表组件图片,体现了他们产品的可定制性,提升核心元素的展现。

 


图5:使用留白和色彩丰富的图片这种搭配是非常常见的,很容易显出高级感,因为两者左右区分对比性强,让人把控得非常清楚。这是一个美食的网站,诱人的图片是 Sweetgreen 这个网站吸引用户的最有力武器,所以留白尽量衬托出这些图片,让这些美食被用户注意到。留白只是衬托,主体是美食。
 
 
总结:总体来说,留白运用得当,让你的整个网站设计档次有所提升。简洁,舒适感,直接,主题明确等都起到了非常重要的作用。


声明:本站转载自网络,版权归原作者所有,文章所述观点并非翼好网络的观点,如有侵权请第一时间联系我们时间进行删除。翼好网络是一家正规的上海网站建设公司,欢迎前来咨询建站业务!