2016 年 5 月 28 日,我在"西安移动互联社区"第一次活动上做了一个分享《设计不难 - 如何合理应用模版美化你的应用?》,这里"模版"更准确的表达是「“开源”的设计资源」。

开发者有庞大的开源生态,用于更快的学习技术、开发生产,实际设计方面也有一个设计资源生态,或免费或收费,不过不像开发者的那样大多集中在 GitHub,比较碎片化。了解这些资源的来源,及使用,即便对于没有多少设计基础的开发者,也可以更快的学习设计、更轻松的做出更美观的应用。这次分享主要对这方面做了简介。

分享中提到了很多链接,故在这里做一个整理:

尊重版权;尊重版权;尊重版权

重要的事情说三遍,这方面真心希望大家自重别把自己当流氓...
免费并不代表随便用:注意不同的 license 规定,有些是仅用于学习的,有些是不能随意修改的,有些是需要标注作者署名并留链接的。
付费也不代表随便用:有些 license 是只允许使用一次的,尽管全部文件已经在你手上。

这方面最著名的就是 CC 协议了,希望大家好好了解下先 CC 协议官网:
https://creativecommons.org/

分享中提到的一些在线内容:

  • 《程序员学设计必读:五大误区 & 三大秘籍》:http://likaiwen.cn/post/design/cheng-xu-yuan-xue-she-ji-bi-du-xian-you-ren-ti-de-san-da-mi-ji
  • Denis Dutton - 漫话美学进化论:http://chuangxin.umiwi.com/2011/0822/32321.shtml
  • 罗子雄演讲《如何成为一名优秀的设计师》:http://v.youku.com/v_show/id_XOTU4NzE4NTQ4.html?from=s7.8-1.2

书籍:

  • 《写给大家看的设计书》:https://book.douban.com/subject/3323633/
  • 《通用设计法则》:https://book.douban.com/subject/24869617/

Google 搜索关键词:

freebie, template, stock, ui kit, vector, theme, icon, font, image, photo, high resolution, creative assets

如何在设计师社区搜寻免费资源

  • Dribbble:https://dribbble.com/
  • Behance:https://www.behance.net/ 方法:搜关键词例如 Freebie icon, 打开有 Attached 附件的设计,查看作者是否是在发免费资源,相关 License 定义,以及附件是否是你需要格式的原文件。

综合性资源站

  • UI8-免费或付费的各类高质量资源:https://ui8.net/
  • SketchAppResources - 专门针对 Sketch 的全种类资源站(荐):http://www.sketchappsources.com/
  • Envato Market - 全门类付费资源:http://market.envato.com/
  • Creative Market - 各类付费资源:https://creativemarket.com/

特别门类的设计资源获取

  • Fontello - Font icon 生成工具:http://fontello.com/
  • Iconfinder - Icon 资源搜索:https://www.iconfinder.com/
  • Unsplash - 全免费高清背景大图:http://unsplash.com/
  • HTML5UP - 免费 HTML 模板:http://html5up.net/
  • OnePageLove - 单页面网页合集:http://onepagelove.com/
  • Color Paletts - 从精美照片中分析出的配色方案:http://colorpalettes.net/
  • Coolors - 现代化配色工具: https://coolors.co/
  • Google Fonts - 英文字体:https://www.google.com/fonts

Bootstrap -- 最知名的前端框架及相关资源

  • 官网:http://getbootstrap.com/
  • 中文网:http://www.bootcss.com/

几个开源 Bootstrap Template:

  • Material 风格的:http://fezvrasta.github.io/bootstrap-material-design/
  • Flat UI 免费版:https://github.com/designmodo/Flat-UI

免费 Bootstrap Template & Theme 系列:

  • 主要是基本控件的样式重新定义:http://bootswatch.com/
  • 控件更全一些,主推 AdminLTE:https://almsaeedstudio.com/

付费主题:

  • ThemeForest 的 Admin 分类:http://themeforest.net/category/site-templates/admin-templates
  • 专卖 Bootstrap Template:https://wrapbootstrap.com/

Ionic - Hybrid 移动应用框架

  • 官网:http://ionicframework.com/
  • 市场:http://market.ionic.io/
  • Material 风格 Template:http://ionicmaterial.com/

其它提到的链接:

  • Hackernews:https://news.ycombinator.com/
  • Pinboard:https://pinboard.in/
  • Ruby China 开源项目:https://github.com/ruby-china

完---------------------------