本文总结了最近网页设计领域比较热门的几种技术，代表了一定的趋势，设计师们要跟市场接轨，紧跟潮流的脚步，可以阅读这篇总结，肯定大有裨益。

腾讯cdc：技术的革新带动了设计行业的的迅猛发展，这使得设计师和开发者有了更广阔的的探索天地。而网页设计也越发不再那么循规蹈矩，许多团队和公司都做了很多思考和创意。所以在我们适应着现代设计潮流的同时，不妨也来看看现阶段网页设计大致的趋势和风格吧。

我不敢大言不惭的说这就是网页设计的必然趋势，这只是本人对当下网页设计做出的一些小总结。希望这样的归类总结能给你带来更多的思路和想法。

01. 响应式网页设计（Responsive Web Design）

现在越来越多用户都拥有多种终端：台式机，笔记本，平板电脑，手机，能够适应不同尺寸显示屏的网页是现在的潮流，甚至是未来很长一段时间的设计趋势。那么响应式网页设计就是来解决这个问题的。这种特别的开发方式能保证网页适应不同的分辨率，让网页要素重组，使其无论在垂直的平板电脑还是智能手机上，都能达到最好的视觉效果。

除了多终端的多样化，我们还可以看到我们的电脑屏幕，手机屏幕都在不断变大，而在对未来生活的预测、概念设计里，”屏幕”这个产物更是被运用到多种新平台上。例如微软发布的”未来生活概念视频”里，厨房、室内墙壁、办公室玻璃墙面都成为了交互平台。所以我们可以发现，响应式网页设计所具备的良好的适应性和可塑性，在未来的网页设计里将占有举足轻重的位置。

时代一直在变，一个又一个的创新让我们感到惊讶万分。网页设计的趋势如同流星，光芒耀眼，但来得快、去得也快。虽然跟风很不好，显得毫无设计主见，但很多设计潮流确实值得追随。就像当下响应式设计、扁平化设计、以及滚动视差等。

可是呢，还有很多极为”糟粕”的设计趋势，本文一一列举，请君对号入座。

相关推荐：
《年终特典！当下最热门的网页设计趋势总结》
《网页：滚动视差设计指南》

1. 除了电话线时代的老顽固，现在已经没人喜欢页面跳转了

“下一页”、”下一张”，明明一页就能展现的内容，非要跳转20多次才能看全，你把用户当傻子？操作繁琐、浪费时间、效率低下，没人喜欢页面跳转过于频繁的网页。

2. 十面埋伏的广告

确实有很多网站的维持依赖广告收入，但是广告的位置一定要合理，不要妨碍用户浏览信息，用户体验永远位于广告之上。没有用户访问量，也就没人找你打广告。

这不是天方夜谭！你不需要知道HTML、CSS、PHP和其余晦涩难懂的语言。这些工具就像一个图像编辑器，只需绘制矩形、填充颜色。我知道这很难相信，但他们就是存在！而且全球备受赞誉！

1、IM Creator

听我说，我们的IM Creator易用性和多功能性超越了很多客户的预期。只需要你把控住超级菜单，根据您的需要做相应的拖放和功能选择。它们包括视频、图片、画廊和幻灯片、按钮、超链接、甚至一个HTML小部件。

最酷的地方在与你不需要创建繁琐的帐户，你可以轻松上路。唠叨了半天，我差点没有提到最好的部分：以上所有服务都是完全免费的！

2、WebStartToday.com

如果你是一个细节癖，喜欢抠各种设计细节，那么你完全应该来看看WebStartToday！这里提供了超过1000个不同的网页模板来匹配你的需求！甚至那些很少见的模版：旅行、夜生活、豪华轿车服务、锁匠、美食、琳琅满目数之不尽！

当然这并不意味着我们的模版就是千篇一律，随处可见的！在这里的模版，可以保证是独此一家的，如果你在其他地方发现了，那一定是他们借了我们的宝贝，偷偷的！

每个网站有属于自己的个性——它能反射出背后的个人或者团队。如何做到让自己的网站显得与众不同、卓尔不群，让用户流连忘返或者立马下单？

为了让你的网站脱颖而出，不仅需要有丰富的高质量内容，同时也要兼顾网站的创新性和功能性。从用户的角度出发好好想一下，怎样让你的网站用户体验更友好？简单的搜索功能是需要的，或者你也可以精心设计一下网站的导航。同时，要注意保持整个网站设计语言的一致性。在这个html5狂潮涌进的时代，诞生了很多优秀的网页设计作品，他们都有卓越的导航设计，接下来整理的这些网站将唤起你关于导航的极限创意，快来亲自体验下吧！

Toybox

在需要的时候导航栏应该一直在那里，而当用户想要专注于某个特定的任务时，导航栏则应该优雅的隐藏起来。比如说，在设计一个网上商店的出纳页面时，网站的导航应该可以随时都易于使用，但同时也要注意突出像出纳表单和按钮控件之类的鲜明功能。Toybox的导航设计就恰好满足了这些。

如下图示，这个侧边导航给人的感觉就像是你在窥视页面背后或者是掀开了一个玩具盒的盖子看看里面到底有些什么。这个侧边导航非常方便使用，鼠标悬停在浏览器左侧即可出现，主体部分即时出现的旋转效果也很带感，可以很好的引导用户的注意力。将导航隐藏起来同时也实现了界面的简洁，使网站的浏览体验非常的愉悦，因为网站并没有留下太多无用的信息去分散用户的注意力。

至于其他你想知道的信息，比如说Toybox公司的主营业务和地址，可以在顶部的一个直接呈现的导航栏里找到。首页的磁贴鼠标hover效果也非常的有趣，当鼠标悬停于某个项目的缩略图时，其余的项目缩略图都后退变暗并且产生景深的效果。

Olivier Bossel

交互设计师Olivier Bossel的个人作品博客非常有趣。该网站的导航元素在鼠标hover状态下会产生像素爆炸式的效果（译者注：火狐浏览器测试通过，chrome测试无效果）。这个效果相对于网站其余的简洁设计来说非常有动感，由此产生强烈的对比效果。作为一个视觉元素它非常有效的促进了用户继续阅读该网站，统一的视觉语言也彰显了品牌的特点。

通过我们长期对设计类网站的发掘，总结出了一个现象，那就是很多关于响应式设计的文章只给出了桌面版的网页设计，却没有提供移动版网页设计的对比，这在我们看来，多少显得有点不够专业。

于是，我们在这里收集整理了25例优秀的响应式网页设计，均有桌面版和移动版的对比。在方便您阅读这篇文章的同时，您不妨也思考一下灵活性这个主题。
对了，如果您还不够了解响应式设计，请至我们这篇文章《经验分享：响应式排版中的基础知识》回顾学习。

Whisperism

World Wildlife

Naspa

有同学喜欢玩黑白配，但是却一直不得要领，总设计不出让人眼前一亮的佳作出来？今天就让我们来这些优秀案例里找原因。

深色的背景看起来具有神秘感，能提供前景元素、背景元素的高度对比。有了黑色的铺垫渲染，任何一个色彩都可以轻易在它之上焕发光彩。
那么怎么才能更好的在网页设计中运用深色背景呢？想要成为一名”高级黑”设计师吗？先来欣赏本文的绝赞范例吧。

The Blue Cube

外观整洁干练，对照鲜明。黑色背景凸显了白色文本。

当你浏览一款网站时，一般会迅速的对网站的外观和使用感受做个评判，整体的设计风格是第一印象，能否引导用户继续阅读取决于此。

金玉其外败絮其中必然无法长久，功能性也是重要考量。推荐您也好好学习《网站用户体验的76个要点》。
好的用户体验不仅仅关乎到功能性和设计美学，还需要考虑很多因素，我们一起来看一下吧。

一致性

最重要的交互元素一定要友好，并且风格一致。

尽管在设计一款网站时，我们可以融入很多创新点和美学风格，但是一些经常使用、且重要的元素，风格一定要一致，比如按钮、链接、导航栏、表单等等。我建议可以多浏览一些电商网站，他们在这一点上做的就很棒，他们通常有很多的茶品页面，但是整体体验却相差不大，我们可以看看优衣库的网站。

• 像产品类别、当前按钮和重要的文本信息都通过红色来高亮显示
• 页面不同，布局基本相同。

假如你正好想为自己创建一个网站，那WordPress肯定是你的不二之选。插件众多，安全性较高，主题模板丰富，便于维护跟管理都是它的优点，今天向你推荐30款新颖的WordPress主题模板，每一款都各有千秋，设计师们赶紧来瞧瞧，总能淘到最心仪的那个。

对了，如果您还不知道什么是wordpress，可以去wordpress的中文网查看。http://cn.wordpress.org/

提醒：这里的模版绝大多数都是要收费的，建议您预览查看，学习借鉴别人的优点就好。关于WP建站，这和免费的PSD不一样，大家不要总想着下载免费的，免费主题在功能上总会缺失一部分，而且极少有漂亮的主题，大部分都过时咯。

相关推荐：
《不用编码！全球10大高端建站神器推荐》
《干货！23套全新的免费HTML5网页模版》

Simplicity

<p style="white-space:normal;text-transform:none;word-spacing:0px;color:#525252;font:1.2em/1.8 Tahoma, Verdana, 宋体;margin:20px 0px;orphans:2;widows:2;letter-spacing:normal;background-color:#ffffff;text-indent:0px;-webkit-text-size-ad

作为一名设计师，每年都会沉浸在一些新的设计趋势中兴奋不已。接下来，我们将探寻2013年的设计趋势，这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势，紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然，响应式设计不仅去年是热点，今年依然还会被人们重视。同样，栅格化设计作为最基本的设计，也会被继续延续下去。

这次，我想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些设计风格，但是今年我们会真正关注它们。

优设哥很遗憾的告诉大家：“文章的这些优秀案例，大部分要翻墙。。。”

更多留白/负空间

手机已经成了我们生活中不可分割的一部分，手机应用也在扮演着越来越重要的角色。它们或者帮我们打发无聊时间，或者帮助我们紧密联系远方的朋友，抑或对学习知识、获取资讯有所裨益。

手机应用有不少有趣的交互方式值得深思和学习。让我们来看看它们中有哪些好玩的交互，我们又是如何通过它们来进行操作的。

摇一摇：摇摆的节奏

自从微信引入了摇一摇的交互方式后，立即四处风靡，各种应用纷纷推出各种基于摇一摇的功能：摇一摇更换皮肤、摇一摇推荐餐馆、摇一摇换歌等。有些应用结合的比较自然，还有一些则有些牵强附会。当然，在此之前 iPhone 就已经加入了打字时晃动撤销的交互，虽然很新潮，但隐藏较深，不少用户不了解也没有形成习惯。

吹一吹：吹出的精彩

iOS 上有一款仿陶笛的应用 Ocarina。只要对着界面上方正中央箭头（话筒）的位置吹，就可以看到往外围泛出声波的效果，界面中央四个蓝点分别代表笛孔，在吹的时候按住不同的笛孔会发出不同的音调，而且界面会提示每次按压住哪几个孔，这样即使像我这种完全没有音乐细胞的人也可以吹奏出美妙的音乐。最关键的是，你还能听到来自全世界其他地方分享的声音。