Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/qyxxjd/ui-design-resources

UI设计资源收集
https://github.com/qyxxjd/ui-design-resources

android design ios resources ui ui-design url website

Last synced: 5 days ago
JSON representation

UI设计资源收集

Awesome Lists containing this project

README

        

#### 素材备份下载地址
听说国内的网盘最近要整改,所以上传了一份到Google云盘,原始链接文件如果丢失,可以点击下方链接进行下载。

[2016开年大礼包!100套最新UI PSD素材打包下载](https://drive.google.com/file/d/0B89YgSoKRhNVVllMOUFyaGJnYzg/view?usp=sharing&resourcekey=0--mxuihVzmzWifgbZFFePwg)

[50个设计圈优质资源打包下载-上篇](https://drive.google.com/file/d/0B89YgSoKRhNVd0EyNVdFa0EtVnM/view?usp=sharing&resourcekey=0-Vzz-RDuB4910gjF8JR3DKQ)

[50个设计圈优质资源打包下载-下篇](https://drive.google.com/file/d/0B89YgSoKRhNVWkxIMFZHMFJFc1k/view?usp=sharing&resourcekey=0-wB2DaielqTf2lmj6CRqWhA)

链接需要翻墙,不懂翻墙的朋友按平台下载对应文件,安装使用。

[Mac下载](https://github.com/qyxxjd/UI-Design-Resources/blob/master/tools/lantern-installer-beta.dmg?raw=true)

[Android下载](https://github.com/qyxxjd/UI-Design-Resources/blob/master/tools/lantern-android-beta.apk?raw=true)

[Windows下载](https://github.com/qyxxjd/UI-Design-Resources/blob/master/tools/lantern-installer-beta.exe?raw=true)

#### [简书原文链接](http://www.jianshu.com/p/19ee6d325d88)
#### 优秀设计站点
- ###### [Dribbble](https://dribbble.com/LudmilaShevchenko#UI)
设计师必备站点,国内顶尖的设计师都在上面。
![](http://upload-images.jianshu.io/upload_images/1159778-208a4aa2edc8e3ac.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [Yalantis](https://github.com/Yalantis)
致力于提供世界一流的 Android 和 iOS 应用开发服务, 因一些动画很棒的开源库为大家所熟知。
![](http://upload-images.jianshu.io/upload_images/1159778-8f2e4f203f06ff85.gif?imageMogr2/auto-orient/strip)
![](http://upload-images.jianshu.io/upload_images/1159778-5074067c49f7c115.gif?imageMogr2/auto-orient/strip)

- ###### [Behance](https://www.behance.net/)
2006年创立的著名设计社区,在上面,创意设计人士可以展示自己的作品,发现别人分享的创意作品,还可以进行互动。
![](http://upload-images.jianshu.io/upload_images/1159778-3e6f41547ca57095.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/1159778-0ffbcc98c58b897e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [UI Parade](http://www.uiparade.com/)
灵感UI设计网是一个致力于设计师UI设计作品分享的网站,提供很多有才华的设计师们的优秀作品,帮助设计师们获得UI方面的设计灵感,提供丰富的设计参考案例,同时还提供收费版的在线设计工具。
![](http://upload-images.jianshu.io/upload_images/1159778-d83c3d8af2d59a1a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [Louie Mantia](http://louiemantia.com/)
apple设计站点,网站提供免费的icon图片和桌面以及UI设计下载和使用。
![](http://upload-images.jianshu.io/upload_images/1159778-66875ead8bd6cc3b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [Lovely UI](http://www.lovelyui.com/tagged/home)
可爱的UI手机界面设计站点,一个致力于智能手机界面设计作品展示的博客网站,由众多程序界面设计师上传分享出来的,该网站分类详细,用户可以更加分类来查看不同的界面UI设计,要想提高自己的设计能力就需要去取经,该网站就是你取经的必备网站之一。
![](http://upload-images.jianshu.io/upload_images/1159778-fa995b64bc9f3e3a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [UI中国](http://www.ui.cn/)
前身为iconfans,是国内专业的UI设计师交流、学习与展示的平台。
![](http://upload-images.jianshu.io/upload_images/1159778-817603703901afa3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [优设](http://www.uisdc.com/tag/app%E8%AE%BE%E8%AE%A1)
优秀网页设计联盟(SDC),是有着良好职业交流氛围的网页设计行业联盟。
![](http://upload-images.jianshu.io/upload_images/1159778-188cd8298026d9da.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [学UI网](http://app.xueui.cn/category/userprofiles)
一个发布高质量设计教程和分享设计经验的UI学习平台。
![](http://upload-images.jianshu.io/upload_images/1159778-f796bac22fbfbf8e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [UI设计网](http://www.uisheji.com/250621.html/6)
一个专业的用户界面设计、交互动画分享平台。
![](http://upload-images.jianshu.io/upload_images/1159778-e41604fe56117fbe.gif?imageMogr2/auto-orient/strip)
![](http://upload-images.jianshu.io/upload_images/1159778-d52baa36ae254329.gif?imageMogr2/auto-orient/strip)

- ###### [花瓣网](http://huaban.com/)
设计师寻找灵感的天堂!图片素材领导者,帮你采集,发现网络上你喜欢的事物。
![](http://upload-images.jianshu.io/upload_images/1159778-ae3630e972ed8c0c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### 素材下载
- ###### [2016开年大礼包!100套最新UI PSD素材打包下载](http://www.uisdc.com/2016-100-daysui-psd?url_type=39&object_type=webpage&pos=1)
![](http://upload-images.jianshu.io/upload_images/1159778-1e0a3896ba631376.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [50个设计圈优质资源打包下载](https://linmi.cc/422) 来自[梦在这里](https://linmi.cc/)
![](http://upload-images.jianshu.io/upload_images/1159778-331287b7da269111.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/1159778-b14ae257cd5d6032.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### Material Design
- ###### [Material Design](https://www.google.com/design/spec/material-design/introduction.html#)
官方网站,需要翻墙。

- ###### [material design icons](https://github.com/google/material-design-icons)
Google官方开源的Material Design图标,开发必备。

- ###### [MaterialUp](http://www.materialup.com/)
MaterialUp 是一个展示最好的Material Design APP网站和概念的地方,每天都会更新。每款设计都精心挑选,展示那些有才华的设计师的伟大工作。 MaterialUp 的核心价值是让尽可能多的设计师提供有价值灵感。
![](http://upload-images.jianshu.io/upload_images/1159778-11518141097b0c57.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [Material Design Color 全新指南](https://material.io/guidelines/style/color.html#)
它还允许开发者检查配色方案中任何文字是否清晰可辨。 Google采用了标准方法,该工具根据W3C的“Web内容无障碍指南”对每个方案进行判断。其中很大一部分重点在于开发者可以据此做出设计决策,以确保视觉障碍用户也可以清晰阅读。

- ###### [Material Palette](http://www.materialpalette.com/blue/yellow)
Material Palette 网站是一个致力于为设计师们提供颜色组合搭配的工具,让设计师轻松的选择自己喜欢的颜色,在线生成Metaerial Design 风格配色的搭配方案,让你从烦乱的颜色中筛选出一条极具创意的颜色组合。
![](http://upload-images.jianshu.io/upload_images/1159778-c697936bc0369a93.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [Plaid](https://github.com/nickbutcher/plaid)
非常赞的一款Material Design风格app推荐。
![](http://upload-images.jianshu.io/upload_images/1159778-9c6a1fe2ff7b998e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/1159778-fcb84e233df3bbde.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [重磅教程!帮你全面彻底搞定Material Design的学习笔记](http://www.uisdc.com/comprehensive-material-design-note)

#### 图标
- ###### [移动端图片格式调研](http://blog.ibireme.com/2015/11/02/mobile_image_benchmark/)
图片通常是移动端流量耗费最多的部分,并且占据着重要的视觉空间。合理的图片格式选用和优化可以为你节省带宽、提升视觉效果。这篇文章分析了目前主流和新兴的几种图片格式的特点、性能分析、参数调优,以及相关开源库的选择。

- ###### [Iconfont](http://www.iconfont.cn/)
阿里巴巴矢量图标库, 个人最常用的一个图标下载网站, 自定义尺寸、颜色,SVG、AI、PNG格式,都可自由选择。
![](http://upload-images.jianshu.io/upload_images/1159778-15c8115ca8014cd1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [IconStore](http://iconstore.co/)
收录许多精致、独特的图标集;
可免费下载,无须注册或登入账号;
图标可用于个人或商业项目,免标注出处或原作者。
![](http://upload-images.jianshu.io/upload_images/1159778-5d052e1a7675b757.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [Glyph](http://glyph.smarticons.co/)
SmartIcons出品的一套 SVG 图标。
![](http://upload-images.jianshu.io/upload_images/1159778-57e644dbccc3d832.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

- ###### [AndroidAssetStudio](http://romannurik.github.io/AndroidAssetStudio/index.html)
一个在线制作工具,它可以制作Iocn、ActionBar、点9 图等等,简单的操作,大大提高了我们开发的效率。
![](http://upload-images.jianshu.io/upload_images/1159778-cc958c269b33761c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

#### [设计师网站导航](http://hao.uisdc.com/)
最后来一发比较全面的设计师网站导航。
![](http://upload-images.jianshu.io/upload_images/1159778-a5b374993e45b7c7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)