图片
当涉及到图像背景时,这些是现代网页设计中最具描述性的词语。设计师不仅在考虑高清,而且将高清发挥到极致,背景占据了整个屏幕。
这种设计技术之所以有效,是因为用户天生就是视觉的。
毕竟,视觉主导了我们对周围世界的许多潜意识解释。最重要的是,令人愉悦的图像可以创造更好的用户体验,部分原因是我们认为有吸引力的物体效果更好。这似乎很肤浅,但在设计方面,感知就是现实。
未来网页设计趋势
高清晰度屏幕分辨率为用户提供了绝佳的机会来查看具有以前无法获得的详细程度的图像。小的图像细节——例如JunctionMoama使用的纹理到麦格理公园的不同色调(均如上所示)——增加了界面的视觉润色,有助于营造非常重要的第一印象。
背景照片可以创造简单的视觉趣味。当您从一张强调您的品牌、产品或信息的精美照片开始时,该技术最有效。请记住,背景照片的使用也可以包含多张图片,只需确保设计框架和周围元素单独支持每张图片即可。
视频
高清视频背景可能是今年最流行的技术之一——尤其是结合了快节奏的动作和大量的画面,给人一种近乎疯狂的感觉。从AirBnB等巨头到几乎所有类型的小型网站,流媒体视频正迅速成为网页设计领域的重要组成部分。
未来网页设计趋势
一些最早利用背景视频的网站本身就是真正的电影。例如,“Pi的生活”网站使用电影的实际预览作为背景(也可以下载格式)。
视频作为一种设计技术的出现与其新颖性有一点关系。在引入HTML5(以及具有高清视频功能的智能手机)之前,许多浏览器和互联网连接都无法处理全屏视频背景。
任何关于高清视频的讨论都必须考虑到制作。无论是像Dunckelfeld的黑白背景视频这样的超现实主义处理,还是像AirBnB这样的更逼真的目的地蒙太奇,您都需要调整饱和度和帧速率,这样视频才能引人入胜而不会分散注意力。
仅仅有一个视频剪辑是不够的。制作精彩电影的所有电影技术——取景、缩放和平移等等——对于网络视频同样重要,即使用作背景也是如此。
动画
高清背景动画存在于静止图像和设计之间的空间,因为这些动画通常包含静止和移动元素。
尽管加载动画看起来很时髦,但几十年来这些原则几乎没有变化。然而,改变的是高清显示器提供的质量水平。
未来网页设计趋势
坚持简单的动画-过于复杂的故事或动作最终可能会增加认知压力,因此在编织任何复杂的叙述之前完美地执行基本原理。
使用明亮的颜色和屏幕提示连接到用户界面——例如,从简单的悬停动画开始,例如链接更改颜色。考虑悬停状态的调色板中最亮的色调,以引起对动画的注意。另一个视觉提示,例如在悬停状态下扩展彩色字母会增加额外的重点。这些简单的工具可以帮助阐明所需的用户操作。
利用高清屏幕功能-为获得最佳视觉质量,请使用矢量等可缩放图像格式
像视频一样接近动画——同样的细微差别也适用于动画。例如,避免不和谐的动作或可能惹恼用户的声音等元素。
为合适的受众计划动画——虽然许多设计师同时考虑动画和插图,但这可能并不适合每个网站。
一如既往,注意细节。根据您的网站和用户,动画可以是卡通、视频风格的显示,或者只是在插图框架中的动作触摸。动画可以通过用户交互来触发——点击、滚动或鼠标点击——或者它可以以简单的自动播放格式工作。
结论
虽然高清背景最近流行起来,但将它们视为一种趋势并不完全公平。相反,它们是实用性最终与技术进步相匹配的产物。
这意味着人们不会简单地厌倦高清设计并转向下一件大事。作为视觉丰富的行业中不断增长的一部分,这使得创造它们成为一种绝对值得学习的技术。