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

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

Whisperism

World Wildlife

Naspa

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

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

The Blue Cube

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

最近看到一些刚接触网络营销的朋友，对于网络营销一些常用的方法以及概念性的东西都不是很了解，在交谈中说到软文营销、IM推广等这些的方法时他们就不知道是什么意思。在此小篇整理一部分常用的网络营销方法和术语，希望对新人有帮助，高手看到就请绕行。

什么是网络营销？以国际互联网络为基础，利用数字化的信息和网络媒体的交互性来辅助营销目标实现的一种新型的市场营销方式。简单的说，网络营销就是以互联网为主要手段进行的，为达到一定营销目的的营销活动。（摘自百度百科）

搜索引擎优化/SEO：利用搜索引擎的搜索规则来提高网站关键词排名的方式。

搜索引擎营销/SEM：利用搜索引擎进行营销推广的，比如SEO、竞价推广等都属于SEM。

百度网盟推广：在百度的联盟网站上以图片或文字的形式展现广告。

软文营销：以文章为主，专门通过文字去宣传推广产品，或以新闻稿来提升品牌知名度。

数据库营销：通过收集和积累会员信息，经过分析筛选后有针对性的使用电子邮件、短信、电话等方式进行客户尝试挖掘与关系维护的营销方式。

邮件营销：在用户事先许可的前提下，通过电子邮件的方式向目标用户传递有价值信息的一种网络营销手段。

IM/即时通信营销：利用QQ、MSN、YY等即时工具营销推广的。

博客营销：利用新浪博客、百度空间等平台进行推广的方法。

微博营销：利用新浪微博、腾讯微博通过活动吸引粉丝关注，发布包含140字营销信息、图片、视频的内容。

微信营销：伴随微信的火热产生的一种网络营销方式，用户订阅自己所需的信息，商家通过提供用户需要的信息，推广自己的产品的点对点的营销方式。

作为一名网页设计师，有时会使用很多不是必需的元素或者大量的复杂色调来使页面脱颖而出。这样做往往会使页面看起来太过花哨和分散用户的注意力，无法突出页面的内容。大多时候你会发现使用简单的设计方法就会达到很好地效果。因此，今天我们收集了15个新鲜的用简约风格设计的页面来启发大家的灵感。

相关推荐：
《11个超炫的视差滚动网站欣赏（附神器推荐）》

《awwwards上推荐的20个拥有创意布局的网站》

Arko

Orchard Keepers

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

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

一致性

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

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

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

@Iamkikidong 如果在网页上合理地使用大片的绿色，不仅能营造出清爽，自然的界面，还能让访问者感到轻松自在，增加网站的亲切感。事实上绿色有很多的色调，这形成了一个非常灵活的色彩，它可以在色盘的黄绿色端显得很“温暖”，又可以在蓝绿和碧绿方向显得有些“冷”。一个柠檬绿可以让一个设计很“潮”，橄榄绿则更显平和，而淡绿色可以给人一种清爽的春天的感觉。

用蓝色搭配绿色可以传递一种水的感觉。添加米色或者褐色则可以展现一种泥土的气息。白色+绿色是新鲜和户外的，而紫色和绿色是高对比的一对儿(需要小心对待)。

今天为您分享20个绿色系的网站，希望能为你的工作带来灵感和启发！

1. Garnier Body

假如你正好想为自己创建一个网站，那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。只要对着界面上方正中央箭头（话筒）的位置吹，就可以看到往外围泛出声波的效果，界面中央四个蓝点分别代表笛孔，在吹的时候按住不同的笛孔会发出不同的音调，而且界面会提示每次按压住哪几个孔，这样即使像我这种完全没有音乐细胞的人也可以吹奏出美妙的音乐。最关键的是，你还能听到来自全世界其他地方分享的声音。

如果你要在网络上开展自己的事业，那么拥有优秀的网页是成功的关键因素。其优点在于，不仅能提高网络营销的可见度，也能维护起持续增长的客户群。但是呢，罗马非一天建成，在我们要创建一个优秀网站之前，前期的构思是必不可少的。

创建一个成功的网站究竟该做些什么

近年来，网站摇身一变成为了更好的交流场所和绝佳的信息来源地。Boss们不仅想让网站品牌化，同时也希望游客能在浏览时找到有价值的信息。SO，如果一个网站不能提供精准且广泛的信息给目标顾客，顾客们就会转而去其他的网站。
网站的另一个目的在于让生活更便利，让工作更快捷。它通过放大双向沟通的方式，让游客对此留下深刻印象，从而产生依赖心理，并愿意长久的通过网站的查询方式来联系业务和订票等。这样一来，方便顾客这一目标就达到了。除此之外，网站还可以有效的节省你的时间，帮助你迅速增加用户基础以及让一些进程自动化。
前面提到的网站优点都只是抱砖引玉，网站真正的目的在于——最终能给顾客带去价值。这些价值除了鼓励顾客通过网站相互交流，并参与到商务处理流程中，还应该提供更好评定信息、规避长久的等待阵列、授与顾客权利去挖掘更广泛的产品和服务信息等。
本文主要是向你阐述，创建一个成功的网站究竟该做些什么。

Step.1 写一份网站说明书

写一份切实可行的网站说明书是创建一个专业网站所不可缺少的，它是最关键的文件之一，能助企业挖掘出优先考虑事项、明晰企业责任和树立企业品牌形象。必要的计划和精准的信息对一份网站说明书来讲是最重要的。但是当下，成功的寻找到有力的营销方法和持久最佳努力的前提是 —— 你有策划一个缜密计划的能力吗？
一份优秀的网站说明书要涵盖： 企业的预算、因不能及时交付产品而延误的时间、可交付产品、知识产权、网站的目的、网站的体系结构、域名、网站使用的编程语言。除此之外，以下几点是绝对不可缺少的：

1.创建这份文件的意图
2.项目介绍