JobPlus知识库 互联网 其它 文章
UI中常用的四大排版

视觉焦点 

视觉焦点就是在界面中占主导地位的视觉元素,第一时间进入你眼睛,在整个设计中你不能强调所有设计元素。

上图的界面中作者通过色块来强调重要的日期选项记事,这样能吸引你的注意力,关键重要元素高亮显示。

这个选座购票中中间座位元素都是同一个,但是选中后的效果突出,形成视觉焦点,右边的异常界面提示按钮形成焦点。

这是反面例子,右边界面所有元素看起来都很重要,没有一个明确的视觉方向指引,看起来有颜色的都能点击?

层次结构 
在几秒钟内,用户就能明确知道要点和页面元素之间的关系,并且顺利完成当前任务。建立视觉层次结构可以通过大小,对比,颜色,肌理,留白,空间,可感知的视觉重要,好的设计它的视觉层次结构分明且符合用户阅读习惯。

界面中的视觉关系我标注出来了,我们可以思考别人作品是通过什么来表达这种层次关系。其实可以直观看出运用有颜色、大小,明暗对比(列表文字关系)。


如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

¥ 打赏支持
443人赞 举报
分享到
用户评价(0)

暂无评价,你也可以发布评价哦:)

扫码APP

扫描使用APP

扫码使用

扫描使用小程序