020-29815005
预约专线时间:09:00-23:59

UI设计中提升UI设计效果的18个小技巧

新闻来源:本站 日期:2022-03-31
UI设计入门简单、就业前景广阔,吸引了很多零基础人士的加入,UI设计是体现一个产品审美属性的重要部分,能给用户带来视觉上的影响。优漫动游小编给大家带来快速提升UI设计效果的18个小技巧给大家,希望能帮助到大家。

  UI设计入门简单、就业前景广阔,吸引了很多零基础人士的加入,UI设计是体现一个产品审美属性的重要部分,能给用户带来视觉上的影响。优漫动游小编给大家带来快速提升UI设计效果的18个小技巧给大家,希望能帮助到大家。


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需要掌握的知识有个清晰的了解 !