海口秀英区ui设计培训专业的机构推荐
来源:海口设计培训学校
时间:2022/8/28 15:45:55
海口秀英区ui设计培训专业的机构推荐,报名学设计到海口天琥设计培训学校。天琥高 端电脑设计培训机构,连锁大品牌,
专业老师授课,讲练结合。天琥教育凭借良好的学习环境、严谨的教学管理制度、浓厚的学习氛围,在多年的发展中始终在设计培训领域有自己独特的优势,同时还提供高校学历证考取,是一家专业培训UI设计的高端型设计培训教育机构。
今天要讨论的是模块与模块之间的分割设计,不同类型的分割设计都是如何使用的。
每一年设计都会有新的设计方向,今年用的zui多是留白分割,但我们设计的时候不能光看别的产品上使用,我们也照搬,我们需要的是找到对自己产品zui适合的设计方向。而我们今天要讨论的是模块与模块之间的分割设计,不同类型的分割设计都是如何使用的。
一、分割的作用
APP中分割布局中,它能起到分隔、组织、细化的作用,帮助用户了解页面层次,赋予内容组织性。
二、常见分割方式
1、分割线分割
分割线是UI设计中zui常见的一种分隔方式,能帮助用户理解页面层次,有分隔、组织的作用,一般是为了将内容分割开,形成独立的内容和信息。
分割的强弱:一般
对内容的干扰:弱,分割线因为存在感不太强,适合划分有关联性的内容,并且能够有效的提升浏览效率
上下滑动的视觉感受:贯穿线的存在感由线的颜色深浅决定,目前大部分页面的分割线存在感都不是很强,也因此浏览时信息比较流畅。
2、卡片投影
卡片投影一直是以小巧整齐的内容容器的形式而存在,每一个卡片的都承载不同的信息,是用户了解更多细节信息的入口。
分割的强弱:强
对内容的干扰:强
上下滑动的视觉感受:阴影在卡片上的叠加,使卡片上的内容层级在视觉上提高了不少,能更好的拓展视觉深度以及可操作性,但使用这种分割对空间的要求有点高,也因此会显得整体页面视觉比较空。
3、背景栏分割
背景栏分割有点像一个容器上放了不同维度的内容,能够在内容区分的同时,还能保持界面的统一性。
分割的强弱:强
对内容的干扰:强,这种布局会分散用户的注意力,阻碍用户扫览
上下滑动的视觉感受:每个被分割的卡片都是相对独立的维度,但是放在一个界面后,视觉上又会比较规整且统一,但由于分割感比较强,因此视觉阻断较强,阅读成本较高。
4、留白分割
利用间距来设计界面,对应的就是现在流行的无框设计,不适用分割线,纯粹依靠间距来实现界面的排版,目前来说这是一个大趋势,很多主流的APP都是通过留白来做的页面分割。
分割的强弱:弱
对内容的干扰:弱,由于本身是依靠间距来分割的不同模块,因此不存在对内容的干扰。
上下滑动的视觉感受:页面大多是以图片为主,本身的边缘就具备分割作用,内容少并且极有规律,整体界面风格简洁大方易识别。