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
完---------------------------