快速改进UI设计的简单技巧

来源:优漫教育 发布人:UMAN 时间:2023-06-01 17:10:45

  设计一个好的界面需要大量的时间和实践。注意其中一些小细节可以改善整个界面设计。在这里分享一些发现、提示和技巧,以帮助您设计更好的界面。


快速改进UI设计的简单技巧



  让图像上的文字易于阅读

  为图像添加一个简单的渐变叠加,使文本更易于阅读。

  正如您在第一张中看到的那样,文本更易于阅读,并且UI看起来更好。

  并将未圆形图标的空间加倍

  使用完全圆角卡片时,对未圆角的子元素使用双倍空间。这样,UI看起来会更加平衡。例如,圆形头像使用了24px的填充,并将未圆形图标的空间加倍。

  双边框半径

  当您在形状上使用具有圆角的元素(也具有圆角)时,请在较大的形状上使用两倍大的圆角半径。例如,头像容器使用了12px的圆角半径,为卡片使用了24px的圆角半径。

  为头像添描边

  在彩色背景上使用时,头像往往会融入其中。为避免UI混乱,请考虑为头像添加白色描边。当您想要显示头像组时,笔画也很有帮助。

  使用一致的图标

  一致的图标是UI中最容易被遗忘的细节之一。使用具有相同视觉风格的图标。这意味着它们具有相同的重量和圆度。为获得最佳效果,请使用一个图标包。

  填充和轮廓图标可以保持一致

  您可以同时使用填充图标和轮廓图标。但是,要使它们保持一致,您需要考虑两件事:

  他们必须共享相同的视觉风格。同样,您可以为它使用相同的包,它提供填充类型和轮廓类型。

  它们必须具有不同的功能——例如,您可以为菜单项使用填充图标,为操作使用轮廓图标。

  增加行高

  为了使文本可读,不要让它重叠。当然,不同的字体需要不同的行高,但根据经验,你可以将字体大小乘以1.5。

  优漫教育全程大咖级讲师资亲授,多年教学经验,掌握最前沿的IT技术(移动端设计、UI设计、AI与品牌设计、产品交互、photoshop等),拥有实力雄厚、大型实战项目经验丰富的技术团队。用真实的工作体验让学员提前适应职场,4个月后直接走向工作岗位,避免工作后的水土不服。

相关推荐
  • 【UI培训】:关于UI设计新手常遇到的问题及解决方法

    UI设计新手常遇到的问题有哪些?比如,请问UI设计师每天的工作内容是什么样的?除了做图还要干什么?还需要哪些技能?个人职业规划通常什么样?做图只是视觉设计师最基础的工作,除了视觉执行,还需要向上接入PD了解产品需求、在设计中验证交互流程,向下跟进程序开发、数据收…
    行业资讯
    发布时间:2022/03/24 查看详情
  • 室内设计应体现文化元素的六大重要思维

    无论是首都北京的故宫,还是西藏的布达拉宫,其精巧的室内装潢和环境艺术,都有谁能说出这并非出自顶级的专业室内设计师和艺术大师之手,中国传统室内设计文化也正是传统东方文化与古典建筑艺术的精华部分。
    行业资讯
    发布时间:2022/03/24 查看详情
  • UI设计培训中有没有学不会UI的人

    UI设计培训中有没有学不会UI的人?优漫教育小编要说是真的有,就是那些根本不想学的,就像你永远叫不醒一个装睡的人。如果你对ui有强烈的学习兴趣,想在ui行业有所建树,那么不论你是高中毕业、大学毕业,不论你是有计算机基础、零基础,不论你是男生、女生,不论你是20岁、30…
    行业资讯
    发布时间:2022/04/01 查看详情