设计作品 » 40个扁平化设计风格的网站作品

40个扁平化设计风格的网站作品

发表于: 设计作品. 评论 (4)
Sponsor

上期我们为大家展示了黑色配色方案的网站作品,今天我们将整理使用流行的扁平化设计的网页设计给大家欣赏,国外很多网站为了增加更好的用户体验,多数网站使用响应式设计来兼容平板电脑、手机多平台浏览,而使用扁平化网页会更容易实现这些技术。

如果你是网页设计师,又想获得更多的设计灵感,那么最好最快速的方式就能参考高质量的网页设计了。

下面设计达人网为大家整理40个使用扁平化设计风格的网页设计作品,这些网站制作使用HTML5,CSS3,响应式设计技术,我想你就看看就能受益非浅哦!

Human Hubris

人类的狂妄自大 – 介绍可能即将灭绝于地球的动物。动物使用扁平化的多边形绘制,很好看。

Human Hubris扁平化网页设计

Human Hubris

A Guide to Making Things

A Guide to Making Things扁平化网页设计

A Guide to Making Things

Teamgeek

一个伟呼机服务类的机构网站设计。

Teamgeek扁平化网页设计

Teamgeek

Poolhouse

Poolhouse扁平化网页设计

Poolhouse

Fixed Digital Agency

一个设计服务网站,网站使用视差滚动设计,十分有特色。

Fixed Digital Agency扁平化网页设计

Fixed Digital Agency

MoonCamp

Mooncamp 是一个和 Basecamp 相关的应用,具体怎样没体验过……

MoonCamp扁平化网页设计

MoonCamp

Robby Leonardi

这个网站的设计看起来让我想去超级马里奥。

Robby Leonardi扁平化网页设计

Robby Leonardi

NBAllstats

一个展示NBA球队的数据,数据从1970年就开始整理。

NBAllstats扁平化网页设计

NBAllstats

Brooklyn

Brooklyn 是一个强大的WordPress主题,功能十分完整,无论你用来做企业网站、博客、作品集展示、设计工作室网站都很适合。

Brooklyn扁平化网页设计

Brooklyn

Dr Woe

一个单页面网页设计作品。

Dr Woe扁平化网页设计

Dr Woe

Tribal

创意品牌策划机构网站,致力帮助企业找出关键影响因素。网站每个栏目页面的头部使用不同扁平化设计配色,设计风格很统一。

Tribal扁平化网页设计

Tribal

Flamingo

Flamingo 是一个适用于投资组合机构的网页模板,如果你是自由职业者、平面设计师、网页设计师、UI设计师、插画家或摄影师,我想这个主题你可以购买使用,用于品牌或个人宣传也是非常棒的。

这个网页模板使用的技术可以领先国内超多网站了。

Flamingo扁平化网页设计

Flamingo

Taasky

Taasky 是一个美丽的,简单和易于使用的任务管理器APP应用,本身网页设计不错,喜欢的话也可以尝试下载APP来玩玩。

Taasky扁平化网页设计

Taasky

Names for Change

使用了宫格多的布局,这类布局用来展示图确实非常适合。

Names for Change扁平化网页设计

Names for Change

A Naturally-Aged Story

里面的扁平化画面很舒适,所以很喜欢^^

A Naturally-Aged Story扁平化网页设计

A Naturally-Aged Story

Protest Boardwear

一个使用喘息应式设计的品牌和电子商务平台,这样的网上商店体验佳。

Protest Boardwear扁平化网页设计

Protest Boardwear

Aubrey Johnson

一个设计师的个人网站,大家可以参考学习,我觉得设计师们怎么也得有个自己的个人网页来宣传自己。

Aubrey Johnson扁平化网页设计

Aubrey Johnson

Focus Labs

Focus Labs 是一个品牌、网页、APP应用、前端开发的工作室,首页的Banner直接使用工作室的照片(视频动画),然后上面加一个色块蒙板,再写几个大大的文字,国外好像很流行这样子。题题外话,这样的办公环境其实也不错,坐在一起讨论更方便。

Focus Labs扁平化网页设计

Focus Labs

IBM SG 60/60 Exhibit

讲述IMB SG 60周年的东东吧。

IBM SG 60/60 Exhibit扁平化网页设计

IBM SG 60/60 Exhibit

Gronnpose

没详细子解这网站,好像和Instagram有关,目前还不知道网站怎么用,但配色很喜欢就是了,反正我看的是设计而已。

Gronnpose扁平化网页设计

Gronnpose

ANTRO

ANTRO扁平化网页设计

ANTRO

MIDORI AOYAMA

一位DJ的个人网站,所以网站设计有很多动感,很HIGH感觉的交互动画,大家可以去学习学习。

MIDORI AOYAMA扁平化网页设计

MIDORI AOYAMA

Delete

Delete(删除),很有意思的网站名字。

Delete扁平化网页设计

Delete

Liberio

少见的黄色为主色调风格的网页设计作品,Liberio 免费让你编写、设计并发布成电子书,而电子书可以在手机、平板以及桌面设备上阅读。PS: 中间哪几个人物的眼睛会眨眼呢,哈哈。

Liberio扁平化网页设计

Liberio

Mixture

Mixture是一个前端开发工具,风里支持Mac和Windows平台,其特点包括:boilerplates、预算理、检测、模板、数据模型、集合、工具

Mixture扁平化网页设计

Mixture

WPEngine

这是一个提花wordpress让机托管服务的网站,该网站大胆使用了颜色色块实现漂亮的平面UI设计。

WPEngine扁平化网页设计

WPEngine

Madesum

Madesum是一个咔嚓事情的网站。

Madesum扁平化网页设计

Madesum

Ink

Ink网站能让你快速创建一个支持响应式设计的HTML电子邮件。

Ink扁平化网页设计

Ink

work4rich

一个富有创造性的人才招聘网页设计,流畅的交互实现不同的问题让面试用户回答,只有回答所有问题后才能申请这个工作。

我想只有大公司才肯花钱搞这玩意吧?其实缺的不是钱,而是创意……

work4rich扁平化网页设计

work4rich

Health-On-Line

一个图文并茂的交互网站制作,主要叙述对吸烟对肺部的影响。

Health-On-Line扁平化网页设计

Health-On-Line

Oregon Gridiron

互动体验网站设计

Oregon Gridiron扁平化网页设计

Oregon Gridiron

Marble

英国一家专注UI/UX的网页设计工作室网站。

Marble扁平化网页设计

Marble

Wrist

Matt Johnston是一位设计师兼优秀的前端开发人员,他利用手表来宣传自己才华。

1.各种手表的设计与配色,证明他的设计能力。

2.这些手表使用全HMLT5/CSS3/jQuery实现,无图片,这已经证明他是一位优秀的前端开必人员。

一个技术问题,这个用代码写出来的手表,为何还能支持响应设计,兼容自由缩放大小呢?

Wrist扁平化网页设计

Wrist

Triggermail

一个电子邮件服务的机构网站

Triggermail扁平化网页设计

Triggermail

Treehouse

教育机构网站,在这里你可以学习到网页设计和前端开发技术。

Treehouse扁平化网页设计

Treehouse

Riot Design

网页设计公司的作品集

Riot Design扁平化网页设计

Riot Design

Small Studio

小设计工作室,向客户提供商标和品牌标识设计、印刷品设计和网站建设与开发。

Small Studio扁平化网页设计

Small Studio

Nouvelle Vague

一个Chrome和Friefox 4 实验网站。全3D WebGL体验,带你进入 tweets 的旅程。

Nouvelle Vague扁平化网页设计

Nouvelle Vague

Soyuz Coffee Roasting

Soyuz Coffee 网站让我们知道,咖啡不只是冲泡饮料,更是一种生活的方式!不过我还是喜欢品茶多一点,哈哈。

Soyuz Coffee Roasting扁平化网页设计

Soyuz Coffee Roasting

赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论4 Responses to “40个扁平化设计风格的网站作品”

  1. 陈熙 - 回复

    图片很漂亮,网站也选的很不错~

  2. WJ婧1027 - 回复
  3. 诸葛小觉 - 回复

    图片加载好慢呀,好久没来了,现在恶补一下~

  4. Jason - 回复

    質量很不錯,值得學習


{ 发表评论 }