优漫教育教你如何提高UI视觉效果(下集)
新闻来源:优漫教育
日期:2021-04-21
提高UI视觉效果的小贴士。 同样的UI设计,同样的UI风格,同样的布局设计,为什么别人的会更好看?在这里,设计师MarkAndrew分享了14种设计技巧,它们不仅实用,而且还能提高UI的视觉效果,让我们一起来学习吧! 微调明度使文字变得更加简洁。 如果文字用「一般」…
优漫教育教你如何提高UI视觉效果(上集)
上集讲到同样的UI设计,同样的UI风格,同样的布局设计,为什么别人的会更好看?在这里,设计师小优分享了14种设计技巧,它们不仅实用,而且还能提高UI的视觉效果,让我们一起来UI设计培训吧!
为表格中的错误信息提供直观的指导意见。
当用户填写表单时,如果出现错误,用户可能不知道问题在哪里,通过清晰的视觉引导,一方面可以告诉用户错误,另一方面,可以更清楚地告诉用户为什么会发生错误,这对整个过程有利。
强调菜单中最常用的功能及操作。
当设计程序菜单时,最高优先级的功能和选项应该高亮显示,并在屏幕上保持突出,如“上传图片”等。
从产品图中提取出背景颜色。
根据您的核心产品图片的颜色来选择颜色,将背景、文本和其他视觉元素使用在一起,然后再将不同的视觉元素合理地分开。其中,背景色的一致性能对整个视觉产生最直接、最直观的效果。
使用更大的可点击区域。
当为移动端设计UI界面时,这些控件和交互性元素要尽量大一些,以确保用户的手指精确点击到所看到的元素。用按钮控制替换文字链接,加上有说明的图标,并确保大小足够。正在。
在iOS上,最小按钮大小是44×44pt,而在Android上则是48×48dp。
确保浅色的文字与图片之间具有对比度。
浅色调与浅色调图片之间的对比度可能不够,这时,可以在文字下面添加一个深色调、半透明的叠层,以达到提高对比度的效果,而且这种设计的优点是,当你更换背景时,前景文字不需要调整。
一套超赞的英文字体标题集。
这些字体是我在过去的设计项目中总结出来的,尤其是对于作为标题所用的字体。
一套很棒的英文文字字体集。
使用这些经过验证的字体,能给使用者在长幅文本中带来极其出色的阅读体验。
为进度条添加更清晰的信息说明说明。
优漫设计