2015 的网页设计趋势

作者: hfcorriez | 来源:发表于2015-01-15 22:21 被阅读4256次

    译自《Web Design Trends for 2015》

    快年底了,是时候改变你的网站来面对来年了。

    当全世界都疯狂的偏向移动端响应式设计的时候(包括我们),网站设计必须要进化得更好。

    这里为您介绍来年最有可能的网页设计发展趋势。

    全屏背景和视频

    y.co 用了很赞的全尺寸视频

    视频是可以很好表达你意图的独特方式,所以毫不迟疑地在主页的使用大尺寸漂亮的图片或视频。用优雅的图片来为您的网站添加一种美感。在优雅的图片放上一个突出的标记线和一个影子按钮是独一无二网站的制胜秘诀。

    不需要担心速度问题,开发者和主机商会增加带宽去解决。网页设计者也会经常探讨响应式尺寸和图片优化的新技术。网页制作工具也可以通过在垂直滚动上的增加亮点找到复活的方式。

    下次对于网页设计者的飞跃将是高度的响应式 HTML5 视频。富背景使好的内容交互更紧密并且使改善驱动来响应操作中心。

    垂直滚动仍然是一种可以把内容设计得更有交互式讲故事风格的方式(类似于杂志风格的内容)。响应式设计要求一个「往后靠」的内容,这将改善更多实质性的内容。

    质感设计

    Google 介绍过质感设计。它的目标和原则看起来非常靠谱。这肯定是一个值得追的趋势。

    影子按钮

    如果有些小东西,具有吸引力并且有一些特殊的过场动画效果,那么必须是你网页的一部分。影子按钮涵盖这些所有特性,是设计师的最爱。它们是华丽的,并且帮你引导用户到操作区域增加了非凡的吸引力。

    扁平设计仍是主流

    2014 看到的扁平设计只是为明年积蓄势头。扁平设计可以确保是用户想要的内容少、无混乱和网站的重点内容。

    扁平设计来年依然会繁荣。

    点击滚动

    1-N-pW_zio11_ERWx4bH0y2g.gif

    猫和人喜欢滚动,这就是为什么网页设计开始于滚动,因为没有更多的首屏内容,如果你还在考虑如何通过不滚动让你的用户使用简单,你过时了。点击滚动的方式已经很久了。第一页必须尽可能全面,你不能阻止它们明年不会长。用户会用直观的滚动因为它可以允许更多的交互形态。至于移动端友好也必须欢迎,滚动会从用户和设计者收到热烈的反响。

    圆形进度按钮

    一个提交按钮可以扮演进度条的角色。可以即刻反馈还可以节省空间。

    更加注重排版

    如果内容为王,那么排版将是你网站的亮点。大胆的排版和大图片会让你的网站更文艺。响应式排版也会是前沿的方向,可以让用户在任何设备都可以清晰的阅读文本。Google 网页字体不会是唯一一个选择,你可以乐观的期待高质量字体系列会有非常多的选择。

    微交互

    来年将会看到有很多常规功能会有微交互的增加比如邮件注册和评价,否则就要增加一个单独的页面。微交互可以增加用户交互,设计师必须认识它的作用,很多主题和插件已经在应对这种设计元素。

    慢速显示

    慢速显示是图片切换很好的一种方式。我在卫报上看到了 D-Day landings 用了这种形式。房地产行业、设计行业等等都可以用这种方式来展示当前的项目。

    如你所见,整个 2014 都倾向于响应式设计的设计趋势已成为一种规范。LetsAlign 已经为来年准备好。你呢?

    相关文章

      网友评论

      • 文青程序猿:不错,我发现我一个java程序员,越写越前端了,上一个项目居然都没写java代码,直接jQuery了,我擦,这是要改行的节奏么...
      • 珂粒:还不错呀~但是最后这个广告LetsAlign网站,字体丑得令人发指。
      • 写字小号:建议把影子按钮译成“虚拟按钮”或“透明按钮”,更好理解些~

      本文标题:2015 的网页设计趋势

      本文链接:https://www.haomeiwen.com/subject/yoecxttx.html