溜滑冰
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
这些实用小技巧，能快速改善你的UI设...
- 经验类型经验/观点原作者：Marc Andrew
- 经验属性自译外文
- 经验版权署名-非商业性使用-禁止演绎
17239
16
345
2020-06-07
多年来，我发现通过进行一些简单的视觉调整，可以快速改善要创建的视觉效果。在本文中，我总结了一些易于实践的小技巧，这些技巧可以毫不费力地帮助你改进现在的设计，希望能为你入门时提供一些指导
1.使你的元素看起来更清晰
在某些元素周围使用“ 多个阴影”或非常微妙的边框（阴影要比实际阴影深一点），以使这些元素显得更清晰，并注意避免出现很脏的阴影。
2.在设计中只使用一种字体
在创建画面时只选择一种字体是可以的，有时这样做可以让画面产生更强大，更一致的视觉。
忽略“始终最少使用2种字体” 的人群。结合使用大小，粗细和颜色，仍然可以使画面产生差异性结果。
3.改善用户的引导体验
使用户可以随时跳过你的引导，并将“ 跳过”链接放在容易触及的范围内。
4.确保你的阴影来自一个光源
确保你的阴影始终仅来自一个光源。这是一个简单的错误，有时会引起人们的注意。
5.用细微但简单的叠加层改善文本和图像之间的对比度
根据文本在图像上的放置位置，可以选择经过尝试的完整图像叠加层，也可以选择更细微的（从下到上，或从上到下）渐变叠加层，以实现两者之间的简单对比元素。
6.适度使用居中文本
尝试仅对标题和文本的小段落使用居中文本。
7.留白是你的朋友
好的留白，负空间，你知道的。慷慨地或适度地使用它，但是要很好地使用它。
即使只是少量的优质白色也可以使你的设计不那么压抑，看起来更优美。改进设计的最快，最简单的方法之一。
8.在浅色背景上使该文本变深
在浅色背景下工作时，请勿使文本太浅，方便用户阅读。
9.如果文本看起来有点沉重，请使其变亮
当涉及到长格式内容时，某些常规粗体字看起来仍然有些沉重和鲜明。
通过选择类似深灰色（即＃4F4F4F）的内容，可以轻松地解决此问题，从而使文本在眼睛上看起来更容易些。
10.字体大小越小，行高越大
当你的字体大小减小，增加了行高，使文案有更好的全方位的可读性。
11.选择一种基础颜色，然后使用“色调和阴影”添加均匀性
你不必总是用多种颜色来填充您的设计。如果项目允许，只需使用受限的调色板，选择“ 基础颜色”，然后使用“ 色彩和阴影”，就可以以最简单的方式为你的设计增加一致性。
12.突出最重要的元素
通过结合使用字体大小，粗细和颜色，您可以轻松地突出 UI中最重要的元素。
进行简单的调整即可使用户体验更好。
13.为了保持一致性，请确保您的图标具有相同的视觉样式
在用户界面中实现图标时，请保持一致。
确保它们共享相同的视觉风格 ; 相同的重量，可以填充或勾勒轮廓。
14.始终将“号召性用语”放在屏幕上最突出的位置
通过使用颜色对比，大小和标签，确保“号召性用语”尽可能突出。
如果可以的话，不要总是仅依靠Icon。如果你也可以使用文本标签，以实现更好的用户理解。
15.为您的表格错误添加额外的视觉辅助
在用户填写任何形式的表单出错时，可在执行的操作附近添加错误消息，这可能是一种简单但有用的额外视觉帮助。
16.突出显示菜单中最常用的操作
设计要在应用程序内部使用的菜单时，请确保在屏幕上突出显示最常用的操作（即，上载图像，添加文件等）。
易于实践的小巧技巧，可以改善您的设计。感觉收藏起来吧～
Powered by Froala Editor
全部评论：16条
更多作品
发表评论