一、设计规范

  1. 安卓的设计规范
    https://material.io/design/motion/#principles
  2. iPhone尺寸规范
    http://www.tuyiyi.com/cc/
  3. 分享一个规范网站 http://element-cn.eleme.io/#/zh-CN/component/icon
    腾讯ISUX,腾讯系的产品品牌规范都可以查看、下载https://isux.tencent.com/brands
  4. 弹窗规范
    http://www.zcool.com.cn/article/ZMzkyOTQ0.html
  5. 切图命名规范:
    http://www.qijishow.com/down/cutname.html

二、图标网站

图标除了阿里图标库之外的其他网站推荐


三、素材网站

  1. Google、百度、花瓣、 雅虎、 搜狗、 好搜、多搜搜
  2. 全景网
  3. TheStocks: http://thestocks.im/,涵盖 Pixbay,Unsplash,Startup Stock,Gratisography,Pexels 在内的15个免费高清图片网站的资源
  4. 昵图网、我图网 、千图网、汇图网、 素材天下、 天堂图片网 、站酷、红动中国等等(切记直接照搬,不动脑子会变得懒惰、学会利用素材)
  5. 博客(新浪、网易、腾讯等等)
  6. 百度识图、360识图
  7. 存图工具:eagle (收费)
    inboard(待测试)

四、UI网站

  1. CollectUI
    UI设计必备!100多个分类,不用发愁没灵感了https://www.collectui.com/
  2. Fotor(懒设计):探索海量模板 发现设计灵感
    这是一个主打在线做平面设计却又不务正业的提供了大量互联网运营相关设计案列、模板的神奇网站,你可以把它当做“花瓣”来用https://www.fotor.com.cn/templates

五、配色网站

  1. Coolors:自动生成热门配色色板的配色神器。https://coolors.co/browser/latest/1
  2. Color Tool: 快捷预览UI界面配色效果。
    我们常常找到了配色,却不知道实际应用是什么效果,往往还要在试验中得出结论,这就浪费了很多时间。今天推荐的网站会让你在最短的时间看到配色的基本效果,从而节约了很多时间。https://material.io/color/
  3. material design palette
    自动配色网站,任意选择两个你喜欢的颜色就能在瞬间生成一个比较全面的配色方案了,这个方案除了告诉你都有哪些颜色,并且提供简单的示例之外,还帮你安排好了主色、辅色、甚至文字标题的颜色等你没想到的其他细节!http://www.materialpalette.com

六、数据调研网站

腾讯 http://tbi.tencent.com/
百度指数 http://index.baidu.com/#/
bdp https://me.bdp.cn/home.html
神策
questmobile
Tableau
友盟 https://www.umeng.com/
数据分析网站 http://echarts.baidu.com/theme-builderhttp://echarts.baidu.com/index.html


七、后台网站

  1. 分享一个demo网站(后台管理系统)
    https://shapebootstrap.net/items/category/html-templates/11-admin-templates
  2. http://echarts.baidu.com/echarts2/doc/example.html
  3. 后台管理,themeforest上面很多的哦,都有Live Demo的https://themeforest.net/category/site-templates/admin-templates
  4. 全面功能和流程:http://www.10oa.com/v8/function.htm
  5. 这里是是 Ant Design 的 React 实现,开发和服务于企业级后台产品:https://ant.design/index-cnhttps://ant.design/docs/react/introduce-cn
  6. Ant Design后台:https://preview.pro.ant.design
  7. 花瓣B/S后台界面:http://huaban.com/boards/291013/

八、动效网站

UI Movement
https://uimovement.com/

网站收录了非常丰富的UI动效案列并提供了完善的筛选导航,你可以根据自己的需要从7大分类中选择某一类进行灵感收集;此外,每个作品下都有作者名字,点击名字就可跳转到作者的追波或者behance页面,与作者讨论互动


九、工具网站

晶格化背景

Trianglify:https://trianglify.io/
Owpolygonart:http://www.lowpolygonart.com/?page_id=2026
lowpoly:http://www.shejidaren.com/examples/tools/low-poly/
Wagerfield:http://matthew.wagerfield.com/flat-surface-shader/

设计导航

中国设计网址导航:http://wz.cndesign.com/
腾讯设计导航:http://idesign.qq.com/#!index/feed
大狮搜索导航:http://p.bigbigwork.com
创造师导航:http://www.chuangzaoshi.com/
牛大拿导航:http://www.niudana.com/
奇目设计师导航:http://www.qisumu.com/
设计师导航:http://www.foolo.cn/
SDC设计师网址导航:http://hao.uisdc.com/
设计导航:http://hao.shejidaren.com/
前端设计导航:http://nav.templatesy.com/
NAV80导航:http://nav80.com/


十、改色插画

https://undraw.co/illustrations


十一、样机

https://www.yrucd.com
https://placeit.net/
https://medialoot.com/mockups/
http://www.uikit.me/index.php?s=/index/index/pid/2
http://threed.io

最后修改:2020 年 07 月 30 日 10 : 06 AM
如果觉得我的文章对你有用,请随意赞赏