2015年的网页设计趋势

来源：上海非凡进修学院 时间：2015-01-24

 　   摄影大图

　　在过去的一年里，越来越多的网站开始用高品质的摄影大图来作为网站的背景，让自然的色彩和真实的细节抓紧用户的眼球。值得一提的是，随着这种网站的增多，提供0元商用的图片社区也飞快地发展了起来。

　　Brave People

　　单色设计

　　使用色彩来凸显个性的设计由来已久，不过使用极为浓重单色设计的网站也是近一年才明显多了起来。这种网站中，背景、字体和按钮使用了标志性的单色或者同色系，图片也叠加上特定的色彩，这样的设计使得整个网站视觉冲击力，令人过目不忘。

　　Nine Sixty

　　视频背景

　　比起图片背景，视频背景可以传达更多的信息，更明显的情感，带来更加的体验。这样设计趋势正在飞快的流行开来，我想你应该也发现了。

　　BORN

　　Startup Framework

　　独特的导航栏菜单

　　在接下来的一年里我们会看到更多脑洞大开的导航方式，上滑、下滑、悬浮、粘滞、弹出等等不一而足，比起传统的导航栏设计，这些截然不同的导航栏会让用户享有独特的浏览体验。

　　Impossible Bureau

　　Qards

　　卡片和磁贴

　　前几年的瀑布流式的设计并没有被彻底淘汰，随着Material Design和Windows Modern Ui 的流行，卡片式设计和Windows Phone式的动态磁贴的设计也都逐渐跨界融入到网页设计中来了。

　　Firebox

　　固定区块

　　实际上现在许多网站都已经在用着固定式的分享工具栏了(优设的文章右侧也有)，但是在2014年的许多网页设计中，我们发现这种设计已经不止停留在分享工具栏上了，各种元素和内容区块开始固定在页面上，发挥着独特的效用。

　　Build in Amsterdam

　　微妙的视差

　　这是令人又爱又恨的设计趋势，我想大家都已经对此无比熟悉了。现在许多网站都开始使用视差设计了，之所以说它微妙，是因为适当地使用视差设计能让人愉悦，但是过多却会令人视觉疲劳，破坏整体体验。在2015年，我们会看到更多使用视差设计的网页，它们还会与漂亮的动效结合起来使用。

　　Cher Ami

　　更多的滚动

　　实际上滚动是比点击更贴近直接的浏览方式，这也是为什么单页设计和视差滚动的网页越来越多。不过这里要说的滚动，指的是页面内的滚动式导航。不同的滚动式导航设计使得网页浏览体验更加，体验和易用性都有增加。

　　Smart Water

　　插画

　　在网页设计中使用手绘插画典型的就是Dropbox了。插画在网页设计中并不鲜见，不过用插画来讲述故事，呈现信息是一个大的发展趋势。

　　One Design Company

　　大数据与信息图

　　信息图的确需要数据支撑。信息图式的网站我们之前也曾在趋势分析类文章中提到过，它在复杂的数据中开辟出一条简单直观的通路，漂亮而可靠，在接下来的一年里，会有越来越多的网站选择用大数据和信息图还呈现内容。

　　Personal Brand Institute

　　产品

　　这几年玩儿硬件的初创公司越来越多，借助网页来展现产品也是许多企业机构的不二选择。记住3D设计和交互式的网页设计，产品网页可以呈现更多内容，甚至可以展现产品的体验。这是需求，也是趋势。

　　My Deejo

　　扁平化将继续发展

　　科技巨头们引领着扁平化设计，越来越多的人也开始拥抱扁平化，毫无疑问2015年还会有更多的偏平化设计的网页。在新的一年里，偏平化会不会玩出新的花样?很有可能哦~

　　Pennies

　　移动端

　　移动端的网络流量正在赶超桌面端，移动端的口号也不是今年才喊出来。迎合“移动端”的理念是一个大趋势，设计师们也不得不重新审视网页设计的重心了。

　　Medium

　　人情味与情怀

　　手绘插画和手写字体让用户与网页在情感上更加接近，这也不是什么新花样了。但是要通过网页传达出情怀和人情味并不简单，字体，排版，图片细节等等都要的配合好，才能充分发挥出它们的优势，不得不承认，即便是2015年，它们也可能有长足的发展。

　　Adventure

　　微交互/微体验

　　细节决定成败。有意味的细节交互和体验往往能让用户感到愉悦甚至惊喜。这也使得设计师们开始殚精竭虑地思考探索，使用有趣的图片和表情，加入隐藏功能和彩蛋，加载个性化数据，等等。

　　Virgin America

　　Letters

　　大标题+粗体字

　　这两年大标题+粗体字的设计在国外的网站上并不鲜见，不过它们在今年可能还会更加普及。为什么会这样?因为这种方式从来都是简单有力的。

　　Webflow

　　网站生成工具的崛起

　　降低网站设计和开发的门槛一直是大家努力的方向，这也促成了近年网站生成工具的崛起。彻底替代手打代码也学还为时尚早，但是这些工具确实越来越强大，现在比较可靠的工具有：Generator, Squarespace, Macaw,Webflow和 Froont。

　　Squarespace

　　个人品牌

　　个人品牌的影响力已经越来越明显了。设计师、工程师、独立博客博主、企业家在社交媒体上争取到了更多的话语权，相应的他们各自的网站也开始影响更多的人。

　　Tobias van Schneider

　　Material Design 将会持续增长

　　自从Google 发布了Material Design之后，它扩张的步伐就未曾停止过，我想你也很难拒绝它。它源于平面设计，但是相对更复杂，虽然尚未彻底普及，但是前途光明。接下来的一年很关键，我想Android和网页设计都会深刻地受到它的影响。

　　Inbox by Gmail

　　互动之旅

　　交互设计将受到更多的关注。音频、视频、游戏等多媒体的加入让交互拥有了更多的可能性，而更多的可交互的硬件的加入，让交互设计的边界更加广阔，创造性、个性化的交互体验正在成型。

　　Echoes of Tsunami

     【寒假招生启动】寒假冷吗?跑跑步就不冷了.寒假来上海网页设计培训,让成绩摆脱寒冷,与你一起奔跑吧!上海网页设计学校寒假招生已火热启动,查看详细内容可点击:http://4415.peixun360.com/ (如需电话回复,请留下您的【姓名+联系方式+城市+课程】,我们会尽快为您致电,祝您今天好心情!)

编辑推荐：动效该潜移默化OR引人注目？