字体与颜色是ui设计师在设计网页和视觉设计产品中使用非常多的一种元素,而今天我们就分别来了解一下,关于字体设计与颜色搭配上的一些设计技巧。
字体
UI设计师常用的字体有:苹方、思源黑、兰亭黑系列、华文黑体等。在字体选用方面看团队习惯。就还原度来讲,如果你的团队是用一套设计稿同时适配安卓和iOS,推荐用苹方字体去做设计;如果是iOS端和安卓端都要做那就推荐iOS用苹方体,安卓用思源黑体。由于兰亭黑系列字号偏大,会导致设计稿和还原效果差别较大,不建议使用。
字号
常用的字号(以iOS一倍图为例)有:10pt、12pt、14pt、15pt、16pt、18pt。除了这些常用的字号,在实际设计过程中还要看具体情况。如果文字较多,分级又特复杂,就会涉及到多种字号混排,也相对考验设计师对字体字号的运用。好的效果需要反复调试,差的效果就有很多共同点了。
1)不同层级的文字字号不能太接近。
2)字重的合理利用。在阅读大段文字的时候用细体或者粗体都会比较累,尽量选用标准字重的字体。
3)字体字号的统一性原则。APP内相同层级的内容字体字号应该保持一致,这也就需要在设计前期建立基本的设计规范。
颜色的运用
在一套设计规范里往往会给出一个品牌色,几个辅助色,几个黑白灰的颜色供我们使用,但真正要用好不见得那么容易。我们分开来看黑白灰和彩色。
黑白灰
1)避免使用纯黑色。纯黑色在自然界中是几乎不存在,在黑色中加一点点的色彩倾向,会让界面看着更自然,包括文字的颜色也不要选用#000。
2)文字排版,文字颜色用不同的灰色拉开对比,达到把信息层级区分开来的目的。
彩色
1)UI设计里的631原则。631原则是指主色调:次要颜色:强调颜色=6:3:1。这个理论早出现在室内设计里,被誉为完美的配色比例。
UI设计也一样,品牌色不要超过整体页面的30%。色彩比重太多让界面显得很躁,很容易造成秩序混乱。所以颜色应该用在主要引导区域或者内容区隔上。
2)渐变色小技巧。渐变色在当下非常流行,如果你还在为调渐变色而烦恼不妨试试我的这个小方法。先确定好一个颜色,然后打开色盘,在这个颜色相邻的左右各取一个颜色,然后把左侧颜色的明度提高一点,把右侧颜色的明度降低一点点。你会发现这样调出来的渐变是舒服的。
作者:环铁艺术家
节选:公众号:58UXD
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!