今年网站建设行业潮流

这是一年的时间了,我们到我们的水晶球,看看会是怎样在网页设计中的热的趋势,为即将到来的一年。潮流来来去去,这不是什么秘密,与周围的一些比他们应该 不再挂。(是的,飞溅页,我说你。),但发展趋势是在我们的工艺开发和增长的必要性。趋势是天生的,改进后,往往产卵其他趋势。所以,作为一个网页设计 师,您的项目,当你申请的趋势,挑战自我,扩大后,他们和让他们自己。

当你读到这篇文章,请记住,到下一年的转变的趋势可能是微妙的,你可能会有些已经认识到这些趋势。但它是我们的估计,下面我们提到的概念,并在2012年将增长变得更大。

1。响应性的Web设计

我相信最终,我们都将停止谈论响应的网页设计 -不是因为它会消失,但因为它会变成什么样的预期。不过,我不认为这会发生在2012年。它仍然是太新的概念,有很多它不熟悉的网页设计师。

更多的是更多的移动设备的不断引进和采用响应网站将使2012年的一年。将移动到网页设计师和开发人员使用的流体布局,而不是固定的宽度,和媒体查询,会发现他们有更多的样式 - 让更多的网站,很容易被多个屏幕尺寸和设备查看。

2。固定位置的导航

在某些时候,我们都碰到这种技术,主要是个人网站或个人博客。我已经看到这一趋势在2010-2011年期间大幅下降,但复苏已经出现在过去的几个月。

如果您的网站没有很多主导航,那么你只需要提供几个小三通。那么,为什么不每个用户在任何时候都保持这些看得见吗?这可以大大提高网站的性能,甚至融入轻松的整体页面布局。这个概念的想法是保持锁定到位,为你的访问者通过滚动内容的导航栏和内部链接/标志。

jQuery的允许,这种效果非常迅速的原型。即使没有启用JavaScript,你可以申请一些花哨的CSS代码复制粘资产净值的影响。在2011年的静态导航栏最遵循各地用户的运动,从页面。然而,在下面的例子西蒙Wuyts已固定导航到一个新的水平。

你从来没有考虑保持网页内容设置成幻灯片一样的面板,便于显示。这不仅消除屏幕分辨率的忧虑,但导航系统是易于使用,并进行移动浏览器很好。您可能会认真考虑这项技术在2012年站点布局重新设计和所有的主要好处。

3。界

这种趋势实际上已经是在网页设计中引人注目的一个位,但它最近已经偃旗息鼓,奠定了几年的低。在Web 2.0的热潮设计师更关注基于台式机的趋势,如阴影和圆角。但用CSS3,它现在比以往任何时候都更容易地创建这些花哨的方块效应。

此外,你可以设计界和形状,而不需要任何图像。这些功能的影响已引起设计者在另一个角度看,完全照片。我不断地检查了网页设计师的组合,并已注意到在圆形元素的急剧增加。这些原型可作为导航链接,页脚图标,甚至显示重要的组合工程,如下图所示的设置。

但是,最极端的例子并不总是最好的。圆形的形状是顺利的,并鼓励你的访客的眼睛接触。使用这些挑出你有用的资源和网页清单,如设计中的具体领域。只是形状本身是喜悦,足以将下降的背景,仍然保持一个愉快的效果。

4。大矢量艺术

愚蠢的超大吉祥物,你可以发现整个网站已经开始宣称自己的品牌。短短几年前,你无法找到非常绑成网络品牌的插画作品。但个别设计师的人才质量有较大提高。和我能想到比一个可爱的基于矢量的生物,没有更好的营销品牌。

许多面孔归功于Mozilla和Firefox都只是冰山一角。MailChimp是另一个很好的例子,其中已成立的酒吧比以往任何时候都高。臭名昭著的邮递员猴的特点是整个网站及整个iOS和Android应用程序。

此外,各地发现的小商人自由切换,真正坚持在我的脑海里。有一个独特的载体帅哥摆在发现其布局。这种做法已改编成一个整体的网站美学的新境界。如果2011年已显示任何它认为2012年将是塞满了这些可爱的矢量标志!

5。多列菜单

相反,我们前面的例子,有一个网站的方式处理环节过多的时候。合理的标准型的导航变得过于凌乱和拥挤,除非你移动到侧边栏的链接。但用户体验测试已经显示了非常好的效果,在保​​持对页面顶部的核心环节。

这新的一年的趋势,为设计人员提供了一个重建的新机会。想法往往使黑色和白色,但有等待被窃听到整个领域的创造力。多列布局典雅,在自己方面的辉煌。你可以很容易地显示您的访客的众多环节,并保持正视这个装在你的标志。

舒适与这种风格的最佳途径是实践。最近的一些文章,对主题教育自己关于网站导航的趋势。设计师们正热切地跳跃用新的思路,每年进入测试领域。标准导航的改革显然是大家的盘子大。

6。jQuery/CSS3/HTML5动画

我一直建议jQuery效果时,在一小部分应用。网页设计必须包括整个用户体验以及花哨的美学和奖金动画。幸运的是进步的jQuery库以及CSS3的规格可以比以往任何时候都与代码行少得多一些真正优秀的效果。

我 已经运行在刚刚过去的一年就在网上发现的一些教育教程。jQuery是主前端浏览器的影响,但不幸的是不自夸100%,主要支持。因此,使用一个备用的方 法绑到CSS意味着你的网站是兼容大多是所有参观者仍然提供了一个特殊的经验。我只能想象的开发计划推出新的想法,因为我们移动到2012年接近。

7。彩带和横幅图形

这是一个设计元素,我已经开始注意到了在2011年。设计师们开始写简化教程创建页的彩带,横幅,书签,或其他类型的显示徽章。由于大量免费信息的出现,越来越多的设计师开始进入趋势跳跃

你 会惊讶的设计风格,在短短6个月,这包括有多少网站。Beta测试者经常使用这些的丝带分类软件和移动应用程序的当前发行版本。此外,你会发现周围包裹免 费下载或​​在博客精选文章横幅。我收集了一些我最喜欢的色带下面的PSD下载,这样检查出来,并务必保持额外的赠品,你的眼睛去皮,在未来几个月内。

角落丝带
特色功能区与暗滑块
彩带
绿角丝带模板
简单的产品包装盒
8。自定义字体

免费的在线字体库Typekit提供了一个免费试用任何有兴趣的网页设计师。有了这个工具,你嵌入的JavaScript位,它允许你将CSS样式编写任何自定义字体。这一趋势在2011年拍摄的普及,尤其是在WordPress的设计师试图保持自己的博客独特的休息。

然 而typekit是一个非常小支持,直到几年前的马车系统。现在Google网页字体已经让他们为自己的钱来说,它似乎比以往任何时候都更受欢迎!您只需 通过一个支持的字体库和谷歌将输出的代码,你需要包括。然后您只需按名称引用每种字体时宣布的CSS 字体家庭的HTML元素的属性。

我找到有关这一趋势的令人兴奋的是,最近,它已成为主流拍摄。现在看来,连开发人员正在创建免费的插件,使自定义字体,只是更容易安装。没有上传所需的字体,没有压力,很少出差错。博客应该利用这一通知,并检查了一些向他们提供替代字体。

9。信息图表

这种趋势当然不影响整体的网页设计,但为用户体验和内容介绍信息图形屋顶被炸断的新时代的媒体。以前从未有消息在这样一个简单的消费方式。即使你勉强理解的主题大多数信息图表提供的数据,图表,并支持图像,这样一个5岁的孩子可以跟随。

根 据不同类型的网站,你会发现这一趋势,并非所有的太有用了。它可以大量的实践和所花费的时间沉浸在Photoshop中,完善这些艺术作品。然而,如果你 有天赋或驱动器自学,我说去了!现在比以往任何时候互联网已成为一个地方,我们都可以收集和分享信息。信息图表已经加快这个过程中,作为演示介质使用万维 网。

10。注重简单性

任何网站的最终目标是获得从点A到B的游客尽快。简单,直观的界面是我们未来的方式。在刚刚过去的5年中,我注意到最流行的设计趋势,从极简产生。这个想法是不是生病成立,为页面元素的数量较少,分散游客自然会保持他们对他们的目标(S)集中。

我们可以提供这样的例子很多,涵盖的领域有这么多的。今年我们可以覆盖的简约网站的罚款 ​​画廊,构成完美的榜样。根据不同类型的网站,你有可能有太多的接口件,协调一个简单的泛音。

但是,重新组合成一个干净的安装布局并不需要在这一切的核心简约。花一段时间编写和起草为您导航的想法,页面层次结构,标题,内容区域等我发现的前期规划有点可以大大简化一切很长的路要走。

结论

这 些设计的趋势是一些为数不多的保持,因为我们向前移动到2012年。今年是不可预知的,没有人可以肯定地说,什么期望。我认为,您的平均网页设计师在近年 来已学习更快,比以往任何时候都在历史的事实是显而易见的。因此,我们只能期待迎来大量的创新和新的语义将我们的技术和庞大的互联网意识的黄金时代。