2018年网页设计的19种趋势!(2)

来源:网络   作者:热心网友   发布时间:2018-04-03    浏览次数:147

5.更普遍的交互和动画


媒介就是信息。–Marshall McLuhan


网页并不是一个静态媒介。尽管Justin Jackson的This is a webpage有着持久的美感与真实性,但网页上还可以有更多灵活的东西。媒介就是信息,McLuhan的这句名言,至少意味着有一些网页信息在于网页的变化和交互:网页不能只是简单地向我们提供信息,而应该是让信息生动起来,更重要的是,让我们与这些信息进行交互并对之产生影响。




有的信息都在移动,但这并不影响集中注意力。


渐渐地,当你滚动网页滑块时,一块一块的信息并不仅仅只是被你接受了,还会影响你的认知,并且企图得到你更多的关注。


显然,我们也不能滥用这种生动,会使得网页看起来像动画一样,要小心这会影响你的用户体验,尤其是那些有认知障碍或对运动敏感的人。


但不能否认,恰当的小动画能够在恰当的时间引导用户注意正确的内容,从而使得他们不会错过重要的信息,或是访问其他页面。



以Black Sheep的Heco Partners为例,向下滚动时,标黑的当前行帮助用户集中注意力,然后一系列突出大胆的工具开始争夺用户的注意,呼吁停止阅读并点击下一页。这是创建一个内联导航系统的创造性方案,但这也可能给用户带来了不必要的紧张感。


我们也可以看到很多工具可以简化复杂动画和交互的创建—这是数字设计是工具包中的一个缺口—从我们自己的Interaction2.0到Airbnb的Lottie都可以看得出来。


具体而言,我们期待两种特定的动画模式的出现:不寻常的滑动速率和页面转换。


意外的滑动率



现在视差可能有些过时了,但这并不意味着设计师们不会以有趣的方式来设计滑动。


例如网站Anna Eshwood,网站上的每一张照片一开始都是正常的展示,直到用户下拉滑块滑过后,照片都会快速上升,比滑块滑动速度快,营造出一种有趣的飘渺感,可以很好地展现简朴的黑白照片和严肃的模型。


随着交互和动画在在线体验中更为突出,我们也期望看到更多的设计师设计出更具突破性的作品。


页面转换


在一个充满好看动画的网站中,我们能感知到,网页上正在发生一些变化,但如果是从一个页面转换到另一个页面,就会比较唐突了,无论是在哪个网站上。


转换动画可能会有所用处,它能将用户从一个页面送走,再在另一个新页面上迎接。不过要谨慎运动转换动画,也没有必要链接它们。这个过渡本身就是每一个页面之间的转换:页面突然变为一片空白,然后再有新的页面加载。


但我们发现在这一点上,很多网站都搞了一些事情。以网站3drops为例:



在这里,页面转换时依旧保证了用户的体验,体现了品牌的存在。当用户想要访问是视图库中的另一视图时,髌骨是被导航到了新的页面。这对于以设计为中心的品牌展示来说,是一个不错的点子。



6.至多主义的出现


好的设计尽可能少设计。–Dieter Rams


多年来,设计师最想听到的最振奋人心的设计反馈,恐怕就是:“他很干净。”


那是一个极简主义的时代。深受Dieter Rams的设计原则,以及杂志《The Crystal Goblet》的影响,视觉设计师一直追求提供尽可能少的选择和视觉干扰。


对于当今生活在数字中的世界来说,极简主义是一个全新且难得的经历,这个选择很有意义。我们需要足够放松以进入这个陌生的新世界。

但是今天,我们也有类似于以下的网站:


Pin-Up Magazine


H. Lorenzo


Razzle Dazzle Torino


所有的这些都力图在你看到的那一刻就把所有东西都放入你的世界里。


你可以称之为一种野蛮主义,我也的确在Brutalist网站上发现了所有上述网站。但我们认为我们期待更多至多主义的网站的出现,而在这之前你可能并不觉得这个网站会变成这样。随着数字技术的发展,一些网站会很自然的对用户有更高的期待。




7.衬线字体能表现得更好


在技术落后,字体并不多的糟糕过去,在网页界面中使用无衬线字体是个很好的方法。但随着屏幕和字体渲染技术得进步,我们可以看到越来越多精致得字体占据舞台中心,或者至少成为了更重要的角色。


以Kickstarter最新的设计为例,他运用了柔和的衬线:



在特定的日子里,Typewolf都会展示一些衬线的运用:



衬线能提供一种优雅、精致的文学修饰效果,作为衬线的长期爱好者,我欢迎大家多多使用衬线。




8.浮动的导航菜单





1234共4页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:网页设计

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7170.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通