四个小技巧增加设计层次感

2021-7-31 23:30| 发布者: admin| 查看: 66| 评论: 0

简介:运用分组建立层次在设计中,相邻的元素比分开较远的元素会更加吸引人注意,在做设计阅读顺序时,利用设计分组是一个非常有效的方法,将不同信息进行视觉间距分组。能提升用户对于内容上的理解。▲如上图slack的设计 ...

运用分组建立层次 

在设计中,相邻的元素比分开较远的元素会更加吸引人注意,在做设计阅读顺序时,利用设计分组是一个非常有效的方法,将不同信息进行视觉间距分组。能提升用户对于内容上的理解。

四个小技巧增加设计层次感

▲如上图slack的设计,插画引导图和底部按钮上面文字拉开了距离,使得内容更聚焦。第二个界面的顶部头像和下面的文字也是通过分组形成了对比。

 

四个小技巧增加设计层次感

▲stadium-live的产品设计上,登录页面按钮为一组,顶部品牌LOGO和slogan一组,人物为一组,每组信息之间分组非常明确,互相都不会对对方视觉产生干扰,后面两张页面也是如此,顶部的导航,和下面表单信息,以及头像和底部按钮,通过分组处理,内容更加符合用户的视觉动线。

 

四个小技巧增加设计层次感

▲在球员定制的处理上,最右边那张图,通过卡片和线条分组处理,从视觉上很清晰的看见排名;哪两个球队之间正在进行比赛。

收藏 邀请

鲜花

握手

雷人

路过

鸡蛋

相关分类

精彩阅读

更多+

精选资讯

更多+

资讯排行

更多+

艾德网络 - 深圳市艾德网络科技发展有限公司 ( 粤ICP备19051611号 )

公司地址:深圳市南山区粤海街道高新区社区科苑南路3176号彩讯科技大厦十六层 联系方式:admin@eddid.cn

返回顶部