将塑造2019的UI趋势

请允许我问你一些听起来有点像科幻小说的东西。 你有没有想过,也许地球最近的行动速度有点快 - 但我们还没有注意到? 好像昨天我们回顾了我们进入2018时的预期。 但奇怪的是,它已经差不多是2019了!

然而,想想看,2018已经成为UI设计的一年。 与前几年相比,事情现在变得更加简单 - 这要归功于近期经历的指数增长设计工具。 你甚至不需要成为一名编码大师就可以在短短几分钟内创建一个具有出色UI的专业网站。

而那几乎没有覆盖基地。 用户首选项的变化也对我们在2018中设计接口的方式产生了广泛的影响。

从透视角度来看, 互联网用户94% 停止信任设计不佳的网站 - 因此根本没有妥协的余地。

然后,由于滚动现在被广泛接受,网站不再优先考虑将最好的东西放在顶部。 您可以在界面中按比例分布它们。 但话说回来,我们已经学会了对此考虑非常谨慎 40%的访客 如果整体布局变得简陋,将会离开。

而这并不是他们讨厌的全部。 用户也已经厌倦了内容滑块 1%将点击 在他们。 有趣的是,通过消除内容来缓解这一点也是一个错误的举动 86%的网站访问者 希望在主页上尽快查看关键产品和服务信息。

很有意思吧?

所以,说实话,UI设计从未如此令人兴奋。 用户正在变形,设备技术正在开发天文数字,互联网速度现在处于Formula 1级别,我们得到了网络上各种设计工具的支持。 将所有这些与现代UI设计师技能组合在一起,您肯定会同意2019必将更具影响力。

那么,我们期待什么趋势?

移动第一

移动优化是一个流行语,似乎不会很快退休。 至少可以说,这种趋势已经存在了几年。 而且你预测我们会看到2019中基于移动设备的UI设计的使用越来越多。

您可能还会假设除了相应的技术之外,在这个空间中没有任何新的东西 - 至少在接下来的12个月左右。 很公平,但得到这个......

你看,很长一段时间以来,在转向移动之前,我们一直在使用相同的旧方法设计PC。 回顾一下,桌面用户界面是主要关注点,因为大部分流量来自PC用户。

然后在2016后期发生了一些有趣的事情 - 移动流量最终超过了PC流量。 到那年年底,手机受到了冲击 50.31%的市场份额,平板电脑加起来达到4.9%。

移动市场份额

然而,尽管如此,我们仍然优先考虑桌面界面,因为PC用户在网上花费的累计时间中保持了领先优势。 例如,在北美,手机上网在2017中仍然落后,占比 33%的冲浪时间.

冲浪时间

好吧,想想看,我们都知道,移动最终赶上PC也是时候了。 通过2018,桌子完全转向,移动占用了 所有全球网页的52.2%.

流量份额

这对UI意味着什么?

对于初学者,我们预计UI设计方法会发生转变。 在为PC设计之前,开发人员将首先关注移动UI,从而开始改变他们的优先级。 移动用户将优先于PC用户。

使用阴影和深度

毫无疑问,平板UI设计有其优点。 但是让我们面对现实吧。 他们现在变得过于单调,而且无可否认。

不幸的是,使用3D设计具有挑战性,因为产生了繁琐的图形。 例如,加载具有3D界面的网页通常需要比平面设计更长的网页。

好吧,直到Web浏览器开始大幅改进。 另一方面,设计师开发了一种利用阴影来引入深度幻觉的卓越技术。

阴影和深度

因此,在2019中,我们期望逐渐使用阴影变化来实现不同的3D界面视图。

例如,寻求引起对特定元素的注意的设计者可以产生具有不同程度的柔软度和强度的假阴影。 最终结果是一个可能看起来悬停在3D中的其余元素的元素。

另一种流行的技术是在图案中放置阴影以创建各种级别的纹理,并随后将界面元素赋予生命。

那猜猜怎么着? UI设计工具的最新进展进一步扩展了这些设计方法带来的动态。 您现在可以轻松地将阴影与网格和视差布局相结合,以系统地扩展相应的深度,从而实现更逼真的3D幻象。

换句话说,高级使用阴影将继续在2D显示器上实现更精细的深度。 这样做,消除了对特殊3D屏幕的需求。

极简主义

在2000年,平均人的注意力跨度,至少根据一项研究得出 微软,是12秒。 那猜猜怎么着? 通过2015,它出人意料地下降到8秒 - 比标准金鱼短得多。

好吧,就在我们认为不可能变得更糟的时候,互联网让人们更加不耐烦 - 47%的网站访问者 现在希望您的页面加载时间小于2秒。 他们根本无法等待更长时间。 事实上,如果40%的时间超过3秒,它们将离开。

令人惊讶的是,许多网页设计师并未认真对待这一点。 目前 平均页面加载速度为8.66秒- 尽管谷歌建议3的时间少于2018秒。

页面加载时间

而这还不是全部。 事实证明,移动网站的情况相当糟糕 22秒的平均值 载入。 然而,令人遗憾的是,53%的移动页面访问者不会闲逛超过三秒钟。

但是,这与UI有何关系?

虽然页面加载速度通常由几个因素决定,但用户界面的整体设计尤为关键。 这就是连锁反应开始的地方。

那么,这对2019意味着什么呢?

好, 谷歌的速度更新 7月2018是复杂的,图形密集的UI结束的开始,这些UI大大降低了加载速度。 我们现在越来越多地转向精简的精简简约UI,加载速度要快得多。

从本质上讲,极简主义需要在简单性,便利性和功能性之间实现理想的平衡。 这不仅可以提高整体速度和搜索引擎排名,还可以降低相应的流量跳出率。

重叠效果

图形设计的现代时代引入了重叠效果,将多层结合起来,创造空间感,最重要的是,使界面更具吸引力。

但坚持下去。 首先是什么是重叠效应?

通常,这涉及将诸如图像,文本和颜色的元素放置成彼此时髦地重叠。 我打赌你现在已经在几个网站上遇到过重叠的图形。

重叠的影响

嗯,诚然,在过去的几年里,设计趋势一直很好。 但是,随着现代设备现在具有更好的色彩渐变再现,预计2019将触发在PC和移动UI上广泛采用重叠效果。

例如,三星移动从LCD显示器切换到 非常先进的OLED技术 两年前他们发布了Galaxy S7。 然后,苹果公司加入了iPhone X的行列,现在它的显示屏对比度超过了它的LCD前辈。 该公司甚至有 维持这一点的计划 在计划用于2019的所有iPhone型号上。

哪个人受益最多?

正如预期的那样,图形设计世界正在极其利用这一点来创建重叠更清晰,更清晰的渐变,看起来更自然。 我们喜欢OLED显示器如何显着减轻重叠元件的最大问题 - 由于对比度差,用户会被底层次要元件分散注意力。

这一趋势也将触发UI设计透明度的发展。 我们将看到在UI上越来越多地使用“类似玻璃”的纹理,因为设计师利用透明度同时显示主要和次要图形,而不必干扰预期的重点。

无框设计

现在仍然在现代设备上,你当然注意到了他们整体外观设计最突出的地方。 不,我不是在谈论他们现在几乎在每个表面都过度使用玻璃。

好的,我承认它可能与此有关。 出于一些奇怪的原因,现在每个人都看起来讨厌显示帧。 主要的智能手机和电视屏幕制造商正逐渐缩小显示器轮廓与其相应设备边缘之间的空间。 然后,为了完成外观,他们选择将其与圆形设备边缘相结合。

通过将一些智能手机屏幕延伸到边缘,三星甚至完全消除了边框。 另一方面,Apple决定用显示屏覆盖整个iPhone面部,只为耳机留出空间。

无框边缘

想想看,我猜它与无限幻觉有关 - 需要让屏幕看起来像是自然环境的一部分。 而且,说实话,它对用户来说非常有效,据报道,这些用户发现显示器更加身临其境。

也许不出所料,这种趋势已经蔓延到应用行业。 用户界面逐渐从框架轮廓转移到平滑线条和圆形边缘。 因此,这有助于界面与设备屏幕无缝集成,并随后创建全屏无框架外观。

随着设备制造商将这一趋势延续到2019,我们预计UI将逐渐降低旧一代锐利边缘,以实现平滑,圆润,无框架设计。

微动画

它们很微妙,有时可能看起来微不足道。 但是,简单的事实就是这样 - 用户界面中的微动画已被证明在用户导航和帮助时非常强大。

当您滚动或点击它们时,您是否看到了那些改变颜色的按钮? 你肯定也会遇到菜单布局,一旦指针落在它们上,它就会弹出以显示其他选项。 嗯,它们都是微动画的例子,可以创建小视觉效果以丰富用户体验。

微动画

由于移动元素在捕获注意力方面特别有效,因此许多设计人员已经利用它们将用户引向各种转换点。 这种趋势现在非常普遍,我愿意打赌你找不到超过五个尚未实现某种形式微动画的网站。

然后得到这个。 所有主流的网络浏览器目前都支持在PC和移动设备上都能很好地满足微动画。 所以我要说的是,当我们接近2019时,趋势仍然存在 - 期望UI带有系统结构化的视觉层次结构。

总结

总而言之,我们只介绍了一些最值得注意的趋势。 随着时间的推移,我们必然会看到更多令人兴奋的事情,我们不能等待2019设定球。

那就是说,您认为究竟是什么可能会成为最具影响力的UI设计趋势? 您还会在此列表中添加哪些其他值得注意的趋势?

标题图片由...提供 瓦利德·贝诺

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。