我最近一次重新设计我的网站Hitched是在约五年前。自那时以来,发生了很多变化,尤其是近年移动设备的迅速崛起。虽然我们多年前就确保我们的网站可在移动设备上浏览,但它并没有(现在仍然没有)针对小型设备进行优化。不用说,我们正拼命工作,以尽快改进网站。

在我们努力为网站更换新外衣之际,我碰巧发现了当前一些我们可能会、也可能不会追随的设计趋势,不管怎样,我希望能和大家分享2014年5大网站设计趋势

 连续滚动

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

1

较大的字体

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

2014年5大网站设计趋势

 更加灵敏的移动设计

我较早前提到过移动设备是如何影响网页设计的。公关公司Walker Sands发现,2013年第三季度,移动设备在全部网站访问流量中占据了28%的份额,比去年同期上升了67%。我们的数字显示,移动设备目前占Hitched全部访问流量的近60%。几年来这一趋势一直在上升,2014年仍将持续。过去对此采用的设计方法是创建一个专门面向移动设备的网站,但现在网站反应更加灵敏,能够根据设备和屏幕进行相应调整。这意味着网站发布者无需维护两个完全不同的网站,而可以专注于一个能根据终端情况做出相应反应的网站。

3

 

 

扁平化设计

看起来移动设备真的是推动了一切事物的发展。自从苹果公司发布经过彻底改造、完全采用扁平化设计的iOS 7以来,扁平化审美迅速席卷桌面系统和网站设计领域(公平地说,扁平化设计最先由Windows采用)。例如,我们使用的社交书签共享网站AddThis在11月更新了他们的共享按钮,采用了新的扁平化设计。看起来扁平化设计不仅仅是提供了新的外观,它还提升了性能。AddThis提到新按钮比他们原来的按钮小了40%。考虑到扁平化设计排除了所有那些能迅速吃掉宝贵流量的阴影和渐变效果,这实际上极具意义。

4

视差滚动

我第一次看到网站使用视差滚动是2012年《纽约时报》网站上一篇题为“Snow Fall”的特写文章。自那时起,其他网站也在采用这一技术,看起来在2014年,这将成为一个标准设计。如果你不熟悉视差滚动,我将对它做一简要说明。视差滚动将网页以多层呈现,其中背景层以不同于前景层的速度滚动(实际上背景层可能根本没有移动)。其他技术也可以配合使用,比如动画可以实现某些特别而带动感的效果。我们最近发布了“2013年假日礼品指南”,其中包括由FiftyThree公司开发的一款名为“Pencil”的新式触控笔。我提到这点是因为他们的产品站点非常有效地利用视差滚动技术对“Pencil”这款产品进行了分解和说明。我希望视差滚动和其他设计趋势能对你下一次重新设计网站有所启发。
5
做人要厚道,转载请注明文章来源: https://www.boxui.com/ued/design-idea/13296.html