网页设计是复杂多变的,随着许多新技术的发展与创新,网页设计有了更多的可能。好的文案内容固然重要,但友好的网页设计与体验更能吸引观众的注意。以下根据国外网站,整理出2020年网页设计的10大新趋势:
?全屏视频帮助传递更多讯息现代人接受太多讯息,很少人会停留在同个页面花过多的时间。而视频的加入,用户不必从上到下滚动页面寻找他感兴趣的信息,视频中便提供了丰富的信息。动态的元素比起静态的文字讯息更能吸引用户,全屏式的设计也更能抓住观众的注意。
photo: the unit london by artlogic.
photo: the unit london by artlogic.
个性化的插图元素个性化的插图更能彰显出品牌的特色,传递给观众更深刻的品牌精神与讯息。而插图不仅可以运用在网页上,在移动介面中使用自定义图形的趋势也在稳步增长,让等待中的页面不再只是无聊的设计。
photo: usage examples by nimasha perera.
photo: summer mood illustration by tubik.
?鲜艳活泼的色彩及渐层效果的运用越来越多的企业主,使用鲜艳色彩增加品牌的识别度,希望带给观众更丰富的视觉体验。
photo: creativo arquitectos website by tubik.
photo: ruby solutions website by tubik.
?经典不败的极简主义极简主义的简单风格一直是不败的经典,简约的设计使网站更易于浏览,让用户能越容易找到他们想要的内容并浏览。而白色空间可以突出重要元素,使你获得更多转换。
photo: creativo arquitectos website by tubik.
photo: creativo arquitectos website by tubik.
web vr?及360?度视频随着vr技术普遍,越来越多企业将这些经验融入现有网站,希望带给观众更独特的体验。
photo: webvr showroom by little workshop.
photo: wdr time capsule by kubikfoto3 .
?大胆的排版设计具冒险精神的大胆排版能使观众印象深刻,精心挑选的字体也可以传递所需的情绪,并建构强大的视觉层次结构。
photo: one minimal festival homepage animation alternative version by zhenya rynzhuk.
photo: violet green product details page animation by zhenya rynzhuk.
?以cinemagraphs?取代gif?动态图档动态图象的加入可以提供给观众更多讯息,让观众可以更深入的参与网站。然而过多的动态元素是不合适的,因为它可能会使观众混淆而导致高跳出率。而cinemagraphs的应用正好解决这个问题,cinemagraphs是静态图像,而它与gif动画的不同,在于它只包含一个动态元素。
photo: this isn't happiness website.
?更多微互动设计微互动让使用者透过与ui 互动,更清楚下一个动作是什么,比如滑鼠移过、点击各式网页零件如按钮,卷轴滑动过程中,适时出现细致变化,也能够有提示重点的作用。
photo: material design animation by balraj chana.
photo: one minimal festival homepage animation by zhenya rynzhuk.
?分屏式设计近几年,分屏式设计越来越受到许多设计师的欢迎。透过突出的文本与图像对比,带给观众更深刻、强烈的视觉感官。除此之外,分屏式设计可以很好的契合在当前的响应式设计上,透过分屏式设计,能更好的呈现网页内容的二元性。
photo: split by ui8.
photo: names for changes website.
?去按钮的ui?设计rwd(响应式网页设计)让不同的设备都可以正常浏览同一网站,而手机操作多以滑动为主,去按钮的ui设计让页面切换方式多了一项选择,滑动式操作让用户体验过程更加流畅。
photo: one minimal festival schedule day 1 animation by zhenya rynzhuk.
现代的品牌追求与用户有更强更深的互动、连结,网页不再只是单单的设计,同时必须能传达情感。数位时代的变化极快,越来越多企业寻求更好的网页设计,希望能更符合用户喜好、提供更贴切用户的需求。了解网页设计的趋势,能帮助你打造完美的网站,前往看更多成功案例。