2020年网站设计趋势,网站设计技巧有哪些?
发布时间:2020-09-23 11:33:59   发布作者:建站模板网   文章所在栏目:基础知识

我较近一次从头规划我的网站Hitched是在约五年前。自那时以来,发生了许多改变,尤其是近年移动设备的敏捷崛起。尽管咱们多年前就保证咱们的网站可在移动设备上浏览,但它并没有(现在依然没有)针对小型设备进行优化。不用说,咱们正拼命工作,以赶快改进网站。 

在咱们尽力为网站更换新外衣之际,我碰巧发现了当前一些咱们或许会、也或许不会追随的规划趋势,不管怎样,我期望能和咱们分享。

2020年网站设计趋势,网站设计技巧有哪些?

连续翻滚。这是福布斯网站已经选用的一种规划元素。在你向下翻滚页面时,你不用点击就会主动进入下一篇文章。由于你连续翻滚屏幕,这改变了网站规划中的其它元素。例如,你在打开第二篇文章时,除非你添加了起浮导航和其它元素,否则你会失去非常重要的“顶部折起”功用。

较大的字体。尽管多年来咱们未对网站进行重大改造,但几个月前咱们悄然加大了咱们文章页面的字体大小。明年,我预计字体还会变得更大。这么做的一个重要原因是计算机和其它现在运用的设备的屏幕分辨率得到了得高,屏幕也更大,这让之前流行的规范字体大小显得十分细小。

愈加活络的移动规划。我较早条件到过移动设备是怎么影响网页规划的。公关公司Walker Sands发现,2019年第三季度,移动设备在全部网站拜访流量中占有了28%的份额,比去年同期上升了67%。咱们的数字显现,移动设备现在占Hitched全部拜访流量的近60%。几年来这一趋势一直在上升,2020年仍将继续。过去对此选用的规划方法是创建一个专门面向移动设备的网站,但现在网站反响愈加活络,能够依据设备和屏幕进行相应调整。这意味着网站发布者无需保护两个完全不同的网站,而能够专注于一个能依据终端情况做出相应反响的网站。

扁平化规划。看起来移动设备真的是推动了一切事物的发展。自从苹果公司发布通过完全改造、完全选用扁平化规划的iOS 7以来,扁平化审美敏捷席卷桌面系统和网站规划范畴(公平地说,扁平化规划较先由Windows选用)。例如,咱们运用的社交书签同享网站AddThis在11月更新了他们的同享按钮,选用了新的扁平化规划。看起来扁平化规划不仅仅是提供了新的外观,它还提升了功能。AddThis说到新按钮比他们本来的按钮小了40%。考虑到扁平化规划排除了所有那些能敏捷吃掉宝贵流量的阴影和渐变作用,这实际上极具意义。

2020年网站设计趋势,网站设计技巧有哪些?

视差翻滚。我第一次看到网站运用视差翻滚是2012年《纽约时报》网站上一篇题为“Snow Fall”的特写文章。自那时起,其它网站也在选用这一技能,看起来在2020年,这将成为一个规范规划。假如你不熟悉视差翻滚,我将对它做一简要说明。视差翻滚将网页以多层呈现,其间背景层以不同于前景层的速度翻滚(实际上背景层或许根本没有移动)。其它技能也能够合作运用,比如动画能够完成某些特别而带动感的作用。咱们较近发布了“2019年假日礼品指南”,其间包含由FiftyThree公司开发的一款名为“Pencil”的新式触控笔。我说到这点是因为他们的产品站点非常有效地利用视差翻滚技能对“Pencil”这款产品进行了分化和说明。我期望视差翻滚和其它规划趋势能对你下一次从头规划网站有所启发。