首页美食育儿手工生活美妆美容设计电脑综合

设计创意

搜索

首页设计创意全部栏目设计创意最新信息平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

50张国外设计大气的扁平化网页设计欣赏

2016-02-16 20:27 19 1 收藏

想要天天向上，就要懂得享受学习。图老师为大家推荐50张国外设计大气的扁平化网页设计欣赏，精彩的内容需要你们用心的阅读。还在等什么快点来看看吧！

【 tulaoshi.com - 平面设计】

上期我们分享过《使用扁平化设计的网页作品欣赏》，而今天设计达人网会为大家继续收集扁平化设计趋势的作品，你可以从这些作品上参考他们是如何排版、配色、网页布局等等，这些都是你可以学习的地方。

Metro VS 扁平化设计

我们知道Metro的设计一般是单色、块状（直角）、无渐变、无阴影。但扁平化设计不同，为什么？就以图标为例《设计非常细致的扁平化Icon图标》，扁平化设计的图标和网页设计的色彩是没有限制的，可以是很多色彩的组合，所以扁平化设计比Metro更美。但两都追求扁平化，不说太多，看看今天设计达人网整理的50个漂亮的扁平化网页设计欣赏，希望能给你带来一些灵感来源！

William Leeks

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）bioipsum

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Mark Simonson

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Flaticons

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Combadi

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Geckoboard

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Eva Black Design

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Andrew Lohman

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Squidee

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Matias Gallipoli

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）OnSite

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Jim Ramsden

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Dan Edwards

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Alessio Atzeni

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）KIN HR

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Work by Mark

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Joey Rabbitt

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）FHOKE

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Mark Boulton Design

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Lowdi

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Mud

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Nico Garcia

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）nextr

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Carlos Sousa

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Shelton Fleming

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）I think I might

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Cileos

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Concrete Matter

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Kippt

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Thankful Registry

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Thomas Schrijer

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Vtcreative

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）mazefall

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Happy Studio

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Manos

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）David Massiani

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Squarespace

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Tinybigstudio

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）GRAND

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Karma

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Belancio

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Bob Galmarini

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Northbound Design

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Sputnik Creative

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）FTW

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）MapBox

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Barnt & Arnst

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

查看网页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Chris Lee

50张国外设计大气的扁平化网页设计欣赏,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573733.html

上一篇： 10个优秀设计师分享的色彩运用秘技
下一篇： 30个国外创意风格的书籍设计欣赏

看过《50张国外设计大气的扁平化网页设计欣赏》的人还看了以下文章更多>>

21款精致细腻的扁平化网页设计欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

扁平化网站蜂拥而来，想脱颖而出，就得在细枝末节上下功夫。今天搜集的这组网站，将扁平化的细微之处打磨得非常漂亮，感受下。 Mountainview Agency Apparatus Studio Dickson Fong Trippeo Kevin Tresor Portfolio Gogoro Genn.org VI Hart Island Project Online Photo Mosaic Maker Part Design. Pa...

解析网页设计扁平化设计VS拟物化设计

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

这篇小短文是关于最近很火的扁平化风格的深度探讨。我可以听到你们脑袋里不耐烦地抱怨：Brah，这种事情随意啦!。但是如果你想做一个有品味的设计师，还是看看为好。当然，我会尽可能得快点讲完。我从不认为哪种风格或哲学立场更正确或者说更优于其他，我更中庸一些，我认为答案通常不是极端的;我也认为，使用得当的就是好的。当下被讨论的...

25款国外扁平化风格的优秀网页欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

扁平化设计比起最开始的风格已经没有那么平了，更丰富的细节，更清晰的层次，更优秀的视觉体验使得它和初期有了相当大的差别。于是Ryan Allen 在为 Dapper Gentlemen 撰文的时候将现在的扁平化设计称为Flat Design 2.0，这篇文章中，他阐述了最初的扁平风和今天的扁平化设计的差别，甚至还简单分析了一下这种演进的原因。扁平化设计依然占据...

精选国外扁平化风格的优秀人物设计

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

设计是好玩的，特别是把自己的奇思妙想实现出来后，会有很有成就感，今天分享一组来自UI设计师Rob Lafratta的创意设计作品，这组作品主要是把超级玛丽的形象换成其它超级英雄等人物，看上去很有趣。下面来看看一些截图，当然你也可以点击这里查看该设计师的最近更新。

40个扁平化设计风格的网站设计欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

上期我们为大家展示了黑色配色方案的网站作品，今天我们将整理使用流行的扁平化设计的网页设计给大家欣赏，国外很多网站为了增加更好的用户体验，多数网站使用响应式设计来兼容平板电脑、手机多平台浏览，而使用扁平化网页会更容易实现这些技术。如果你是网页设计师，又想获得更多的设计灵感，那么最好最快速的方式就能参考高质量的网页设计...

查看更多精彩>>

丶__End

丶__End

经验教程

496

收藏

88

最新文章

平面设计海报设计

精华推荐

精选新鲜漂亮的扁平化网站设计欣赏

属狗0

话说扁平化设计“一二事”

加州理工类

国外设计欣赏

那个女人不爱i

热门标签

平面设计平面设计素材平面设计软件 ps平面设计教程设计网页设计雕刻设计设计软件书房设计 UI设计装修设计客厅设计网站设计教学设计装饰设计插图设计装潢设计餐厅设计设计色彩网页设计素材