前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >牢记这8个技巧,快速改善你的UI设计稿

牢记这8个技巧,快速改善你的UI设计稿

作者头像
用户5009027
发布2020-06-09 14:58:18
4670
发布2020-06-09 14:58:18
举报
文章被收录于专栏:静Design

创建漂亮且易用的UI界面需要花费不少时间,但调整是必须的,因为只有不断调整,才能让你的客户,你用户和你自己做出真正满意的产品。

其实,通过一些小技巧我们可以快速改善你的UI设计。今天我们整理了这8个小技巧,一起来试试看吧!

Tip.01

如果文本看起来有点重,可以调亮它

当涉及到较多内容的文本块时,某些常规粗体字看起来仍然有些沉重和僵硬。通过选择类似Dark Gray(即#4F4F4F)颜色,可以轻松地解决此问题,从而让文本看起来更加舒服一点。

Tip.02

字体越小,行高越大

文本段落不一定总是1.5倍行高或者2倍行高。文字越大,行高的增速就没那么多了。

Tip.03

选择一种基础颜色,然后使用“色调和阴影”让画面更协调

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

Tip.04

突出最重要的元素

通过使用“文字大小”,“字重”,“颜色”等几个属性,就可以轻松的突出UI中最重要的元素。

Tip.05

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

如下图左边的图标,线性图标和面性图标相互结合,并不是很好的选择。右侧图则全部使用线性图标,视觉效果统一。

Tip.06

将“导向性”内容放在屏幕最显著的位置

通过颜色对比,文本大小,按钮等方式,确保“导向性”内容尽可能的突出。

如果可以的话,请不要总是依赖Icon。你也可以使用文本标签,或者按钮等更显著的样式。一遍用户更好的理解和转化。

Tip.07

为表单错误添加额外的提示

在用户填写任何形式的表单时,记得给用户明确的错误提示,越明确越好。比如下图的例子。右图则明确给出了用户出错的详细内容提示,作图则只有一个红框,用户可能并不能很好理解。

Tip.08

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

当功能性菜单排列在一起时,记得确保从中筛选出一到两个最常用的操作,并凸显他们。

本文已经原作者授权 作者:Marc Andrew

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-06-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 静Design 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档