首页 美食 育儿 手工 生活 美妆 美容 设计 电脑 综合
设计创意
搜索
首页 设计创意 全部栏目 设计创意最新信息 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

40扁平化的APP应用UI和网页设计素材

2016-02-17 00:39 123 1 收藏

下面是个40扁平化的APP应用UI和网页设计素材教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - 平面设计 】

我们一直关注扁平化的设计趋势，我觉得使用平面式的界面设计（扁平化）在未来将会越来越普及，不仅仅是网页设计，在移动应用领域也很多了，或许你会问，它有什么好处呢？简单点讲，对用户来说，扁平化设计的界面简单实用，而且也很漂亮。对设计师来说，它的设计比拟物化轻松很多，减少很多工作量，对公司来说，能减少成本，所以这是必然的设计趋势。

最近Commy在设计一套扁平化的Wordpress模板，看似很简单的样子，但在实际设计的时候却感觉很难，所以我建议你参考一些设计达人网分享过的作品案例，然后自己多加练习，我想你会进步很快的。

Flat Profile for Social Fashion Network – iOS app

漂亮的扁平化iOS手机应用界面设计，配色很喜欢呢

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

一个平面式的登陆表单

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

时尚简约的图片展示

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

ios7 PSD界面下载

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

平面式的浏览器窗口设计

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

扁平化iphone 5设备素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）平面式设计徽章PSD素材下载40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Mobile cooking app wireframe (free)

一个移动APP应用模板（框架），喜欢啊，做手机UI的同学一定要下载学习哦！

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

gameboy游戏机PSD 免费下载哦~

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

游戏手柄PSD素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

平面日历设计素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

漂亮的滑块UI

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Mini Stats UI (Free PSD)

扁平化+迷你数据统计视图UI设计

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Imac, Ipad & Iphone flat illustration40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）FREE PSD – Flat iPhone 5 3D MockUp

立体感的iphone 5设备PSD,用来展示你的设计作品不错呢。

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

漂亮的扁平化登陆表单

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Incoming Video Call (freebie)40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

扁平化的苹果设备PSD

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

一个简约的扁平化设计网站博客模板

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Free PSD File – Flat Design (Switch)

免费的滑块PSD素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

表单元素

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Flat dashboard. Free UI kit PSD

扁平化的用户后台界面设计

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Flat UI Terminal Theme40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）FREE Pack UI .PSD40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Free Flat Ui Kit40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

按钮素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

tool tips PSD素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

数据视图元素

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

扁平化设计的UI KIT

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Featherweight – Free Flat UI Kit

一套漂亮的免费的扁平化UI KIT下载

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

暗黑、复古风格的的移动手机(扁平化)UI

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

平面图标

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

一些网页元素模板

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

扁平化设计的iOS图标 + iphone 5设备PSD

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

一个时钟插件的设计样式

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

平面的垂直菜单

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）UI Design Flat Elements (Light and Dark Themes)

UI设计素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

免费的音乐UI素材

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

平面的数据图设计

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

清爽风格的扁平化UI KIT下载，很多有用的UI元素哦！

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）iPhone 5 Flat Design Mockup (Free PSD)

免费的iPhone5 设备PSD源文件下载，适合用来展示作品。

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

扁平化icon,这里更多《精选Dribbble图标Icon素材集》

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

扁平化图标设计源文件

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/pmsj/）Flat Design Social Media Icons40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

扁平化的Apple产品模板PSD下载

40扁平化的APP应用UI和网页设计素材,PS教程,图老师教程网

进入下载页

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

来源:http://www.tulaoshi.com/n/20160217/1576919.html

看过《40扁平化的APP应用UI和网页设计素材》的人还看了以下文章 更多>>

延伸阅读
解析网页设计扁平化设计VS拟物化设计
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
这篇小短文是关于最近很火的扁平化风格的深度探讨。我可以听到你们脑袋里不耐烦地抱怨：Brah，这种事情随意啦!。但是如果你想做一个有品味的设计师，还是看看为好。当然，我会尽可能得快点讲完。 我从不认为哪种风格或哲学立场更正确或者说更优于其他，我更中庸一些，我认为答案通常不是极端的;我也认为，使用得当的就是好的。当下被讨论的...
20个优秀的国外扁平化网页设计欣赏
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
扁平化设计为印刷品、网页和移动操作系统的设计带来了新的变化。扁平化设计最核心的地方就是放弃一切装饰效果，诸如阴影，透视，纹理，渐变等能做出3D效果的元素一概不用。所有元素的边界都干净利落，没有任何羽化，渐变，或者阴影。 更少的按钮和选项使得界面干净整齐，使用起来格外方便。可以将信息和事物的工作方式更加简单直接的展示出来...
有关扁平化设计的支持和反对观点
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
毋庸置疑，扁平化设计这段时间绝对是备受瞩目，而且随处可见。不光扁平化设计如此，近乎现在的扁平化设计也如此。 与此同时，关于这种设计风格有效性和应用的争论也愈演愈烈。超级时尚的设计风格展示了几乎所有人的观点。现在我们退一步来看下有关扁平化设计的一些支持和反对意见。 支持: 扁平化设计比较时尚 扁平化设计很时尚，但是...
实例讲解扁平化设计的步骤和要点
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
自从苹果放弃拟物化设计，采用扁平化设计以来，扁平化设计的龙卷风就全面席卷了整个UI设计界，自此之后，无论是网页还是APP的设计，首要考虑的就是采用扁平化的设计。扁平化的设计似乎成为了有别于拟物化设计的一种全新的设计思维方式，完全颠覆了拟物化的设计风格，开创了一个UI设计的新时代。 扁平化设计风格带给受众的是一种干净、简洁的设...
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...
查看更多精彩>>
兼love 兼love

经验教程

467

收藏

92
最新文章
平面设计 海报设计

精华推荐

五个网页扁平化设计的最典型的特征

五个网页扁平化设计的最典型的特征

amc嘻哈

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

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

加州理工类

扁平化信息图设计欣赏

扁平化信息图设计欣赏

快了摩羯

热门标签

平面设计 平面设计素材 平面设计软件 ps平面设计教程 UI设计 网页设计素材 设计 设计素材 网页设计 雕刻设计 设计软件 书房设计 装修设计 客厅设计 网站设计 教学设计 装饰设计 插图设计 装潢设计 餐厅设计
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部