快速提升UI设计水平的简单实用技巧

Date 2024-07-21 20:10:32

  引言

  要做一个美丽的,可用的, 高效的UI需要时间,包括多次设计迭代。不断调整,直到你的客户、用户和自己真的满意,我知道,有时这并不容易。但多年来,我发现仍然有一些实用的技能,通过一些简单的调整可以快速提高设计质量。这些技能很容易实施,不需要太多的努力,这不仅有助于改进你正在做的设计,而且还希望在下一个项目中提供一些普遍的设计原则。

1596189962475_UI设计实用技巧02.jpg

  方法1

  试图削弱大段文本的重量

  对于较大的文本内容,整体上看起来会有更大的视觉压力,有时使用正常的文本单词看起来仍然有点重。通过选择深灰色(#4F4F4F)等颜色,可以很容易地优化这个问题,使文本看起来更舒适。(尽量少使用纯黑色)

1596189973644_UI设计实用技巧03.jpg

  方法2

  字体大小越小,相对行高就越高

  当字体大小减小时,增加行高能可以达到更好的可读性。当字体大小变大时,最好减少行高。在这里解释一下,这里提到的行高是指相对于文本本身,如使用36px文本,建议使用46px,增量为10;如果使用18px的文字,其行高推荐使用32px会更合适,那么与文本的大小相比,其增量为14px。所谓字体大小越小,行高越高,这意味着增量。

1596189987721_UI设计实用技巧04.jpg

  方法3

  减少配色数量,提高一致性

  不要总是用各种颜色来填充你的设计。如果项目允许,简单地使用较少的颜色匹配。通过选择基本的颜色,然后使用颜色和阴影,您可以简单而快速地增加设计的一致性。(注:图片中的图片颜色与主色调统一,即相同颜色系统的颜色,有时效果更好)

1596189999745_UI设计实用技巧05.jpg

  方法4

  突出重要元素,明确优先级

  “重量”和“颜色”可以很容易地突出UI中最重要的元素。通过强化和简单调整界面中的元素优先级,使用户体验更好。注:清晰的信息优先级将使界面更容易阅读,并有利于产品信息的传输。始终记住:信息传输应该足够清晰,而不是模棱两可。

1596190011931_UI设计实用技巧06.jpg

  方法5

  确保图标具有相同的视觉风格

  在UI中使用图标时,保持一致性。确保它们具有相同的视觉风格、相同的重量、填充和描述。不要混搭。

1596190025765_UI设计实用技巧07.jpg

  方法6

  使行动按钮成为界面中最突出的元素

  你可能认为这应该是常识,对吧?但有时设计可能是另一件事。通过颜色对比、尺寸和样式,以确保按钮尽可能突出。如果可以,不要总是依赖图标。如果你能使用文本,那么使用文本,复制操作可以让用户更好地理解。

1596190038794_UI设计实用技巧08.jpg

  方法7

  为表单错误增加额外的视觉帮助

  在用户刚执行的操作附近添加错误信息是一个简单但有帮助的额外视觉帮助,用户可以以各种方式填写表格。良好的用户体验需要积累更多。

1596190051140_UI设计实用技巧09.jpg

  方法8

  突出菜单中最常用的操作

1596190061589_UI设计实用技巧10.jpg

 

 

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计