快速改善设计的实用小技巧

179 阅读3分钟

通过一些简单的调整,可以快速改善你的设计

重点不突出?页面五彩缤纷像彩虹?感觉设计页面杂乱无章?需求不通过?领导不满意?设计没细节?oh,my God!!我们需要通过一些小技巧来改善设计稿

1. 使你的元素看起来更清晰

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

2. 在设计中只使用一种字体

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

结合使用大小,粗细和颜色,仍然可以使画面产生差异性结果。

3. 改善用户的引导体验

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

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

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

记住,我们生活的大地只有一个太阳!

5. 用细微但简单的叠加层改善文本和图像之间的对比度

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

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

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

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

7. 选择一种基础颜色,然后使用“色调和阴影”添加均匀性

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

8. 突出最重要的元素

通过结合使用字体大小,粗细和颜色,您可以轻松地突出 UI中最重要的元素。进行简单的调整即可使用户体验更好。

9. 为了保持一致性,请确保您的图标具有相同的视觉样式

在设计UI图标时,要保持一致。确保它们具有相同的视觉样式,相同的比重、填充或轮廓。

图标通过视觉手段为用户提供必要的信息,所以保证功能相同的图标元素一致,外观视觉一致。

10. 始终将“号召性用语”放在屏幕上最突出的位置

通过使用颜色对比,大小和标签,确保“号召性用语”尽可能突出。 如果可以的话,不要仅依靠Icon。你也可以使用文本标签,以实现更好的用户理解。

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

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