课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
扁平化的设计风格可以说是在网页前端设计和产品展示中都是使用非常多的一种设计方法,但是今天我们想说的是,在网页的后端系统设计中还是减少扁平化的设计比较好,下面我们就一起来了解一下具体原因吧。
其实可以对比“移动端产品”和“PC端后台系统”的实际使用场景,PC端后台系统的操作对视觉依赖更多。也就是:用户在使用后台操作系统的时候是长时间持续性的,在使用中,视觉的疲劳会很快降临,“视觉扁平”所带来的缺点显而易见,所以强烈的视觉冲击更加符合之一使用场景。
另外扁平化风格本身有很多优点,例如更加干净和简约,但是扁平化本身却有着一些不可忽视的缺点。
扁平化本身更加干净和简约,但扁平化本身的视觉对比不够强烈,在扁平化的基础上,进行视觉上的优化,才是后台系统UI设计正确选择。我们可以借鉴过去系统设计的部分元素,例如在扁平化的基础上增加视觉的对比度和拟物感。
PC端后台系统的视觉设计核心:扁平化让系统更加简洁,整体视觉看上去很舒服,但是在扁平化设计的同时,一定要增强视觉上的对比度。
例如我们可以通过以下方式来增强界面的视觉对比度:
增强按钮的视觉重量。可以通过渐变,按钮外阴影等样式增强按钮的立体感。
适量增加图标的拟物化,丰富情感。图标过于简化的同时,还会增加用户的学习成本。
轻微渐变。渐变可以丰富页面细节,渐变还可以营造自然中的光线照射感。
卡片阴影。卡片阴影在移动端的使用非常广泛,pc端的卡片阴影同样可以营造较好的立体感。
不用“无竖线”的表格样式,表格是后台系统出现频率非常高的一个组件,有的表格样式为了整体看上去更加干净简约,表格没有竖线只有横线,但是在实际中不如横竖线都有的表格好。
一般UI设计中,除了运营banner中采用对比色,来突出模块,很少用到对比色。在系统设计中,运用对比色搭配,虽然损失整体页面的美感,但是强烈的对比,在实际的操作中将起到好的作用。
注意避免大间距,和较大的文字间距。不同于其他页面的设计,系统设计的界面更加注重实际的操作,比如很重要的一项就是:“在有限的空间中,可以获取更多的内容信息”。
以上只是我总结的一部分方法,其实可以按照我上面所说的设计核心理论,将其运用到实际的PC端后台的视觉设计中。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!