ui设计常见问题,ui界面如何整理( 三 )


2. 确保文本和图像有足够的对比度避免将低对比度的文本复制放置在图像上 。文字和背景之间应有足够的对比 。要突出显示副本,请在图像上放置一个对比滤镜 。黑色是一种流行的颜色,但是您也可以使用明亮的颜色,将它们混合和匹配 。
另一种选择是从一开始就使用对比图像 。在这种情况下,您可以将副本放置在照片或图像的深色部分的顶部 。
六、图标观感不佳当您需要通过小符号表达含义或简要说明说明时,图标非常有用 。它们还是现代界面的基本组成部分,尤其是在移动设备上 。在应用程序中,图标通常等同于按钮 。这就是为什么选择正确的视觉图像以符合元素含义的原因非常重要 。
您需要使用非常简单且通用的图像来讲述故事,每个人都可以理解 。您需要将这些图标与UI的整体样式进行匹配 。然后,您需要将它们以SVG格式提供给开发人员 。
有些设计师喜欢用免费的图标,这些图标单个看起来都不错,但是一旦放到一起,就不太协调了 。那么如何来避免这种混乱呢?
线宽-调整大小后,所有图标的线宽应相等 。否则,它们不会非常明显 。圆角半径—如果您的图标包含一些矩形形状,请比较集合中每个图标的圆角半径 。如果不同的图标不同,则最好对其进行修复 。风格形状(用于轮廓图标)—可以是矩形或圆形 。尽管使用免费图标并没有错 , 但最好还是谨慎使用它们 。使用免费图标会使项目看起来廉价,并且在某些情况下不专业 。此外,还有很多免费的图标 , 人们可以立即识别出来 。为什么?他们已经看到它们到处都在使用 。
七、注意点击区域触摸区域太小会让用户抓狂,因为它们会使用户难以完成所需的动作 。我们所有人都经历过在智能手机上点击错误按钮,并在屏幕加载错误时必须等待的挫败感!
因此,在设计可点击元素时,请记住 , 成人食指的平均宽度为1.6到2厘米,以创建手指友好的目标 。触摸目标的宽度至少为45–57像素 。这将为用户提供足够的空间来击中目标,而不必担心准确性 。
原文作者:Denislav Jeliazk(作者已授权)
原文地址:https://mp.weixin.qq.com/s/z2EdEEgVPRcGu0x77Cz6-w
翻译:Tzw_n , 公众号「小阿田的设计笔记」
本文由 @Tzw_n 翻译发布于人人都是产品经理 , 未经许可,禁止转载 。
【ui设计常见问题,ui界面如何整理】题图来自 Unsplash,基于CC0协议