• 设计众包
  • 儿歌众包
  • 软文众包
  • 童话众包
  • 动漫众包
  • 财会众包

网页基本设计的趋势

发布时间:2016-12-27

作品版权:牛人版权所有,禁止匿名转载;禁止商业使用;禁止个人使用。

2389 0


本文作者:

Carrie Cousins,自由撰稿人,超过10年的通信行业经验,包括印刷和在线出版,以及设计和编辑。推特账号@carriecousins.,欢迎来访!

浏览网站的时候,你是否注意到,总会有一个特定的设计元素不断冒出来?即使是哪些看起来微不足道的细节,也会成为设计趋势的指标,本月的网页基本设计趋势尤其如此。

网页设计的每一项趋势,无论是网页设计的白色边缘,cinemagraph(静态照片中神奇的细微运动技术,是动态摄影和静态图片的结合)还是小动画,都属于能够增强用户的视觉体验的小细节。

下面就是本月的设计趋势:


1.白色边缘


更多的网页设计开始在WEB浏览器中使用白色构成边缘或者四周的框架。


当越来越多的网站被设计成特定的大小,网页框架不得不适应宽度不一的浏览器。

而使用白色边缘,正是建立在传统网页设计思想上的一个新转折。

在越来越多的设计师选择响应宽屏网页设计时,传统的网页设计理论正在逐渐失去其影响力。

网页边框设计的新变化其实是相当有趣的,而且创造了网页设计的新趋势。大多数网站开始使用这种设计方法,有的会使用白色作为网页边缘,有的则会在首页添加几个白色的元素。


关于白色镶边的好处就是,设计是干净的白线,可以帮助用户更加关注强烈的色彩。


从屏幕的边缘到其他的光元素(比如文本框或者调用动作),能够帮助创建一个背景画布视觉色差滚动或者其他的动画效果。

卡姆登镇啤酒厂就在这方面做得非常好,使用白色框架填充元素之间的空白区域,这种设计为用户创建视觉深度和焦点,使用白色隔开网站首页的每部分内容,而且白色贯穿屏幕,使网页浑然一体,整体感更强(另外,从感受上来说,调色板上使用白色作为红色和黑色的对比色,会造成强烈的视觉反差。)

下面是一些网站对于白色镶边趋势的运用:




2.CINEMAGRAPH


Cinemagraphs,即静态照片中神奇的细微运动技术。


它可以运用在照片中的任何方面,轻微的眨眼动作,当照片中任何事物都处于静止时,天空中云朵的移动,等等。

而在以前,最广泛地运用这种设计技术的就是广告和社交媒体。现在,网页设计师也开始运用这种“移动的照片”技术。

它的工作原理,是用户在浏览网页界面时,更容易被移动的事物吸引。

基于此原理,使用视频也是抓住用户注意力的好办法。移动是很迷人的,这很有趣,会让用户感觉更加真实。

至于在网页设计中使用Cinemagraphs,好处就是设计师不必设计整个视频,只需要创建一个能够轻微移动的小设计就能够吸引用户,这为设计师大大节省了时间和精力。


网页设计上面物体的移动应该是简单的、微妙的。


如果移动太多的话,还不如直接做个视频。


Cinemagraphs之所以能够吸引到客户,就是它能够给人惊喜。


表面看起来静止的照片实际上是有东西在移动的,这种小变化会吸引用户,使他们浏览网站的时间更久,自然而然,网站浏览量也会上升。





3.小动画


用户浏览网站时,加载时间是一个大问题。


你不能总是占网络用户的速度,这就是为什么小动画也会是一个大问题。

因此,设计团队需要特别关注小动画,确保给予每一位网站访问者愉快的访问体验。

小动画最与众不同的一点在于,实际上它们并不能算是用户体验的一部分,然而它们却影响着整个网站的目标。小动画元素简单,细微,但是能够轻易地做到主体网站想要达成的目标——很快抓住用户的注意力。

最酷的就是,无论是视觉本身的大小,还是屏幕上的动作,小动画元素真的是很细微的,它们可看的内容不多,但是起到的作用是很大的。





结论:

设计要记住的一点就是,并不是每一位用户都能够注意到的设计元素,恰恰是很重要的,这就是为什么本期的设计趋势都是一些设计细节的原因,即使它们明显并不是整体审美的一部分。


细节是每一个好的设计的核心。


可能正是这些细节,使你的网站流失了一部分用户,也有可能是这些细节帮助你吸引了一批用户。

分享到:
Copyright © 2008 - 2025 牛人 (niuren.com)All Rights Reserved 粤ICP备17135076号 增值电信业务经营许可 电信与信息服务业务经营许可证
发布需求
点击这里给我发消息