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

优漫教育教你如何提高UI视觉效果(上集)

新闻来源:优漫教育 日期:2021-04-21
优漫教育教你如何用微调明度使文字变得更加简洁(上集) 如果文字用「一般」的粗细,在长幅文字中,视觉上仍显得有些过重,可通过精细调整其颜色,选用#4F4F4F等颜色,使其对眼睛更友好、更舒适。 字的字号越小,行的高度越大。 文字排版中的行高与字体大小不能…
    优漫教育教你如何提高UI视觉效果(上集)

    如果文字用「一般」的粗细,在长幅文字中,视觉上仍显得有些过重,可通过精细调整其颜色,选用#4F4F4F等颜色,使其对眼睛更友好、更舒适。

    字的字号越小,行的高度越大。
UI设计培训
    文字排版中的行高与字体大小不能等值缩放,当字体大小相同时,行高与字体大小不能等值缩放,而应增大字体大小与字体大小的比例。同样,当字号放大时,相应的行高也要小于按比例放大后的行高。

    根据色调和饱和度来丰富色彩搭配。
UI设计培训
    许多设计中,你不需要用大量不同色相的颜色来丰富配色方案,基于一个基本的颜色,再对色彩的色调和饱和度进行微调,就能迅速搭配出合理而协调的视觉效果,增强整体设计的一致性。

    突出最重要的几个要素。
UI设计培训
    突显视觉中心,突出最重要的元素。这些元素可以通过调整字体大小,字重,颜色,和背景的对比度来表现得很明显。通过简单的调整,就可以获得很好的用户体验。

    确保图标样式的高度一致性。
UI设计培训
    当你在用户界面上使用图标时,一定要使用一致的图标,确保它们在尺寸大小,视觉风格,粗细笔画,填充样式上是一致的,不能混用。

    总是让行为召唤语句在最显眼的地方出现。
UI设计培训

    那是常事吗?但这一常识也经常被忽视,尤其是在信息过多或包含过多意图的页面中。类似地,通过颜色、大小和风格的对比,让呼唤语句尽量突出。试着不要总是依赖像图标这样的元素,使用文本标签会更显著。


优漫教育