UI设计视觉影响的几个解决方法!

2021-04-07
4514
0

UI设计视觉影响的几个解决方法!UI设计在之前的分享中,小编已经无数次的强调了其重要性。尤其是视觉设计上的重要性,可以带给用户更好的视觉感官上的感受,也能更好的强调展示内容的重要性,对于产品展示和推广起到不可忽视的作用。

 

虽说在设计中,我们应当依照理论来进行设计,但是现实中往往理论和视觉偏好上会产生冲突,这时候我们该如何选择呢?事实上从事设计工作的人应该都知道,我们应该以视觉偏好为标准来决定设计方案,毕竟设计的最终受益者还是用户。

 

视觉错觉是人类奇妙的感官感受,其原理就不做深入探讨了,但是视觉设计为大家在设计工作中带来的影响,我们还是需要多多了解的,下面我们就一些常见的视觉效果影响来为大家讲解一下吧:

 

01. 说明文本过浅

 

很多时候我们可能会注意到放置在填充形状旁边的文本颜色看起来更浅亮,这是由于字体平滑效果带来的影响,使得文本看起来比原始颜色更浅,字体越小,这种视觉效果越强。因此在做设计工作的时候,靠近文本框或是其他填充形状的文本我们应当适当降低文本亮度加深颜色,这样可以让文本更加显眼。

 

02. 小字体,更纤细

在某些字体家族中,使用更小的字号会导致文本更加纤细和半透明化(字体平滑效果使然),相信这一点广大设计工作者一定都了解。所以在设计工作中,我们如非万不得已,最好不要使用过小字号的字体,如果坚持要用小字号,那就按你想要的来,但请务必加粗。

 

 

03. 背景图片上难以阅读的文本

在设计工作中我们还常常会遇到一种情况,就是在颜色相同的图片上增加特定颜色的字体,这样会使得字体整体的视觉效果不明显。这应该怎么办呢?在背景图片上放置文本是一种常见的做法。

 

但如果图片是动态变化的,你要确保无论背景颜色如何,文本都保持可读性。这可以通过足够的对比度和渐变底色来实现,半透明渐变图层是一种好方法,即便是放置在浅色背景图片上也可以确保文本保持可读性。

 

04. 表单对齐的不一致

 

当表单使用不同元素时(不同形状、边框或者水平对齐方式),可能会发生视觉错觉,使得表单看上去似乎没有对齐。每种元素的设计都略有不同(有些边框是椭圆形的,有些不是),尽管有明确的对齐策略,但结果让人感觉完全扭曲。

 

如果可以,我们可以选择将所有的圆角改成方角,并将所有的说明文本和边框对齐,这样元素类型更加一致,左对齐的效果就愈加明显,可以使得整个表单变得更加整洁。

 

UI设计是一个体现设计感的工作,虽然有很多规范化的说法,但是在实际操作的过程中我们往往需要因地制宜,根据实际的展现效果来进行调整。想要做好UI设计这个行业,光有理论知识还是不够的,没有多年的相关经验,这些小技巧和需要我们关注的问题都很难解决。

 

UI设计视觉影响的几个解决方法!分享到此结束啦!所以对UI设计感兴趣的小伙伴们,就不妨到绘学霸来了解一下吧!只有通过专业的培训机构认真学习,在通过大量的实战经验来积累,才有机会在这个行业中得到更加长远的发展。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6