For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
随着互联网的不断发展,越来越多的人都在通过参加达内UI设计培训来学习UI设计的相关技术知识,而本文我们就通过案例分析来简单了解一下,视觉分隔符的用法与功能类型都有哪些。
1、什么是视觉分隔符?
视觉分隔符是一种布局元素,有助于将内容分成清晰的组、部分或区域。并且,可以帮助设计师根据的视觉感知模式来组织页面,并使布局更清晰,更易于用户理解。
分隔符与其它页面元素在建立坚实的视觉层次结构中发挥了重要作用。例如,用户可以更轻松地定义相同、相似或相关的内容;或每个页面板块之间的从属关系等。
分隔符也有助于塑造产品可用性:在大部分情况下,分隔符有助于创建可点击的可视容器。这对于移动设备界面尤其重要。
2、视觉分隔符的功能类型
视觉分隔器的功能类型取决于其工作的层次结构级别。
实线分隔线
实线分隔线是用于分隔各部分并跨越整个屏幕的分隔线。
嵌入式分隔线
嵌入式分隔符用于将与相关内容的项目分开,锚定与应用程序栏标题对齐的元素,或调整到页面上特定类型的文本内容。
带子标题的分隔线
在某些情况下,可以将分隔符与子标题配对,以标识分组内容的版块。此时,分隔符应该放置在子标题之上,以使子标题与内容的连接更加明显。
中间分隔线
通常是放置在布局中间的分隔线。例如,收据上的价格之间的分隔线。
3、注意事项
当你选择视觉分隔符的类型时,需要考虑以下两个因素:
画龙点睛:分隔符不应该喧宾夺主,分散用户对内容本身的注意力。要记住,使用分隔符的目的始终在于使布局变得清晰,起到画龙点睛的作用。
中等频率:如上所述,过多的视觉分隔器(特别是当以线条的形式呈现布局中的其他元素时)会产生视觉干扰,并使用户界面看起来很臃肿。因此,在考虑使用分隔符类型时需要三思而后行。在可能的情况下,建议使用负空间,不要过分渲染颜色,争取界面视觉和谐。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。