要是你拿(ná)前十年的网站与现在的网站相比，就会发现网站设计发生了许多(duō)令人可(kě)喜的变化：画面更加简洁，功能(néng)更加齐全，用(yòng)户體(tǐ)验提升了……网站设计在不停的变化中，那么站在2012年的角度看，网站设计将会走向何处呢(ne)？
第一： 触摸屏移动设备普及，企业应该為(wèi)移动用(yòng)户提供一个精简版本的网站
随着Android平台手机、iPhone和iPad设备的普及，意味着更多(duō)的浏览者需要通过触摸这种交互模式。这已经成為(wèi)每一个网页设计人员所必须學(xué)习的技术。
移动网络设计的趋势表明，建立一个更完善的移动界面更能(néng)留住浏览者。这样，你可(kě)以保持你主要布局所有(yǒu)的动态内容，而為(wèi)移动用(yòng)户提供一个精简版本的网站。
第二： 让界面交互设计更加灵动
更好的从用(yòng)户角度分(fēn)析使用(yòng)习惯，做出更人性的界面选择对元素的快速反映和预想一些例子。可(kě)能(néng)包括侧飞出菜单，下拉框，弹出窗口等等。
如MooTools和jQuery的包括著名的JavaScript库，它们让这一切更容易实现。更多(duō)的浏览器开始支持这些代码。最终，浏览者会使用(yòng)他(tā)们感动舒适的浏览器。
同样，你应该考虑检查的形式输入和数据。在许多(duō)注册页面上，您会收到一些小(xiǎo)的反应。
第三：资源分(fēn)享更加全面
现在已经有(yǒu)几个社區(qū)专门围绕Web和图形设计人员提供免费下载。越来越多(duō)的网页设计师知道如何分(fēn)享他(tā)们的资源和如何寻找他(tā)们想要的资源。也有(yǒu)很(hěn)多(duō)站長(cháng)开始做出一些优秀的资源网站来分(fēn)享他(tā)们所拥有(yǒu)的资源，可(kě)以免费下载，这个优势足够吸引人。
第四：HTML5和CSS3的标准
我们都知道这两年来网页代码的进步和升级要比之前快了很(hěn)多(duō)。新(xīn)的代码和标准让网页有(yǒu)了更多(duō)的渲染和想像空间。W3C也赢得了很(hěn)多(duō)主流浏览器的支持。 在未来很(hěn)多(duō)年HTML5／CSS3将是WEB开发的趋势。
第五：新(xīn)增丝带和横幅
虽然这种设计方法是不完全的“新(xīn)”，它从来没有(yǒu)真正爆发，直到最近才通过主流。你可(kě)能(néng)已经看到角落彩带，旗帜导航栏和小(xiǎo)丝带徽章的例子 。
第六：高级WordPress的主题
WordPress已经发展到了3.0+版本。已经有(yǒu)越来越多(duō)的公司在使用(yòng)它架构网站。一个高级的WP主题可(kě)以吸引很(hěn)多(duō)人。而且它有(yǒu)着简单的安装过程，即便不懂得代码也能(néng)够轻松搞定。
第七：易阴影
作為(wèi)对CSS3的方方面面，它比以往任何时候都更容易实现。框中的文(wén)本和框式元素可(kě)以运用(yòng)各自的属性来呈现鲜明的阴影效果。文(wén)字阴影语法是很(hěn)容易记住。
第八：动态排版
字體(tǐ)的领域包括传统的重要组成部分(fēn)。已经出现了多(duō)年来最显着的字體(tǐ)包括宋體(tǐ)，黑體(tǐ)，格鲁吉亚，和投石机MS。虽然他(tā)们继续為(wèi)在Web标准了深刻的目的，也有(yǒu)大量先进的替代方案，网页排版。
Typekit為(wèi)例，只需要几行代码包含在您的文(wén)档头部。在此之后，您可(kě)以指定字體(tǐ)名称，包括追加到你的CSS 。关于这项技术的最好的部分(fēn)是，它主要依赖于JavaScript，所以最终用(yòng)户不需要安装这些字體(tǐ) 。
另一种方法是Google Web字體(tǐ)的行為(wèi)，以类似的方式来Typekit 。我建议有(yǒu)兴趣的设计师，以检查对CSS3的@ font - face的媒體(tǐ)查询，您将得到更多(duō)的创造力。此代码可(kě)以用(yòng)来导入一个。TTF或OTF字體(tǐ)文(wén)件从您的Web服務(wù)器,成都高端定制网站建设，包括作為(wèi)一个可(kě)用(yòng)的样式表字體(tǐ)！这么多(duō)的备用(yòng)系统，用(yòng)于建设动态字體(tǐ)，我期待2012年举行的创新(xīn)和设计人才，在这方面的激增。
第九：模式弹出盒
许多(duō)开放源码的图片廊脚本使用(yòng)的灯箱效果背景变淡比弹出框较深的类型。我真的很(hěn)喜欢这个功能(néng)，每当我看到，尽管它尚未被广泛使用(yòng)。
第十：图片画廊幻灯片
随着jQuery的普及，我发现越来越多(duō)的图像幻灯片被布局到网页中。让浏览者更快更直观的看到讯息和图片。
第十一： 生成的图像缩略图
在网页中，我们可(kě)以同意，内容為(wèi)王。但大多(duō)数设计师也会同意，一个空白的文(wén)本页面变得乏味。图像可(kě)以添加额外的香料。其中的一个方法是使用(yòng)动态缩略图，為(wèi)每一页或文(wén)章预览。
作為(wèi)另一个例子Dribbble提供了整个画廊的每个设计拍摄的缩略图列表。在这样一个表排式布局，它的超级容易赶上窥见每个缩略图和滚动来查找你要找的 。这种战术已被证明是抢了整个设计界的关注 ！
第十二： 超大图标
这种独特的趋势半源于Mac OS X的图标设计的普及。作為(wèi)程序员开始推出他(tā)们的Mac应用(yòng)程序的网站，大家都过于频繁地看到在品牌所代表的巨大尺寸。因此，这种趋势也被拾起通过IOS开发。
以上，是我们根据目前网站的情况总结出来的网站设计趋势，希望你能(néng)紧追时代潮流，站在用(yòng)户角度与用(yòng)户习惯上面，考虑周全，為(wèi)用(yòng)户提供更加方便快捷的网站。