设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 IT综合资讯 查看内容

2014 年十大网页设计趋势和预测

2014-1-13 10:45| 发布者: joejoe0332| 查看: 2780| 评论: 0|原作者: 开源中国社区|来自: 开源中国社区

摘要:   新的一年刚刚开启, Zing 设计团队认为这是一个很好的时间来回顾 2013 年 web 的设计场景,同时也对 2014 的 web 设计趋势做了些分析,总结出了十大网页设计趋势和预测,希望能给大家一些启发:)1. 大背景图片 ...


3. 扁平化 UI 设计

  她的大名就是摇晃,这么说当然有充分的理由。扁平化 UI 设计拿到了 skeuomorphic design 的宝座,这是一个新数字世界的入门指引。现在我们理解了庞大的互联网世界是怎么工作的,我们就需要抛开废弃的东西——现在是时候抛开一切外物来单纯的讨论根源了。

  扁平化 UI 也许是跳过 skeuomorphic 时期的开发者第一次接触的 web 设计风格。大多数是通过 iPad 或者是电子阅读器来接触扁平化 UI 设计的,也可能是当他们拿到他们的第一部智能手机的时候,就如同 UX 和 UI 设计者知道也确信新用户可以在应用商店接触到扁平化的设计。

  去年,曾预测Apple将会动摇其拟真设计(Skeuomorphism)。iOS7的发布带来了所谓的“扁平化设计”,该设计丢弃了阴影及渐变效果,使某些元素获得了视觉上的升级。 长期以来,Apple一直引领着设计的时代潮流,它所做的任何事情,都会引来世界的追随。iOS7发布不久,每天都会有很多具有“扁平化设计”风格的网站上线。早期的扁平化 UI 设计开始时有很多创新的空间,所以在 2014 年,我们预测 web 设计风格将会更直观,简单,界面平面化!

flat-ui-example-zing-design


4. 更简单的导航和空白使用

  扁平化 UI 设计的引入给网站创建了空白的区域,没错,就是空白。空白空间提供了清晰简洁的风格,使网页更容易保留,而且提高可读性。这里是一些很受欢迎的空白使用示例: ExposureHello MondayFoundryCo.

  创建这些空白空间的时候,我们也注意到了页面导航和侧边栏。页面导航会变得更简单,侧边栏可能会在某些时候被放弃。设想一下:你正在阅读一篇整齐、悦目,没有任何其他干扰信息的文章。设计师通过去除那些分散用户注意力及扩展性的内容,努力打造更愉悦的阅读体验。这种是一种极受欢迎的改变,一种用户期望继续保持的趋势。在 2014 年,我们预测更多的网页将会变得更简洁并且会更好的使用空白区域。

FoundationCo screenshot  

FoundryCo 的白色空间使用


5. 朴素的视差效果

  web 视差效果设计创建了一种 3D 的错觉,比如使用不同的速度或者布局的移动等等,这些通常是用户滚动网页内容触发的。视差效果如果使用的好,那么会让人印象深刻,吸引用户的注意力。这引发了一大群的跟随者,大家可以看看这些视差效果的忠实跟随者:Discover ShadowZensorium TinkeLost World’s Fairs

  视差效果,令人印象深刻,又很有趣,也可能会造成烦躁和引起喷射性的呕吐... ... 在 2014 年,我们预测视差效果将会被更多的使用,并且会变得比较简单朴素,得到更好的控制,我们现在就可以抛开呕吐的袋子啦!

Screenshot from Tinke  

Tinke 的视差效果


6. 响应式设计会成为工业标准

  即使现在这已经成为 web 设计的主流,响应式网页设计对未来的网页发展起着非常重要的作用。有很多的响应式框架提供给设计者和开发者,帮助他们实现这个过渡。

  在 2014 年,不断增长的用户会使用不同的智能设备来浏览 web 页面,比如智能手表,眼镜,电视机,甚至是冰箱 !响应式 web 设计可以在这些设备中应用,包括以后的各种各样的设备,让我们拭目以待吧!

  移动端和触摸页面第二次大改革即将到来啦,在 2014 年,我们预测响应式设计将会成为工业化标准,而且我们会提供两个对大家很有帮助的表格来开启响应式网页设计的旅程:

What widths should I design for?
What screen densities should I design for?

screenshot from mediaqueries  

 Media Queries 响应式设计展示



酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部