学会这16种UI设计的小技巧,快速提升你的UI设计

发布时间:2023-12-29 12:00:20 浏览量:236次

小烦发现通过进行一些简单的视觉调整,可以快速改善要创建的视觉效果。


在本文中,小烦总结了一些易于实践的小技巧,这些技巧可以毫不费力地帮助你改进现在的设计,希望能为你入门时提供一些指导


1

使你的元素看起来更清晰


在某些元素周围使用“ 多个阴影”或非常微妙的边框(阴影要比实际阴影深一点),以使这些元素显得更清晰,并注意避免出现很脏的阴影。



2

在设计中只使用一种字体


在创建画面时只选择一种字体是可以的,有时这样做可以让画面产生更强大,更一致的视觉。


忽略“始终最少使用2种字体” 的人群。结合使用大小,粗细和颜色,仍然可以使画面产生差异性结果。



3

改善用户的引导体验


使用户可以随时跳过你的引导,并将“ 跳过”链接放在容易触及的范围内。



4

确保你的阴影来自一个光源


确保你的阴影始终仅来自一个光源。这是一个简单的错误,有时会引起人们的注意。



5

简单的叠加层改善文本和图像之间的对比度


根据文本在图像上的放置位置,可以选择经过尝试的完整图像叠加层,也可以选择更细微的(从下到上,或从上到下)渐变叠加层,以实现两者之间的简单对比元素。



6

适度使用居中文本


尝试仅对标题和文本的小段落使用居中文本。



7

留白是你的朋友


好的留白,负空间,你知道的。慷慨地或适度地使用它,但是要很好地使用它。


即使只是少量的优质白色也可以使你的设计不那么压抑,看起来更优美。改进设计的最快,最简单的方法之一。



8

在浅色背景上使该文本变深


在浅色背景下工作时,请勿使文本太浅,方便用户阅读。


9

如果文本看起来有点沉重,请使其变亮


当涉及到长格式内容时,某些常规粗体字看起来仍然有些沉重和鲜明。


通过选择类似深灰色(即#4F4F4F)的内容,可以轻松地解决此问题,从而使文本在眼睛上看起来更容易些。


10

字体大小越小,行高越大


当你的字体大小减小,增加了行高,使文案有更好的全方位的可读性。


11

选择一种基础颜色,使“色调和阴影”均匀性


你不必总是用多种颜色来填充您的设计。如果项目允许,只需使用受限的调色板,选择“ 基础颜色”,然后使用“ 色彩和阴影”,就可以以最简单的方式为你的设计增加一致性。



12

突出最重要的元素


通过结合使用字体大小,粗细和颜色,您可以轻松地突出 UI中最重要的元素。


进行简单的调整即可使用户体验更好。



13

请确保图标具有相同的视觉样式


在用户界面中实现图标时,请保持一致。


确保它们共享相同的视觉风格 ; 相同的重量,可以填充或勾勒轮廓。



14

“号召性用语”放在屏幕上最突出的位置


通过使用颜色对比,大小和标签,确保“号召性用语”尽可能突出。


如果可以的话,不要总是仅依靠Icon。如果你也可以使用文本标签,以实现更好的用户理解。


15

为您的表格错误添加额外的视觉辅助


在用户填写任何形式的表单出错时,可在执行的操作附近添加错误消息,这可能是一种简单但有用的额外视觉帮助。



16

突出显示菜单中最常用的操作


设计要在应用程序内部使用的菜单时,请确保在屏幕上突出显示最常用的操作(即,上载图像,添加文件等)。


易于实践的小巧技巧,可以改善您的设计。


赶紧收藏起来吧~


小烦定期分享设计干货,快来和我一起成长吧!


加微信一起学习探讨,欢迎您的到来哦!

微信:wxid_1hoo2q9q0qdu22

备注:城市+职业

热门课程推荐

热门资讯

请绑定手机号

x

微信扫码在线答疑

扫码领福利1V1在线答疑

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

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

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

同学您好!

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