登录注册

one-long

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
查看: 344|回复: 0
打印 上一主题 下一主题

要想网站跟上时代 这些因素必不可少

[复制链接]

4888

主题

4917

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
15163
跳转到指定楼层
楼主
发表于 2016-8-26 13:11:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
要想网站跟上时代 这些因素必不可少

      信息来源:视觉中国作者:单宇发布时间:2014-11-18浏览:我要评论
      
          
          

                 
  • 推一把网络营销精英培训新一期即将开课,本期新增移动电商、微商、O2O、自媒体、社群等方面的课程,现在报名就送江礼坤老师亲笔签名的最新版《网络营销推广实战宝典》一书。欢迎咨询QQ:800007518!
                 

          
        
          所谓网页设计——根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

         

          紧跟时代潮流更是必须得。

         

          2014年,我们制作网页时遇到了不少新东西——无代码设计平台,视差效果,单页网站等等。随着技术与设计理念的演进,2015年,网页制作的设计趋势是继承去年还是会迎来革新呢?

         

          1.可调整的字体

       

          从2006年开始,这种趋势就已经显现了,只是可能设计师们只是适应得比较慢。网页上的字体和印刷上的字体非常不同,2015年,我们终于可以完全抛弃那些小小的、堆在一起的文本。网页上,影响文本可读性的因素有:</p

         

          字体大小

         

          文本框宽度

         

          行高

         

          研究表明,更大的字体会增强网页易读性。而随着响应式设计的趋势,设计师已经开始做响应式字体的设计。这回让文字无论在什么界面上都会有很好的阅读效果。

         

          2.网页代码式微

       

          以往,网页制作的分工是由两个界限分明的部分构成的:设计师做外观设计,工程师编写代码让它工作。随着设计工具变得越来越智能,这种分工正在改变。

         

          如今,设计师不用编写代码就可以制作网页,利用平面设计软件的强大功能以及输出W3C的代码。

         

          技术的进步带来了巨大改变,其中之一就是让设计师制作网页的门槛降低,可以让设计师为客户设计更现代、专业的网站。当然,优秀的工程师并不会消失,只是他们会从前端退居后端,为前端设计品质的体现提供保障。

         

          3.响应式设计的进化

       

          几年前,响应式设计还只限于电脑、平板和智能手机,而现在随着智能手表、电视和其他智能家居的发展,响应式设计涉及的范围越来越大。尽管每一种平台都有独特性,但平板和智能手机就有着相似的交互系统,文本大小也差不多,分析起来比较方便。

         

          但是说到智能手表这种&mdash;&mdash;它们有着迥然不同的界面,评估的系统也完全不同,那么设计也要重新考虑。用智能手机或电视的思维去想手表的界面设计是不现实的。

         

          对于这种新问题的解决还只是刚刚起步,在2015年,智能设备的市场需求会让设计师去不断适应技术的演进。

         

          4.扁平化设计无处不在

       

          网络产业的几大巨头都在引导着扁平化设计的趋势&mdash;&mdash;微软的界面、谷歌的Material Design、苹果审美的新趋向,等等。

         

          尽管有说法是对扁平化设计的讨论只在界面设计的范畴,但这的确是网页设计的技术趋势。这关乎我们消费网页文本的方式,关乎网页制作背后的技术。扁平化设计遵循着极简的设计原则,让受众可以更容易、更精炼、更快捷得读到网站的核心内容。

         

          扁平化设计不仅符合审美潮流,更利于功能的完善,让受众能集中精力阅读内容。

         

          5.图越大越好

       

          越来越大的不仅是文字,图片也一样。

         

          2015年,图片以新的形式占据了核心位置。技术适应了响应式设计调整图片大小的潮流,能提取图片的主要色彩作为背景,然后让图片更少地占据服务器容量。这也就意味着,使用大图片的设计师会越来越多!

         

          6.新的滚动动画、视差效应和&ldquo;微交互&rdquo;

       

          这是让人印象深刻的一项革新&mdash;&mdash;视差滚动动画(parallax scrolling animation)。

         

          我们其实在每时每刻都可以看到这样的现象,比如在苹果和谷歌的产品主页上。这是因为视差滚动动画可以提高70%的效率!

         

          用&ldquo;滚动&rdquo;而不是&ldquo;点击&rdquo;去设计网页,有很多好处&mdash;&mdash;较小的装载量,更流畅的阅读转接,更多的信息流动。

         

          7.网页信息图的春天

       

          作为视觉动物,我们在阅读图像语言时能更有效地汲取信息。信息图能最大程度地传递更多的信息。那么一种新的趋势就出现了&mdash;&mdash;网页信息图!像一般信息图那样,网页信息图也涵盖了很多的信息,而更增加了交互性。这会强化传达效果。

         

          2015年,你会看到越来越多的设计师会去做网页信息图,并把这种图变成网页必要的一部分。
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则