广州网页设计公司-网页设计-留白设计
-
≥ 1件¥1.00
广州网页设计公司、广州网页设计、广州平面设计公司、广州UI交互设计别样设计是的广州设计公司,专注于为企业提供UI外包服务。多年的UI设计经验和强大的设计团队,为您打造更、更具视觉体验的UI设计。uibieyang.com
近几年留白的设计手法在网页设计中很受欢迎,极简的风格不仅让人看上去很舒服,也能有效提高一个网站的整体设计档次。在网页设计中,过多的留白会导致页面显得空荡,过少的留白又会让页面显得拥挤,如何在这中间找到平衡点,是设计师需要考虑的问题。小编一直很喜欢简约的风格,而日本的设计大的特点就是极简,留白手法也颇有到之处,今天想跟大家分享一下。
1、图片留白
图片留白就是在图片的设计上,处理好标题和主题图/背景色之间的关系。下面这张海报利用了地平线的透视对视觉产生强烈的冲击力,加上“无印良品”文字LOGO,没有加其他多余的元素,反而很好地凸显了无印良品的主题,体现了产品的特点。
2、文本留白
文本指的是区块当中的文字段落,行与行之间适当的留白,能给文字一种呼吸感,不会显得那么拥挤。但是要切记,行距大小不是越大越好,可以根据整体页面调整行距,依靠自己的审美观把握适当的距离。
3、区块留白
在网页设计当中,区块与区块之间也要适当留白,不同的留白可以区分不同的区块和同一区块之间的层次。如下图,这个网站设计的首页采用的就是区块留白,各个主体都很,页面整体给人活泼生动的感觉。显而易见,留白能够增加或者降低元素的易见性,元素周围留白越多,越能醒目。
4、布局留白
一般情况下,网站会有宽度限制,在宽屏模式下,有些网站的头部和幻灯片设计是的宽度,但是幻灯片下的主体内容,可以设定一个固定的宽度大小且居中显示,然后主体部分两侧留出一定的空白区域,这就是布局留白。例如下面这个IGE定制展台设计,它的主体四周就是留白的,加强了整个页面的对比度,使色彩更加鲜明。