提升UI设计效果的小技巧,让你的作品更出彩!

发布时间:2024-05-13 13:47:40 浏览量:137次

提升UI设计效果的小技巧,让你的作品更出彩!

UI设计是体现一个产品审美属性的重要部分,能给用户带来视觉上的影响。想要提升UI设计效果?不妨尝试以下44个小技巧,让你的作品更出彩!

UI设计效果

1. 用微妙的双重投影来让你的卡片看起来更加清晰

在某些元素周围使用多个放置阴影或非常精细的边框(仅比实际阴影暗一点)可以使这些元素看起来更清晰、更清晰,并帮助你避免那些看起来浑浊的阴影。

UI设计效果

2. 减少标题上的字母间距以提供更好的光学平衡

你的标题很可能会比正文更大,也比正文更重,所以字母之间的间距有时会看起来更大,减少一点间距,就可以使你的标题更加清晰。

UI设计效果

3. 为了保持一致性,请确保图标共享相同的视觉样式

在UI中实现图标时,保持一致。确保它们具有相同的视觉风格;相同的重量,或者填充,或者轮廓。

UI设计效果

4. 在你的设计中只用一种字体就好了

在创建设计时只使用一种字体是比较好的,这样做实际上可以帮助你产生统一的设计效果。使用字重、大小和颜色的组合,你还是可以用一个单独的字体表达清晰的文字的结构。

UI设计效果

5. 留白

留白可以让你的设计具有呼吸感,更加舒适。

UI设计效果

6. 选择底色,然后使用色调和阴影来增加一致

通过选择一个基色,然后使用你选择的颜色的色调和阴影,可以以最简单的方式为你的设计增加一致性。

UI设计效果

7. 提高用户的入职体验。拇指法则记住

允许用户随时跳过你的移动应用程序登录序列,并将该跳过链接放在拇指容易触及的位置。

只是一个简单的调整,可以让你的用户有更好的体验(我常常体验国内一些APP,关闭按钮特别远,特别难按)

UI设计效果

8. 光影需要是来自同一个光源

确保你的阴影总是来自同一个光源,会素描的同学很好理解,光源关系一致表达空间统一性的基础

UI设计效果

9. 提高文本和图像之间的对比度

基本的处理方式是,在图片上增加一个透明渐变蒙版来使得字体看的更加清楚

UI设计效果

10. 同一种字体时,使用多字重的字体

如果只使用一个字体,尽量选择有多字重的字体,比如:阿里巴巴普惠体、思源、OPPO

UI设计效果

11. 在浅色背景上你的文字可见性需要注意

热门课程推荐

热门资讯

请绑定手机号

x

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定