2012年Mindgruve的顶级网站设计趋势

2011-12-08 16:54:52

2012即将来临我们看看来年的网页设计趋势哪里。2010年,网页设计开始走向极简,它在2011年被完全接受。在平面设计中,极简主义并不是什么新鲜事,但当杰出的层次结构和简单的信息应用在网站设计上,会有更多的呼吸空间,。更重要的是,重点是内容。

极简显示,在2012年停止技术得到更逼真的继续和用户需求的即时满足的迹象。网站访问者的平均注意力是8至10秒钟 。在这很短的时间,我们要告诉他们,他们在正确的地方,然后有机地引诱他们进来虽然是一个“酷”的网站,极简的概念的一部分,“少即是多“的需要适用于美学结婚功能。

基于普及,视觉吸引力,有效性和迷死人,我们相信以下的网页设计趋势在这里停留。

HTML5和CSS3
,它没有问题,HTML5,CSS3,JavaScript和jQuery的已经成为网页设计标准,可以做几乎所有的Flash不的,但更好。HTML5创建更可读的代码,并建立布局,帮助结构标记 。它的功能更聪明的形式,排版,社会工具,拖放功能和新的API。CSS3功能包括圆角,下拉菜单,动画按钮,多个背景,Web应用程序和@ font - face的技术。

例如:原野市中心
一个互动电影的经验,您的整个浏览器变成一个电影屏幕 。PS。你的鼠标悬停在鸟类。

移动准备
与移动用户数量在逐年增加,有一个网站,鼠标和触摸式友好是一个比一个趋势的必要性多 。但是,没有恐惧,CSS3可以容纳在网页设计中的移动通信技术。事实上,在最小的Web移动网站发挥重要的影响,因为它要求简单的网页,更快的加载时间,交互性和更快的消息。Omniture的发现,移动优化经验,生产的平均高出75%,每移动游客的参与率。

例如:Mindgruve移动网站
,当您键入您的手机浏览器上的“mindgruve.com”时,你向我们的移动网站,我们的产品组合是在您的指尖。还要注意它是如何与我们的网站是一致的。

滑块
一个大型的,采用了滑盖的互动头,使一个伟大的第一印象和插入从未jQuery插件更容易。滑块降低需要通过直观地总结成更小的空间整个网站的Navbar。他们的互动性以及简单的导航转换到移动网络。

示例:访问卡尔斯巴德
我们忠实的 ​​客户之一,卡尔斯巴德,我们使用在自己的网站顶部的滑块来展示这个城市所提供的 。

3D效果
网页也钻研的深度错觉,有时像电影或游戏网站的地步。我们都使用层,阴影,渐变,透明胶片和纹理创建维度。只要确保他们不分散读者的注意力。敏锐可以很长的路要走。

例如:耐克的飞行历史
耐克对他们在一个弹出式的书的风格与乔丹的关系互动时间轴。

单页网站
由于80%的网站访问者没有远离主页导航,装修到一个网页上的所有内容可以是有效的。香料,HTML5,CSS3和JavaScript可以使页面与标签,动画和弹出窗口的多方位的 。另一方面,它不适合所有网站。举例来说,电子商务网站不会做这么好,如果他们是一个页面。这种趋势是更好地为少,如事件,个人网站,产品和微型网站的内容的网站。

例如:互动日圣迭戈
,我们有很多的乐趣,这个圣地亚哥的最互动的会议活动创造的单页网站。最好的部分:没有闪光灯!

视差滚动
视差滚动技术已使用多年在视频游戏和网页设计是使用它的辉煌 。它的背景和前景图像以不同的速度移动或改变创建一个层次感。所有你需要的是jQuery的,CSS3和良好的图像 。把它更进一步,元素可以弹出或当用户滚动或移动鼠标走动。可以使单页网站的创意和有趣的可能性 。

例如:本保镖
这一个iPhone应用程序的单页网站模糊了游戏和网站之间的线路。

驱动的网格布局
打印的启发,编辑的网页布局不断更新的内容和SEO完善 。他们补充结构和组织信息,以便更容易扫描和理解。大,充满链接的页眉和页脚也使查找信息不在话下 。960网格系统是最流行 ​​的使用,因为它适应所有屏幕。它只是使用CSS来帮助简化Web开发工作流程的基础上,宽度 960像素。

例如:
这个多媒体新闻源将其作为一个互动的印刷出版物的网站。


随着越来越多的浏览器支持字体更换方法印刷术,网页设计师可以集成自定义字体,而不必让他们基于图像。这意味着我们没有坚持的过度使用宋体,时代和世纪哥特式字体的时间。我们可以用更大胆,更大funner排版抢用户的关注,将清晰和索引。印刷术有权力作出或打破设计。因此,我们建议使用1或2,是在所有设备上清晰的字体,并保存为标题,子标题和大排版 。

例如:乔尔安德鲁Glovier
该开发商的投资组合脱颖而出,是不是霸道的丰富多彩和影响力的排版。


高清晰度摄像机,图像优化更好,更聪明的加载方法和速度更快的互联网连接,大幅照片和复杂的插图的大背景,不再在网络上的禁忌。,作为背景,可以借鉴在用户设置的情绪,并有一个持久的印象。只要有关不竞争内容,图像可以更快地讲一个故事比一个段的内容 。

例如:Mindgruve
我们的网站采用了大量的照片背景,反映了我们的内容和公司。PS。小车在主页上观看。

所以你有它,我们的网页设计趋势的首选。在用户心中,他们的做法简单,直观和巧妙的设计,强调内容。然而,一切都需要要适当地传达讯息的目的。太最小和控股回来的信息是一样被杂乱的坏。更重要的是,如果技术不利于您的业务目标,那么就没有使用它们的点。说,网页设计,继续探索新的可能性,打破壁垒(我们有它),我们没有看到任何地方的同时这些设计趋势。

上一篇:2012年网页设计趋势
下一篇:50个漂亮的黑色网站设计

有什么想说的吗?