图片加载中...

图片加载中... 十六年IT教育机构

图片加载中... 软件定制开发

首页>新闻动态>UI设计技术文章

同样的UI设计风格,为啥别人的更好看?上篇

更新时间:2024-03-01

在移动APP设计中,同样的UI风格,同样的布局设计,但为什么别人的就比较好看呢?这通常是设计细节上出问题了,金源万博和你一起分享UI设计技巧,这些技巧不仅实用,还能提升UI视觉效果,我们来一起学习吧!

1、为表单报错信息提供视觉指引

在用户填写表单的时候,如果出错,用户可能不知道问题出现在哪里,通过明确的视觉指引,一方面告知用户出错的情况,另一方面,让用户明白出错的原因,对于整个流程好处更明显。

2、字号越小,行高越大

在文本排版当中,字号和行高并不是等比缩放的,当字号缩小的时候,行高不要等比例缩小,而是要把字号和行高的比例提高。同理,当字号放大的时候,对应的行高应该比按比例放大之后的行高要小。

3、基于色调和饱和度来丰富配色

在很多设计当中,你并没有必要用很多不同的色相来丰富配色方案,基于一个基础色,然后微调色彩的色调和饱和度,就可以快速搭配出合理且协调的视觉效果,增强整个设计的一致性。

4、突出最重要的元素

凸显最重要的元素,让视觉中心明显。通过调整字体尺寸、字重、色彩以及和背景的对比度,可以让这些元素显得明显。只需简单的调整,即可达到良好的用户体验。

5、确保图标样式高度一致

在用户界面中使用图标的时候,请使用一致的图标,确保它们在大小尺寸、视觉风格、笔触粗细、填充样式都一致,不要混搭。

6、始终让行为召唤语句在最醒目的位置

这应该是常识吧?不过在信息过多、或者掺杂过多意图的页面当中,这种常识也常常被忽略。同样的,通过色彩、大小和样式对比,让行为召唤语句尽可能凸显。尽量不要总依赖图标这样的元素,使用文本标签会更加显著一些。

分享到:

上一篇:UI设计师的进阶修养


下一篇:同样的UI设计风格,为啥别人的更好看?下篇

相关课程MORE>

图片加载中

WEB前端全栈开发就业班

前端开发就是利用各种Web技术进行产品的界面开发...

图片加载中

UI全栈设计就业班

让学生快速达到一名UI界面设计师的标准...

图片加载中

PHP高级架构开发就业班

广阔的发展空间,需要新型的技术人员...

图片加载中

Python大数据分析就业班

高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。...

图片加载中

Linux云计算运维就业班

云服务器是一种简单高效、处理能力可弹性伸缩的计算服务。...

图片加载中TEL:010-83650488

图片加载中