2019年主流网页和UI设计风格探讨(下)

上一回我们探讨了今年主流网页和UI设计的风格《2019年主流网页和UI设计风格探讨(上)》

2019年主流网页和UI设计风格探讨(下)

今天我们继续来研究剩下的部分:

复古字体/更多衬线字体的使用



2019年最令人耳目一新的设计趋势之一是转向更多的复古字体样式。

更多的衬线字体的使用似乎具有复古的感觉。与过去几年流行的一些较细的无衬线字体相比,这些复古样式似乎都具有更大胆的线条。

甚至一些著名的品牌,例如Mailchimp(如上)也已转变为这种复古的印刷风格。

笔者认为导致这种设计趋势的最大因素是所有设备的屏幕分辨率变得越来越精细。曾经有人认为无衬线是屏幕上可读性最高的字体,但是由于高清和高分辨率,对衬线的使用不再是问题。

可变字体

2019年,将有更多的设计师使用可变字体来使网页在多种设备之间更具可读性。

根据Google的说法:“可变字体是母版样式的集合,具有一个中央’默认’母版(通常是Regular字体样式)和多个注册的“ axes”,这些“轴”将中央母版与其他母版绑定在一起。例如,“权重”轴可能会将“ Light”样式母版连接到默认样式,再连接到“ Bold”样式母版。可以沿该轴定位的各个样式称为实例。”

尽管OpenType可变字体的概念可能仍然有些吓人,但它们开始变得越来越主流。它们是为响应式设计而设计的,可以帮助项目在不同的屏幕尺寸下看起来更加完整。

更加专注于数据可视化

2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)

现在越来越常见,似乎有人将图表作为设计的一部分。

数据可视化是向用户呈现复杂信息的一种更有趣和更容易理解的方式。用户喜欢这种从数字到映射到理解复杂算法的所有内容的可视格式。它可以帮助人们理解内容并以多种方式工作——包括静止图像,滚动面板,动画或互动游戏。

使其最有效地工作的方法是将您的数据变成故事。创建起点和终点,以便用户跟随信息来完成理解,以便于获得更高的转换率。

UX

2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)

随着用户要求真实的Web体验,人们越来越注重UX。

网页旨在帮助用户更好地参与产品或服务并与之联系。有用而实用的内容将越来越占有主导地位。

不断发展的分屏设计

2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)

您可能在关注一个网站设计需要适合移动端用户。这就是为什么分屏模式不断出现的原因。

分屏美学(将台式机屏幕分成两部分内容,然后折叠成较小设备上的垂直内容块)是一种设计可在具有相当无缝的UX的设备上使用的内容的可行方法。

尽管这些设计中的许多设计开始都具有看起来相似的并排“屏幕”,但更多设计正在转移到内容的不对称分割。这可以为桌面用户在设计中创建更多层次结构,其中较大的项具有更高的重要性。(假定移动用户使用,因为最上面的项目被认为更为重要。)

优雅且吸引人的动画

2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)

尽管设计师在移动版本的网页上摒弃了动画(可能由于机能问题),但桌面版网页正在出现将动画包括在内的趋势。

视频仍然是一个问题,尤其是对于iPhone用户而言,视频不能很好地在网站上呈现,但是定时动画的受欢迎程度正在稳步增长。随着向移动端优先的转变开始,您甚至可能开始在移动设备上看到更多的滚动动画。

更多页面文本(字)

2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)
2019年主流网页和UI设计风格探讨(下)

如果2019年网页文本量下降,您会感到惊讶吗?

从带有大量单词的头条新闻到包含几乎所有图片的设计,人们已经开始将文本作为特色元素。使用正确的排版,这种趋势可能会看起来很惊人,并迅速为用户提供大量信息。如果没有好的排版,它可能会变得平淡无奇并造成灾难性的后果。

开始进行大量文本设计的最简单方法是在首页上使用双排或三排标题。您有更多的消息收发空间。此处的调整是文本大小通常比一些流行的超大字体小得多。请记住,较小尺寸的多行文本实际上可以具有与较大字体中较少的单词相同的权重。

使更多文本可用于设计项目的诀窍是它必须是有价值的文本。用户需要阅读单词。因此,请仔细计划设计。

本文由 新媒体之家 作者:追波范儿 发表,其版权均为原作者所有,文章内容系作者个人观点,不代表 新媒体之家 对观点赞同或支持,未经许可,请勿转载,题图来自Unsplash,基于CC0协议。
5

发表评论