如何改善您的数字排版

IT资讯 2018-08-03 89 次浏览 0 条评论

了解如何将您对印刷排版的知识和理解转移到网站和应用程序。

从打印到数字,在排版方面有一个明显而重要的区别。与印刷不同,在数字设计中,您的类型不会保持静态。

“印刷类型可以严格控制,结果与设计师的预期完全一致,”Ragged Edge的中等重量设计师Jack Statham说。 “但是,屏幕上的排版可能会针对不同的用户呈现不同级别的细节,具体取决于他们的设备。”

但这并不意味着排版失去了它的重要性;完全相反。 “近年来,网络和应用程序设计摆脱了多余的装饰,现在为内容提供了更多的空间,因此也提供了文本,”CBA意大利高级设计总监Massimiliano Frangi解释道。 “因此,选择优秀的字体现在是网络项目成功的关键因素。”

近年来,网络和应用程序设计摆脱了多余的装饰

杰克斯坦森
如今,专业网络字体经过优化,可以在多个设备和屏幕分辨率下尽可能干净,一致地显示。 “通常,设计用于印刷的字体具有墨水陷阱和中风宽度的高对比度,”Statham说。 “为网络设计的字体通常具有更一致的行程重量,更高的x高度,以及更多开放的碗和柜台。”

所有这些意味着,如果您的设计能够正常工作,看起来很好,并且在多种设备,屏幕尺寸和方向上清晰易读,那么仔细选择正确的字体并正确显示它是至关重要的。

易读性是关键

C8 Paris的数字设计师Martha Lisboa说:“仅仅因为字体很漂亮并不意味着它可以读取各种尺寸。” “因此,请避免使用细笔划的疯狂字体,浓缩样式和字母。请注意,阴影或斜面等类型效果在较大尺寸下可能看起来很棒但不适用于小屏幕。

“简而言之,请使用简单且标准的重量来确保所有设备的可读性,特别是对于长段文本。”

在排版方面,层次结构总是很重要,但当人们使用交互式设计来实现目标时,层次结构尤其如此,Statham说。

“你有一个有限的区域可以设置类型,减少导航和寻路元素,”他指出。 “因此,清晰的类型层次结构可以帮助用户快速找到屏幕上的方式,并作为用户在屏幕上消化信息的简写。”

十五种排版的例子

十五岁的诺丁汉医院网站设计采用友好的手写风格字体

Fifteen的高级用户体验设计师Alexandra Lofthouse对此表示赞同,并提醒我们人们通常不会使用应用来阅读大量的文本段落。 “所以文字应该易于阅读和消化,”她强调说。 “这归结为整个副本中使用的语调,以及以有趣和引人入胜的方式融合在一起的排版风格。”

当然,在数字化方面,易读性非常重要。 “特别是在文本的长篇文章中,目标是使排版”隐形“,因为用户能够快速传递一段,而不必过于专注于每个字母,”Statham说。

他建议你“注意段落测量;保持它们在45-75个字符之间。在线条之间提供宽大的间距:目标是身体副本的最小线高度为1.5。目标是略微增加跟踪,给予类型空间选择一个合理的磅值:实际字符大小因字体而异,但16px是一个很好的最小值。“

可访问的排版

他指出,在易读性方面,颜色也是一个重要的考虑因素。 “背光屏幕可以增加纯黑色和白色之间的对比度,这可能会使眼睛疲劳,所以使用较软的黑色文字或浅灰色背景可以使文字更具可读性。还有一些应用程序,如对比度,我们经常使用它来帮助确保文本正文中的任何颜色组合符合当前的可访问性标准。“

Seymourpowell的交互设计师Lee Carroll提供了类似的建议。 “注意文本和背景颜色之间缺乏对比,”他说。 “使用Snook.ca色彩对比度检查器确保比率足够高,以达到双A或AAA级可访问性标准。”他还建议记住,可能不是单独的颜色需要改变以解决其中的一些问题,有时需要更厚的重量或更大的文字来增加对比度。
Massimiliano Frangi为De Nigris重新设计的目的是通过其叙述来吸引观众

而这一切只适合初学者:在2018年,该领域正以惊人的速度发展。 “我们用来查看类型的技术在不断变化,因此屏幕上的类型要求也在发生变化,”Statham说。 “例如,Prototypo在其字体中有一些令人难以置信的功能,允许您在多个实例中使用一个字体文件。您可能在标题上使用比在较小尺寸的字幕中更精细的衬线,或者减少字符宽度浏览器支持越来越多,所以我们希望尽快利用这一点。“

TH_NK的设计总监Dan Bradshaw表示,保持领先于这条曲线也意味着与更具技术头脑的同事保持良好关系。

“与数字印刷相比,与印刷相比,其中一个主要区别在于,一旦你设计了它,它就需要建造,”他指出。 “如果你对代码方面不太熟悉,那么请与开发人员保持友好关系,以确保你的设计能够在你完成它们的过程中实现。”

0
小包子

【 飞龙网.com:小包子】为你推荐!我的文章如同我的名字,香甜可口,咸淡适宜,油而不腻,阅后令你回味无穷尽哦~

发表评论