时间:2014-09-30网页、移动设计中一些文字的排版
在网页或是移动UI排版中,文字排版是必不可少的,我们在排版这些文字的时候应该注意什么呢!下面就来讲讲设计中遇见得几种文字排版!
1文字的层级关系:
文字的层级关系在排版或是交互设计中经常被忽视,如何让用户对一个交互设计用起来感觉很明了,在项目之初就要将文字的层级考虑在内。
文字的层级在应用中扮演着重要的角色,将用户引向期望的结果,还能改善用户体验,通常一些网页中的文字层次不分明的排版,通常会给人一种厌烦感,没想看下去的欲望。让用户不知所措,没有主次关系,用户体验就差了。
如下关于新闻列表的排版,反映了不清晰的文字层次级如何影响用户体验,在所有列表中,新闻逐条展示每条包括6个文字层级(下图),⑴标题 ⑵文字标题连接 ⑶正文链接 ⑷正文 ⑸网站链接 ⑹发布时间。
如果在列表的文字排版上加以心思在文字层次的上面的话,对用户体验会有很大的提升的.
为了更好地区分文字的层级,你需要对用户希望如何剖析信息有所了解。在缺乏可用性测试的情况下,我可以假设用户第一眼会看到标题,然后阅读正文,接下来如果他们感兴趣,则会点击网站链接。
很快,重新设计了第一篇文章,优化了文字的层级。增大了标题的字号,将它剥离出正文,把正文改为中灰色,将网站链接放在正文下方,并加大了行高,增加易读性。
如下图:
从结构的角度看,还能使整体层级更加清晰。记住文字只是一种元素(尽管通常是最重要的),对导航条、图片位置、文章排列进行重新设计,也能提升用户体验。
2文字信息
展示信息这个问题,实际上偏向交互的问题。我们还是放下内在深层的含义,说说表面上的视觉,首先你设计的界面是有一个比重,如果你的字多,那么用户视觉中心就在文字上,如果你的字少,那么视觉就在图上。
其次,对于一些信息量丰富的界面,能简则简,能隐藏的隐藏,能弱化的弱化。信息文字颜色也非常重要,你的黑色不需要全黑,多去尝试一下灰色的信息文字,绝对对你的整体设计加分提高。
3文字板式
板式是一个有深奥的研究的问题。对于板式的研究,可以多去看看平面设计师的分享,或是一些杂志的书的排版,多看多研究,里面需要讲究的事情非常多。我们在这里主要说说一些注意问题。
文字和边界保持距离。保持一定距离是必须的,这样才能让你整个页面有呼吸感,又遵守了规范。
不要超过3种字体,其实最好就控制在两种字体最好,甚至一种。这一点的意思和我们最开始说的是相辅成的,你的设计尽量去简化文字信息,当用户刚刚习惯一种、两种字体以后,你又再制造新的识别度,会让人感到疲劳。越是靠文字信息表达的界面越需要注意这个问题。
文字居中不是最好排版。很多朋友在排版中的时候经常居中,比如APP UI 他们会习惯性感觉宽度就这么大 可能居中会比较好?你们可以尝试其他的排版方式,放在左边,有些文字排版左右对齐会有很大的效果,会使文字易读性明显增加,用户体验变好了。
中恒设计:DONG出品