对于网页设计师和开发人员,我们将介绍在2020年参考的网页设计趋势和技术发展。
我们将研究最近引起关注的网站和智能手机应用程序的趋势,并解释设计和技术方面的变化以及这些趋势背后的原因。
抛光玻璃效果
磨砂玻璃的效果是其他元素后面的半透明和模糊外观。此效果的第一个效果可能是Windows Aero,后来被Apple的iOS和应用程序采用。
直到那时,我还没有看到太多东西,但是磨砂玻璃的效果正在增强。今天常用的是导航栏或图像上的文本背景。
深色模式
在2019年,台式机智能手机的主要操作系统上完成了对深色模式的支持。这使得可以确定OS设置(外观模式)并将适用于深色模式的配色方案应用于Web应用程序和站点。
到处都是渐变
渐变是从一种颜色到另一种颜色的逐渐变化。在平面设计成为主流之前,使用渐变来创建逼真的表面。几年前,当平面设计成为主流时,它逐渐从纯平面设计转变为使用渐变的设计,现在它已成为具有一定深度的设计。
近来,渐变被用于各种元素。它也适用于按钮边框和字体颜色。字体需要Web上更大胆且更大的字体才能充分利用渐变效果。
精致的3D图形
大图像和电影,例如电影。有些是实际的3D渲染,有些视频可以交互滚动和播放。它们的共性是网络媒体的复杂性以吸引用户的注意力。
水平滚动
水平滚动时,水平滚动移至下一个内容。特别是在智能手机上,水平方向的空间有限,因此有必要水平滚动以增加内容,并且包含这种水平滚动的设计数量也在增加。
打破传统观念的布局
现在,您可以看到带有变形,旋转,重叠,重叠等的网格状布局。
微互动
微交互提供了小动画和精致的反馈。本身已经有很多微交互。例如,显示进度,当你点击在酒吧的发送按钮,下拉到刷新互动,如文章中的掌声,更易于理解周到的互动有所增加。
滚动对齐
当用户滚动内容时,可以使用滚动捕捉将滚动位置自动调整到特定元素。这为用户提供了清晰的焦点,而不会中断内容。
以上为2020年网站设计趋势,大家有什么想法?
领取专属 10元无门槛券
私享最新 技术干货