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

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

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

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

【 tulaoshi.com - 平面设计 】

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

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

Flat Profile for Social Fashion Network – iOS app

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

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

进入下载页

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

一个平面式的登陆表单

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

进入下载页

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

时尚简约的图片展示

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

进入下载页

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

ios7 PSD界面下载

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

进入下载页

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

平面式的浏览器窗口设计

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

进入下载页

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

扁平化iphone 5设备素材

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

进入下载页

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

进入下载页

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

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

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

进入下载页

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

gameboy游戏机PSD 免费下载哦~

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

进入下载页

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

游戏手柄PSD素材

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

进入下载页

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

平面日历设计素材

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

进入下载页

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

漂亮的滑块UI

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

进入下载页

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

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

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

进入下载页

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

进入下载页

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

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

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

进入下载页

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

漂亮的扁平化登陆表单

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

进入下载页

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

进入下载页

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

扁平化的苹果设备PSD

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

进入下载页

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

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

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

进入下载页

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

免费的滑块PSD素材

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

进入下载页

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

表单元素

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

进入下载页

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

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

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

进入下载页

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

进入下载页

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

进入下载页

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

进入下载页

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

按钮素材

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

进入下载页

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

tool tips PSD素材

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

进入下载页

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

数据视图元素

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

进入下载页

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

扁平化设计的UI KIT

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

进入下载页

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

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

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

进入下载页

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

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

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

进入下载页

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

平面图标

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

进入下载页

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

一些网页元素模板

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

进入下载页

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

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

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

进入下载页

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

一个时钟插件的设计样式

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

进入下载页

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

平面的垂直菜单

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

进入下载页

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

UI设计素材

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

进入下载页

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

免费的音乐UI素材

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

进入下载页

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

平面的数据图设计

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

进入下载页

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

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

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

进入下载页

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

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

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

进入下载页

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

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

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

进入下载页

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

扁平化图标设计源文件

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

进入下载页

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

进入下载页

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

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

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

进入下载页

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

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

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

延伸阅读
50个有用的国外扁平化设计PSD素材
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
最近看了很多扁平化设计作品，然后自己新项目尝试下Flat Design，发现看似简单的图形但设计起来并不是想象中那么容易，特别是配色方面，很难整理一个好的方案，好在还有一个扁平化配色方案库，这里的配色给我很多配色灵感。 所以我建议设计师们在制作扁平化相关的项目，最好先到设计达人网这里查找一些相关设计灵感和资源，或许会对你有帮助哦...
20个优秀的国外扁平化网页设计欣赏
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
扁平化设计为印刷品、网页和移动操作系统的设计带来了新的变化。扁平化设计最核心的地方就是放弃一切装饰效果，诸如阴影，透视，纹理，渐变等能做出3D效果的元素一概不用。所有元素的边界都干净利落，没有任何羽化，渐变，或者阴影。 更少的按钮和选项使得界面干净整齐，使用起来格外方便。可以将信息和事物的工作方式更加简单直接的展示出来...
有关扁平化设计的支持和反对观点
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
毋庸置疑，扁平化设计这段时间绝对是备受瞩目，而且随处可见。不光扁平化设计如此，近乎现在的扁平化设计也如此。 与此同时，关于这种设计风格有效性和应用的争论也愈演愈烈。超级时尚的设计风格展示了几乎所有人的观点。现在我们退一步来看下有关扁平化设计的一些支持和反对意见。 支持: 扁平化设计比较时尚 扁平化设计很时尚，但是...
实例讲解扁平化设计的步骤和要点
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
自从苹果放弃拟物化设计，采用扁平化设计以来，扁平化设计的龙卷风就全面席卷了整个UI设计界，自此之后，无论是网页还是APP的设计，首要考虑的就是采用扁平化的设计。扁平化的设计似乎成为了有别于拟物化设计的一种全新的设计思维方式，完全颠覆了拟物化的设计风格，开创了一个UI设计的新时代。 扁平化设计风格带给受众的是一种干净、简洁的设...
50张国外设计大气的扁平化网页设计欣赏
标签： 平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
上期我们分享过《使用扁平化设计的网页作品欣赏》，而今天设计达人网会为大家继续收集扁平化设计趋势的作品，你可以从这些作品上参考他们是如何排版、配色、网页布局等等，这些都是你可以学习的地方。 Metro VS 扁平化设计 我们知道Metro的设计一般是单色、块状（直角）、无渐变、无阴影。但扁平化设计不同，为什么？就以图标为例《设计非常细...
查看更多精彩>>
兼love 兼love

经验教程

735

收藏

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

精华推荐

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

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

格林森斯乳米

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

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

加州理工类

扁平化信息图设计欣赏

扁平化信息图设计欣赏

快了摩羯

热门标签

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