网页设计 » 视觉设计 » 8个提高UI水平的设计技巧

8个提高UI水平的设计技巧

发表于: 视觉设计. 评论
Sponsor

前言:优秀的UI设计师,可以从界面中看出你这个设计师的设计水平,UI看似是很简单的界面布局,但却很重视设计细节。今天我们分享8个提高UI水平的设计技巧,基础又实用,这些技巧规则在很多的UI中都能遵循使用,学完后就能马上使用起来呢!

8个提高UI水平的设计技巧

1. 大段文字,尝试弱化文字重量

对于大段的文字内容,整体看起来会比较有视觉压力的,有时候运用正常文本字重看起来依然有些沉重。

通过选择深灰色(#4F4F4F)之类的颜色可以轻松优化这个问题,使得文本看起来更舒服些。(彩云注:尽量少用纯黑)

8个提高UI水平的设计技巧

2. 字体大小越小,相对行高就要设置的更高

当减少字体大小时,增加行高能达到更好的可读性。当字体大小变大时,同样的,减少行高会更好。彩云这里解释下,这里所说的行高是指相对于文本本身来说的,比如使用36px的文字,其行高建议使用46px,这个增量就是10;那如果使用18px的文字,其行高推荐使用32px会比较合适,那么此时相对于文本的大小来说,其增量就是14px。那所谓的字体大小越小,行高相对越高就是指的这个增量。

8个提高UI水平的设计技巧

3.减少配色数量,提升一致性

不要总是用多种颜色来填充你的设计。如果项目允许,简单地使用少的配色。通过选择一个基础色,然后使用色调和阴影,可以简单快速地增加设计一致性。(彩云注:配图中的图片色调都与主色调进行了统一,也就是指的同色系的颜色来配色,有时候会得到更好的效果)

8个提高UI水平的设计技巧

4. 突出重要元素,明确优先级

通过结合使用”字体大小“,”重量“和”颜色“,可以很容易地在UI中突出最重要的元素。通过将界面中的元素优先级进行强化和简单调整使得用户体验变得更好。彩云注:明确的信息优先级会使得界面更易于阅读,也利于产品信息的透传。时刻记住:信息传达要足够清晰,而不是模棱两可。

8个提高UI水平的设计技巧

5. 确保图标有相同的视觉风格

在UI中使用图标时,要保持一致性。确保他们共有相同的视觉风格,相同的重量,填充和描边。不要混搭。

8个提高UI水平的设计技巧

6. 让行动按钮成为界面中最突出的元素

你可能觉得这应该是常识,对吧?但有时候设计的时候可能又是另一回事了。通过色彩对比、大小和样式,确保按钮尽可能的突出。如果可以的话,不要总是只依赖图标。如果可以使用文字,那就使用上文字,带文案的操作能让用户更好的理解。

8个提高UI水平的设计技巧

7. 为表单错误增加额外的视觉帮助

在用户刚刚执行的操作附近添加一个错误消息是一个简单但很有帮助的额外视觉帮助,用户可能会以各种方式来填写表单。好的用户体验就需要积少成多。 8个提高UI水平的设计技巧

8.凸显菜单中最常用的操作

当设计一个在应用内部使用的菜单时,确保能突出显示常用操作,比如上传图片,添加文件等等。 8个提高UI水平的设计技巧

原文链接 | https://uxdesign.cc/8-more-tips-to-quickly-improve-your-ui-designs-368fb3bea5ba
原作者 | Marc Andrew
译者 | 彩云Sky, 公众号ID | caiyunyisheji
本文翻译已获得作者的正式授权(授权截图如下)

8个提高UI水平的设计技巧

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }