UI设计入门简单、就业前景广阔,吸引了很多零基础人士的加入,UI设计是体现一个产品审美属性的重要部分,能给用户带来视觉上的影响。优漫动游小编给大家带来快速提升UI设计效果的18个小技巧给大家,希望能帮助到大家。
UI设计入门简单、就业前景广阔,吸引了很多零基础人士的加入,UI设计是体现一个产品审美属性的重要部分,能给用户带来视觉上的影响。优漫动游小编给大家带来快速提升UI设计效果的18个小技巧给大家,希望能帮助到大家。
1.同一种字体时,使用多字重的字体
如果只使用一个字体,尽量选择有多字重的字体,比如:阿里巴巴普惠体、思源、OPPO
2.在浅色背景上你的文字可见性需要注意
在浅色背景下工作时,文字颜色不要太浅,虽然看起来很舒服,但可见性不较差,不利于阅读
3.长文本中,文字阅读感不要太抢眼
当涉及到长格式的内容时,某些常规的粗体字体在屏幕上看起来还是有点太重,太呆板了。
建议,选择像深灰色(即#4f4f)来降低文本的色调,这样阅读起来会更加舒服
4.行动按钮需要是最聚焦的
通过使用颜色对比、尺寸和标签,确保“行动按钮”尽可能突出。
5.为了保持一致性,请确保图标共享相同的视觉样式
在ui中实现图标时,保持一致。
确保它们具有相同的视觉风格;相同的重量,或者填充,或者轮廓。
6.留白
留白可以让你的设计具有唿吸感,更加舒适。
7.提高文本和图像之间的对比度
基本的处理方式是,在图片上增加一个透明渐变蒙版来使得字体看的更加清楚
8.字号越小,你的行距就越高
随着字号的减小,增加行高可以获得更好的易读性
9.突出菜单中最常用的元素
在设计应用程序内部使用的菜单时,请确保提供最常用的操作(即;上传图像,添加文件等…)最突出的屏幕。
10.从你的图像中挑选颜色,让你的产品栩栩如生
只需从你的产品图像中挑选颜色,然后将你选择的颜色的各种色调和阴影应用到你的背景、文本、图标……,就能为你的设计增添大量的视觉趣味
11.根据字体的x高度设置行高
不同x高度的字体需要不同的行高测量来实现文本行之间的正确分隔。
即使你可能有两种字体大小相同(即;18px)它们的x高度可能会有很大差异,选择正确行高是非常有必要的
12.突出最重要的元素
通过使用字体大小、权重、颜色和布局的组合,你可以轻松突出UI中最重要的元素
13.告知错误的原因
在用户刚刚执行的操作附近添加一条错误消息,可以帮助用户提高正确登入,也可以缓解用户焦虑(他可以更加清晰那里出错)
14.尝试在手机上创建更大可点击的区域
当为移动设备设计时,尝试创建足够大的可点击区域
对于按钮和仅由文本组成的链接来说,点击区域会很小,所以尽可能使用带有标签的图标。
iOS和Android的最低建议点击区域
iOS为44 x 44pt
安卓48 x 48dp
15.在短标题上使用所有都是大写的字母
长标题都是大写字母的话,阅读转化上比较慢(你明白他是什么意思比较慢)
短标题都是大字母的话,相对来说比较快可以和记忆中的单词对应上
16.保持浅色文本和图像之间的对比度
始终确保浅色文本在浅色图像背景下清晰可见。
只需在文本后面应用一个低透明的深色背景,就能保持这些元素之间的良好对比度
17.排版的亲密性,要一直记得
标题、正文、标题、正文……这样的排列中如果是间距都是相同的,那么在阅读上就很难区分标题是属于上文还是下文的。
正确的做法是,标题距离上文的距离>标题距离下文的距离,这样阅读起来,标题会比较清晰的对应的是下文
18.为正文选择合适的行长,并提高可读性
基于人阅读情绪,如果阅读一行很长,一直阅读下去,会出现你眼前阅读的内容“不见”的情况
对于单列页面,45到75个字符被广泛认为是令人满意的行长,66个字符的行(包括字母和空格)是最合适的。
当然,字体大小和行高也是决定可读性的一个因素,但是对于行长,要保持在45到75个字符之间
以上就是优漫教育小编为大家介绍的“
【UI设计培训】:UI设计中提升UI设计效果的18个小技巧”相关内容,学习
ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !