#北大青鸟职业教育#想要做出一个漂亮、可用、 高效的UI需要时间,其中还需要经历多次设计迭代。不断的进行调整,直至你的客户,用户和自己都真正满意,我知道,有时候这很不容易。但是这些年来我发现,还是有一些实用技巧,通过一些简单的调整就可以快速提高设计质量。这些技巧易于执行,不需要花费太多努力,不仅有助于提升你正在做的设计,也希望提供一些普遍设计原则应用到下一个项目中去。

01:大段文字,尝试弱化文字重量
对于大段的文字内容,整体看起来会比较有视觉压力的,有时候运用正常文本字重看起来依然有些沉重。通过选择深灰色(#4F4F4F)之类的颜色可以轻松优化这个问题,使得文本看起来更舒服些。(注:尽量少用纯黑)
02:字体大小越小,相对行高就要设置的更高
当减少字体大小时,增加行高能达到更好的可读性。当字体大小变大时,同样的,减少行高会更好。这里解释下(这里所说的行高是指相对于文本本身来说的),
比如使用36px的文字,其行高建议使用46px,这个增量就是10;
那如果使用18px的文字,其行高推荐使用32px会比较合适,那么此时相对于文本大小来说,其增量就是14px。
那所谓的字体大小越小,行高相对越高就是指的这个增量。
03:减少配色数量,提升一致性
不要总是用多种颜色来填充你的设计。如果项目允许,简单地使用少的配色。通过选择一个基础色,然后使用色调和阴影,可以简单快速地增加设计一致性。(注:配图中的图片色调都与主色调进行了统一,也就是指的同色系的颜色来配色,有时候会得到更好的效果)

01:大段文字,尝试弱化文字重量
对于大段的文字内容,整体看起来会比较有视觉压力的,有时候运用正常文本字重看起来依然有些沉重。通过选择深灰色(#4F4F4F)之类的颜色可以轻松优化这个问题,使得文本看起来更舒服些。(注:尽量少用纯黑)
02:字体大小越小,相对行高就要设置的更高
当减少字体大小时,增加行高能达到更好的可读性。当字体大小变大时,同样的,减少行高会更好。这里解释下(这里所说的行高是指相对于文本本身来说的),
比如使用36px的文字,其行高建议使用46px,这个增量就是10;
那如果使用18px的文字,其行高推荐使用32px会比较合适,那么此时相对于文本大小来说,其增量就是14px。
那所谓的字体大小越小,行高相对越高就是指的这个增量。
03:减少配色数量,提升一致性
不要总是用多种颜色来填充你的设计。如果项目允许,简单地使用少的配色。通过选择一个基础色,然后使用色调和阴影,可以简单快速地增加设计一致性。(注:配图中的图片色调都与主色调进行了统一,也就是指的同色系的颜色来配色,有时候会得到更好的效果)